Turn Products into Scroll-Stopping TikTok-Style Reels
A modern, mobile-first video reels experience for your WooCommerce store. Full-screen vertical reels, swipe navigation, likes, comments, share, report, and a gorgeous Buy Now button – all powered by simple WordPress shortcodes.
Bring a social-media-style shopping experience into your WooCommerce store. Optimized for modern WooCommerce stores
Full-screen vertical reels with swipe up / down navigation.
- Link each reel to a WooCommerce product for instant purchase journeys.
- Likes, inline comments, share & report – each can be turned on/off in settings.
- Gorgeous pill-shaped Buy Now button with customizable color.
- Double-tap to like – just like TikTok and Instagram Reels.
- Reel reports stored in the admin and emailed to site administrator.
Text Domain: wc-tiktok-reels)
GPLv2 or later
Screenshots & Preview
Replace the placeholder images with your actual plugin screenshots to show customers the real experience.
Key Features
TikTok-Style Reels
- Full-screen vertical video player.
- Swipe up / down, use mouse wheel or arrow keys to switch reels.
- Auto-play when a reel becomes active.
- Double-tap / double-click anywhere on the video to like.
Deep WooCommerce Integration
- Each reel is linked to a WooCommerce product.
- Product name & price appear right inside the reel viewer.
- Stylish pill-shaped Buy Now button with customizable color.
- Buy Now opens the product page in a new tab.
Flexible Shortcodes
- Show all reels, reels by product category, or specific product IDs.
- Dedicated “Watch Reels” button shortcode to open the full viewer.
- Control order (
ASC/DESC) and orderby (date,title, etc.). - Debug shortcode for inspecting stored reels in admin/testing.
Control & Moderation
- Toggle likes, comments, share, and report from settings.
- Inline comments overlay – users never leave the reel viewer.
- Reports are saved as “Reel Reports” and emailed to admin.
- Works seamlessly with WordPress’ built-in comment system.
Installation & Setup
Getting started is simple. Follow these steps to install and configure the plugin in your WordPress site.
1 Requirements
- WordPress 5.4 or higher.
- PHP 7.4 or higher.
- WooCommerce installed and active.
2 Install the Plugin
- Download the plugin ZIP file.
- In WordPress admin, go to Plugins → Add New.
- Click Upload Plugin and select the ZIP.
- Click Install Now, then Activate.
3 Create Your First Reel
- Go to Product Reels → Add New.
- Enter a reel title (for admin reference).
- In the Reel Details meta box:
- Select a WooCommerce product (search by name).
- Set a video URL or upload a video from the media library.
- Optionally set a featured image for the grid thumbnail.
- Click Publish.
4 Configure Settings
- Go to Product Reels → Settings.
- Enable/disable likes, comments, share, and report.
- Customize the Buy Now Button Color.
- Set the default Shorts Button Text and color.
- Save changes.
5 Display Reels on the Frontend
- Edit any page/post where you want reels.
- Add one of the shortcodes below (e.g.
[wcttr_reels_all]). - Update and preview the page.
- Click any reel in the grid (or the Watch Reels button) to open the full viewer.
6 Handling Reports & Comments
- Reported reels create entries under Product Reels → Reel Reports.
- Admins receive report notifications via email.
- Comments are regular WordPress comments attached to the reel post type.
Shortcodes & Examples
All supported shortcodes with their attributes and example usage are listed below.
Tip: On smaller screens, you can swipe horizontally on the table to view all columns.
| Shortcode | Description |
|---|---|
[wcttr_reels_all] |
Display a grid of all product reels. Attributes
Example: [wcttr_reels_all limit="12" order="ASC" orderby="title"]
|
[wcttr_reels_by_category] |
Display reels linked to products in specific WooCommerce product categories. Attributes
Example: [wcttr_reels_by_category categories="sunglasses,contact-lens" limit="8" order="DESC" orderby="date"]
|
[wcttr_reels_by_products] |
Display reels linked only to selected WooCommerce product IDs. Attributes
Example: [wcttr_reels_by_products ids="101,102,103" limit="6" order="ASC" orderby="ID"]
|
[wcttr_reels_button] |
Display a single button. When clicked, it opens the full-screen TikTok-style viewer with all reels. Attributes
Example: [wcttr_reels_button limit="15" text="Watch Product Reels" order="DESC" orderby="date"]
|
[wcttr_debug] |
Debug shortcode (admin/testing only). Shows all reel posts and their meta in plain text. Example: [wcttr_debug]
|
Buy Now
Ready to integrate TikTok-style product reels into your WooCommerce store? Get in touch instantly and complete your purchase via WhatsApp.
Purchase via WhatsApp
Contact & Support
If you have pre-sale questions, need setup help, or want custom features, you can reach us directly.