User Guide

Search limit to:






Video Shopping

by Admin on Nov 29, 2024

1. What is Video Shopping?

Video Shopping is an engaging section designed to showcase videos alongside products featured in those videos. It allows customers to watch a video and shop the products directly, creating an interactive and immersive shopping experience.

2. How to set up the Video Shopping section?

Don’t know where to start with your Video shopping section? Just need to focus on these basic things to set it up:

STEP 1: Add the section & blocks.

  • Add a Video shopping section.
  • By default, your section has 4 Shoppable video blocks.
  • Click "Add block" to add more blocks or delete the unused ones.

STEP 2: Set up a block.

Click on a Shoppable video block to open its setting panel, and:

  • Click “Select” to add your Video (or embed a video from YouTube or Vimeo).
  • Assign your Product under the First product setting group.
  • You can add up to 5 products for a video under the Second product, Third product, Fourth product, and Fifth product setting group.

STEP 3: Repeat Step 2 for other blocks

Click on other Shoppable video blocks one by one and repeat the actions in step 2.

STEP 4: Customize the overall look

Click on a Video shopping section to open its setting panel, and:

  • Edit the Heading if you want to.
  • Under the Shoppable video setting group
    • Choose the ratio you want for your video in the Video layout.
    • Choose where to place your product card in the Product card position.
  • Adjust the Videos per row and Number of rows for 🖥️ Desktop layout.
  • Change the colors of the element you want under Styles.

STEP 5: Click “Save” when done.

3. How to enable Carousel for Video Shopping?

Want to showcase your video shopping section in a dynamic carousel? Follow these steps:

STEP 1: 

Click on the Video shopping section to open its settings panel.

STEP 2: 

Scroll down to the Carousel setting group, and:

  • 🖥️ For desktop: Turn on the Enable carousel on desktop setting.
  •  📱 For mobile: Turn on the Enable swipe on mobile to allow users to swipe through posts.

STEP 3: (Optional)

If you want the carousel to slide automatically, then:

  • Turn on Enable auto-play.
  • Adjust the speed in Change slides every setting.

STEP 4: 

Click “Save” when done.

4. How to use the Shop The Look feature inside Video Shopping?

If you ADD AN IMAGE to Shop the look in video setting for a video block, the list of products will be shown in a pop-up instead of covering the video card. Therefore, the customers can experience the products more easily with a Shop The Look feature inside this pop-up.

STEP 1: 

Click on the Video shopping, under Shoppable video, and turn on Enable hotspots in the look.

STEP 2: 

Click on a Shoppable video block, then find the Shop the look in video, and upload an Image you want to use as the main image.

STEP 3: 

Adjust the hotspot position for each product on both 🖥️ Desktop and 📱 Mobile by changing these four settings under the right group:

  • Hotspot desktop horizontal position
  • Hotspot desktop vertical position
  • Hotspot mobile horizontal position
  • Hotspot mobile vertical position
  • STEP 4: 

    Click “Save” when done. 

    5. How to add Social Media information to the Video Shopping pop-up?

    STEP 1:  Click on the Shoppable video block, and find the Social accounts setting group.

    STEP 2: Choose the Integrated social media from the list to show its icon.

    STEP 3: Type in your Account username. 

    STEP 4: Add a link to your Social account URL.

    STEP 5: Add the content to the Social post field.

    STEP 6: Click “Save” when done.