Block Shoppable Video: Difference between revisions
m (→Overview) |
|||
| Line 21: | Line 21: | ||
Using a shoppable video slider with your locally hosted videos on your Shopify store is a great idea. You can tag products shown in each video, making it simple for customers to buy. It's perfect for featuring UGC, video reviews, or how-to tutorials to enhance product discovery and engagement. | Using a shoppable video slider with your locally hosted videos on your Shopify store is a great idea. You can tag products shown in each video, making it simple for customers to buy. It's perfect for featuring UGC, video reviews, or how-to tutorials to enhance product discovery and engagement. | ||
See the shoppable video slider examples here, here. | See the shoppable video slider examples [https://easy-content-builder-demo.myshopify.com/pages/theme-section-video-20 here], [https://easy-content-builder-demo.myshopify.com/pages/theme-section-video-18 here]. | ||
===How to add Shoppable Video section=== | ===How to add Shoppable Video section=== | ||
*'''Step 1''': Add a Section Settings section that allows you to control the global settings of the Shoppable Video section. | *'''Step 1''': Add a '''Section Settings''' section that allows you to control the global settings of the '''Shoppable Video''' section. | ||
:In this special section, you can specify multi-column layouts, enable full width, set the section's maximum width, choose a background color, and define global margins and padding, among other options. | :In this special section, you can specify multi-column layouts, enable full width, set the section's maximum width, choose a background color, and define global margins and padding, among other options. | ||
| Line 31: | Line 31: | ||
:{{Note|Note: If you want to add a video carousel next to the Add to Cart button on your product page, use the Video Slider section instead of the Shoppable Video section. It provides a better viewing experience in a modal, especially on mobile devices.|reminder}} | :{{Note|Note: If you want to add a video carousel next to the Add to Cart button on your product page, use the Video Slider section instead of the Shoppable Video section. It provides a better viewing experience in a modal, especially on mobile devices.|reminder}} | ||
*'''Step 2''': Add a Shoppable Video section and customize the settings according to your preferences. | *'''Step 2''': Add a '''Shoppable Video''' section and customize the settings according to your preferences. | ||
{{Note|''If you are new to our Easy Content Builder, please take a look at the [[Add_section_settings|Add Sections]] section for detailed instructions on how to add a section to your theme.|reminder}} | {{Note|''If you are new to our Easy Content Builder, please take a look at the [[Add_section_settings|Add Sections]] section for detailed instructions on how to add a section to your theme.|reminder}} | ||
===Shoppable Video global settings=== | ===Shoppable Video global settings=== | ||
Revision as of 07:56, 4 July 2025
Overview
The Shoppable Video section (available with the Pro plan) lets customers quickly buy products featured in your videos. Just create a video slider with your uploaded videos and tag multiple products to each one. The main video will autoplay on all devices.
Besides the Shoppable Video, Easy Content Builder offers five other block types for displaying videos:
1. Video section: AAdd horizontal and vertical videos to your Shopify pages by using uploads or video URLs, perfect for UGC, product launches, announcements, and product reviews. Supports TikTok, YouTube Shorts, Vimeo, and Instagram Reels for vertical videos.
2. Video Slider section: Create a clean video slider or grid from your uploaded videos. When clicked, the videos will open in a modal.
3. Gallery Section: Showcase a grid of photos alongside a featured video.
4. Video Background: Add dynamic video background to your page.
5. Instagram/TikTok/YouTube Video Slider: Display an auto-scrolling video carousel. Opens links in a modal upon clicking.Video use cases
Using a shoppable video slider with your locally hosted videos on your Shopify store is a great idea. You can tag products shown in each video, making it simple for customers to buy. It's perfect for featuring UGC, video reviews, or how-to tutorials to enhance product discovery and engagement.
See the shoppable video slider examples here, here.
How to add Shoppable Video section
- Step 1: Add a Section Settings section that allows you to control the global settings of the Shoppable Video section.
- In this special section, you can specify multi-column layouts, enable full width, set the section's maximum width, choose a background color, and define global margins and padding, among other options.
- Note: If you want to add a video carousel next to the Add to Cart button on your product page, use the Video Slider section instead of the Shoppable Video section. It provides a better viewing experience in a modal, especially on mobile devices.
- Step 2: Add a Shoppable Video section and customize the settings according to your preferences.
