After creating your shoppable video widget, you have to ensure the video player is customized to match your brand guidelines and the assets of your Shopify theme, such as the colors, buy button behavior, and more.
Here are the steps to follow: 👇
Step 1: Navigate to Publish ➔ On-site ➔ Click on Product Pages or Other Pages tab ➔ Choose the page
Step 2: Click the Edit Widget button to open up the customization screen.
Step 3: Navigate to the Video Player tab
Step 4: In the Style section, decide whether to display your logo, Videowise logo, or no logo.
Step 5: Customize the Buy Button behaviour and style.
Choose the Buy Button behaviour that best suits the shopping experience you want to offer. 👇
Add to cart → Shopper goes directly to the cart page.
Add to cart + Custom script → You can add your own custom script (for example, java script), that executes a more special action from your own store.
The process is the following: add the custom script in the box > click refresh on your store's page > the script will update after that refresh. An example of this specific buy button behaviour would be to open the cart drawer.
Direct to cart + Redirect to URL → The shopper goes directly to the cart page after adding the product to the cart.
Virtual cart → Allows shoppers to continue watching the video and adding more products to the cart without being redirected to checkout.
Direct to checkout → After adding the product to cart, shoppers get redirected directly to checkout.
Custom URL → Shoppers get redirected to a custom URL of your choice.
Edit the button text and choose the buy button icon.
Enable the option to allow your shoppers to choose the product quantity.
Choose the Buttons style👇
Add a primary button and customize the text/icon color, background color, button radius, border.
Add a secondary button and customize the button text, color, background, button radius, border.
Step 6: Customize product details effortlessly, including product name/price color, product stock info, shipping information, and recommended products.
Step 7: In the Subscription tab, you can enable subscription payments.
Connect to your subscription platform to activate subscription payments for shoppable videos.
Once enabled ➔ Customize General Setup ➔ Enable one-time purchase and customize the section ➔ Customize Discount section, secondary text, and style.
Step 8: In the Settings section:
Mute the sound at the start of the video for a considerate browsing experience.
Add translations for multiple sections like in stock, out of stock, not available, details, etc to enhance inclusivity and reach.
💡 Don't forget to hit Save Changes when you're done customizing. ✌️