內容簡介
ProductReels 將您的 WooCommerce 產品影片轉換為可購買的影片輪播。顧客可以在全螢幕的可滑動播放器中查看影片，並在不離開影片的情況下將標記的產品加入購物車，提升購物體驗。
【主要功能】
• 可購買的影片：在任何輪播中標記 WooCommerce 產品
• 影片內加入購物車：顯示產品卡片及價格資訊
• 多種佈局：輪播、網格、故事泡泡等五種佈局選擇
• 實時視覺編輯器：即時預覽所有變更
• 影片分析：追蹤觀看次數及點擊率
• 支援多種影片來源：Media Library、YouTube Shorts 等
外掛標籤
開發者團隊
② 後台搜尋「ProductReels – Shoppable Video Reels for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
ProductReels turns your WooCommerce product videos into shoppable video reels.
Show product demos, customer UGC, reviews and unboxings as a video carousel, story bubbles, a video grid or a floating popup. Shoppers open a reel in a fullscreen, swipeable player and add the tagged product to the cart without leaving the video.
100% free. No Pro version, no license key, no locked features.
▶ Try the live demo in your browser. It opens a demo store with sample products and reels. No sign-up needed.
Key features
Shoppable videos: tag WooCommerce products in any reel, or add your own call-to-action buttons.
Add to cart from the video: product cards with price, rating and variations, plus Add to cart or Direct Checkout.
5 layouts, 2 shapes: carousel, grid, marquee, stacked cards and floating popup, as rectangles or round story bubbles.
Live visual editor: see every change on desktop, tablet and mobile before you publish.
Video analytics: views, clicks and click rate for every widget, reel and button.
Any video source: Media Library, MP4 or WebM links, YouTube Shorts and Vimeo.
Place it anywhere: shortcode, Gutenberg block or Elementor widget.
Fast: scripts load only on pages with a reel, and videos lazy-load.
Layouts for every page
Product page carousel: a sliding row of reels on your product pages.
Homepage reel slider: your best videos on the homepage, shop or landing pages.
Story-style reels: round video bubbles for categories, collections and new arrivals.
Video grid: many reels at once for lookbooks and gallery pages.
Marquee: an endless, auto-scrolling ribbon of reels that pauses on hover.
Stacked cards: reels shown as a layered card stack.
Floating popup: a small reel in the corner that appears on load, after a delay or on scroll.
Visual editor with live preview
Choose a layout and shape, then work through simple steps: Reels, Layout, Look, Player, Product card, Advanced and Place it. The preview uses the same code as your store, so what you see is what shoppers get. Build a widget once and reuse it on any page.
Fullscreen shoppable player
Shoppers swipe, scroll or use the keyboard to move between videos. Each reel shows its product cards, and a product panel with images, variations and the buy button. The player has a seek bar, volume control and loop, and the browser back button closes it.
Analytics that show what sells
See total views, clicks, click rate and your top reels, plus clicks on every product and button. A view counts after one second of real playback and is limited per visitor, so the numbers stay honest.
Fast, accessible and private
Loads only where a widget appears. The player, YouTube and Vimeo scripts load only when needed.
No jQuery and no extra copy of React.
Keyboard support, screen reader labels, reduced motion and right-to-left languages.
Translation-ready.
No visitor data is sent to us, and IP addresses are never stored.
Works with any theme. Works without WooCommerce too (product tagging needs WooCommerce).
External services
ProductReels sends no data about your site or visitors to ProductReels servers. Third-party services are contacted only when you use videos hosted by them.
Vimeo: when an administrator adds a Vimeo URL, ProductReels requests the video’s poster and duration from https://vimeo.com/api/oembed.json (only that URL is sent). When a visitor opens a Vimeo reel, the player SDK loads from https://player.vimeo.com/api/player.js, with Do Not Track enabled where supported. Terms, Privacy.
YouTube: YouTube thumbnails load from https://img.youtube.com/vi/.... When a visitor opens a YouTube reel, the IFrame Player API loads from https://www.youtube.com/iframe_api. Terms, Privacy.
Neither SDK loads until a visitor opens a reel from that provider. Media Library and self-hosted videos use no third-party service. The productreels_allow_provider_lookup filter turns off the Vimeo lookup.
Source code and credits
Readable source is included in admin/src, public/src, block/src and src/shared. See README.md to build and THIRD-PARTY-NOTICES.txt for licenses.
Credits: Inter typeface by Rasmus Andersson (SIL OFL 1.1, admin only), Lucide icons (ISC), dnd-kit (MIT).
