☁️Float
General
Widget ID /Widget snippet:
After completing all the neccessary settings and clicking Save, the Widget ID and Widget snippet will be generated and you can either copy Widget ID or Widget snippet to paste into your theme.
For older theme: you must use the snippet to manually place the app's code in yopur theme files.
For modern theme: you should be able to Add Block and paste the Widget ID.
Mind you that, in the first time you set up a widget, an instruction modal will pop up and guide you through the theme editing!
Status:
Make sure to select Active for widget that you want to display on the storefront
Widget name:
Name the widget for the ease of management
Widget name is a required field
Font:
Choose a suitable font for all text within the widget here
Page targeting:
Choose your targeted page to display videos, 5 options available:
Home page
Cart page
Product pages
Collection pages
Blog pages
For product pages, to select the product page you want to display:
Click Select products
Browse your product or use search to find specific products
Select products by clicking the checkbox
Click Done and view added products on the left side of the editor
Video:
Click Video or Browse
Browse your video library or use search to find specific videos
Select videos by clicking the checkbox on each thumbnail
Click Done and view added videos on the left side of the editor
Preview
Default position:
Choose the placement of float, 2 options available:
Bottom right
Bottom left
Border radius:
Adjust border radius of the video frame using the slider
Popup close behavior:
Set how you want the popup to be displayed when customers click "X":
Minimize to circle: Customers can reopen the video by clicking the circle
Close completely: Customers can only see the video by reloading the website
Auto start the video with sound:
On: Videos automatically play when customers click the circle
Off: Customers need to open and click play video
Display unmute button:
On: Show unmute button
Off: Hide unmute button
When playlist ends:
Stop playing: Stop after the last video finishes
Replay from start: Automatically replay from the first video
Full Screen
Scroll type:
Horizontal: Customers can scroll left and right
Vertical: Customer can scroll up and down
Replay Control:
On: Videos automatically restart after finishing
Off: Videos only play once
Seek Control:
On: Customers can skip to different parts of the video
Off: Videos play from start to finish only
Mute Control:
On: Shows mute/unmute button for audio control
Off: No audio control available to customers
Like:
By switching it on, you can see how many customers like your videos
You can choose from 2 like icons
Share:
By switching it on, you enable customers to share videos via multiple social platforms
You can choose from 3 share icons
Product Settings
CTA Button
Button action:
Add to cart: Only add product to cart when customers click button
Open product detail page: Redirect customers to product detail page when clicking button
Add to cart and open cart page: Add product to cart and open cart page when customers click button
Button text: Adjust the text you want to appear on the button (e.g., "Shop now").
Button text color: Choose color of your liking for the button
Style
Layout: Choose how products are displayed, 2 options available:
Grid: Display 2 products displayed per row
List: Display 1 product per row
Heading text: Customize the title that appears above your products (e.g., "Product seen in the video").
Product Card
Product name: Adjust the font size of the product titles
Product name color: Select a suitable color for product title text
Price: By switching this on, your product price is displayed
Price display: Choose whether to show the current price only, or both the current and "Compare-at" price.
Styling: Customize the size and color for both the current price and the compare-at price (usually used to highlight discounts).
Last updated