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.
Video shopping vs video looping: What's the difference?
Basically, these two sections serve the same purpose, but the video looping provides a more dynamic sliding effect for the videos, making the center video more eye-catching
The video looping section's look:
2. Section Components
| Section | Video shopping | Showcase videos with products. |
|---|---|---|
| Available block | Shoppable video | Used to add a separate video and with products for users to shop directly. |
3. Location & Setup
To add and set up the Video shopping section:
- Open the Shopify Theme Editor (Online store > Themes > Customize)
- Decide where you want to place the new section.
- Click "Add Section".
- Select "Video shopping".
4. Highlight Features
- Shop the look: Integrate products and sell directly from the videos.
- Add social proof: Attach social media info like username, post link, caption, and more.
- Videos on repeat: Capture attention with videos that play on repeat.
5. Common Use Cases
🤔 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 5 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 settings 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.
🤔 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 to show the arrows so customers can click to see the next blocks instead of scrolling through them on mobile. => Turn on "Enable next/previous arrow on mobile".
- 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.
🤔 How to use the Shop the look feature inside Video shopping?
In the Shoppable video block, if you have more than 1 product, 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: (Optional) Choose colors for hotspot
Still in the Video shopping section > go to Colors setting group > choose your Hotspot color (light/dark).
STEP 5:
Click "Save" when done.
🤔 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.
6. Support Information
Need help? Contact support@omnithemes.com or visit omnithemes.com.
