=== ClipToCart – Shoppable Video, Product Video Slider & Story Bubbles for WooCommerce ===
Contributors: cannyapps
Donate link: https://wordpress.org/plugins/cliptocart-shoppable-video
Tags: shoppable video, woocommerce video, video slider, video shopping, product video
Requires at least: 5.8
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Transform uploaded videos into interactive shoppable experiences with WooCommerce AJAX Add to Cart and responsive video sliders.

== Description ==

Turn your store visitors into buyers with **ClipToCart – Shoppable Video**! 🚀

ClipToCart brings modern, interactive video shopping directly to your WooCommerce storefront. Easily upload high-definition product videos directly from your **WordPress Media Library**, tag one or multiple products from your store catalog, and display gorgeous video carousels and story bubble widgets with one-click **AJAX Add to Cart**.

Customers can watch your product demos, view real-time prices, and add items straight to their shopping cart without ever leaving or pausing the video!

### 🔥 Why Shoppable Video for WooCommerce?
* **3x Higher Conversion Rates:** Video content demonstrates your products in action, building instant buyer trust and eliminating hesitation.
* **Frictionless Shopping:** Customers can buy directly inside the interactive video player via AJAX with zero page reloads.
* **Mobile-First Experience:** Engineered specifically for mobile shoppers with intuitive touch gestures and vertical aspect ratios.

### ✨ Key Features

* 🎬 **WordPress Media Library Uploader:** Upload your MP4, WebM, or Ogg videos effortlessly through WordPress Media or paste direct video links.
* 🏷️ **Multi-Product Tagging:** Tag one or multiple WooCommerce products per video with live price, title, and image synchronization.
* 🛒 **Instant AJAX Add-to-Cart:** Fast, seamless cart additions directly from the video overlay without interrupting playback.
* 🎠 **Responsive Carousel Slider:** Showcase multiple shoppable videos together in a modern mobile-first slider using shortcode `[shoppable_video layout="carousel"]`.
* 🔘 **Instagram-Style Story Bubbles:** Showcase engaging circular video story bubbles with customizable border rings and autoplay.
* 📱 **Corner Floating Popup Widget:** Engage shoppers with non-intrusive floating video popups on specific pages or store-wide.
* ⚡ **React-Powered Admin Dashboard:** Manage video collections, product tags, and layouts with a blazing fast, intuitive React dashboard.
* 🚀 **Lightweight & High Performance:** Clean vanilla JavaScript frontend with zero heavy third-party runtime dependencies.

### 🛍️ Perfect for Any WooCommerce Store:
* **Fashion & Apparel:** Showcase models wearing outfits in motion.
* **Beauty & Skincare:** Demonstrate makeup tutorials, textures, and glow routines.
* **Electronics & Gadgets:** Show unboxings, build quality, and real-life features.
* **Home Decor & Furniture:** Display 360-degree spatial views and craftsmanship.
* **Jewelry & Luxury Goods:** Highlight sparkle, close-up details, and authenticity.

### 🛠️ Shortcode Usage

Embed your shoppable videos anywhere with easy-to-use shortcodes:

* **Display All Published Shoppable Videos:**
  `[shoppable_video]`

* **Carousel Slider Layout:**
  `[shoppable_video layout="carousel"]`

* **Story Bubble Layout:**
  `[shoppable_video layout="story"]`

* **Specific Video Collection by ID:**
  `[shoppable_video id="123"]`

== Installation ==

1. Upload the `cliptocart-shoppable-video` folder to the `/wp-content/plugins/` directory, or install directly via the WordPress Plugins dashboard (**Plugins > Add New**).
2. Activate the plugin through the **Plugins** menu in WordPress.
3. Ensure **WooCommerce** is installed and activated.
4. Navigate to **ClipToCart** in your WordPress admin sidebar.
5. Upload your product video, tag products from your catalog, and publish!
6. Copy the generated shortcode (e.g. `[shoppable_video]`) and paste it into any page, post, Gutenberg block, or Elementor widget.

== Frequently Asked Questions ==

= Does this plugin require WooCommerce? =
Yes. ClipToCart requires WooCommerce so that it can search your product catalog, fetch real-time prices, and handle seamless AJAX Add-to-Cart.

= Which video formats can I upload? =
You can upload any standard web video format supported by WordPress, including **MP4**, **WebM**, and **Ogg**. You can also enter direct URLs to self-hosted video files.

= What is the recommended video resolution and aspect ratio? =
For the best mobile shopping experience, we recommend vertical videos with a **9:16 aspect ratio** (1080x1920 or 720x1280) and compressed MP4 format.

= Can I tag multiple products in a single video? =
Yes! You can tag multiple products in each video. When shoppers view the video, they will see an interactive slider allowing them to browse and buy all tagged items.

= Does this work with page builders like Elementor or Divi? =
Yes! ClipToCart works seamlessly with Elementor, Divi, Gutenberg block editor, Beaver Builder, WPBakery, or any theme that supports shortcodes.

= Will this plugin slow down my website? =
No. ClipToCart is built with performance in mind. The frontend scripts are ultra-lightweight and optimized for fast loading and smooth 60fps animations.

== Screenshots ==

1. React-powered Admin Dashboard for creating and tagging shoppable videos.
2. Storefront preview phone mockup with interactive product pills.
3. Responsive Shoppable Video Carousel Slider on WooCommerce storefront.

== Changelog ==

= 1.0.0 =
* Initial public release on WordPress.org by cannyapps.
* WordPress Media Library video uploader and high-performance video player.
* WooCommerce AJAX Add to Cart integration.
* Responsive Carousel Slider, Story Bubble, and Corner Popup layouts.
* Modern React-based admin management dashboard.
