Overview
Adding video is great way to engage with your web users. Product videos let customers learn more about products and brands, while tutorials and how to guides can be a great cross-selling or up-selling tool.
This article outlines the process of adding video to both your product detail pages and other pages across your website.
Adding Video to the Product Gallery
Product videos can be displayed within the product's image gallery, allowing users to scroll through images and view video in the same place. The video can be played in the product image area, or can be expanded to full screen.
This location is good for ensuring the video remains in the most visible part of the page, and doesn't slip 'below the fold' where the user may miss it if they have to scroll.
- Login to the CMS.
- Navigate to Products & Categories → Product Maintenance.
- Search for the required product code and click 'Edit'.
- Scroll to the Media section and click 'Add Video'
- Select the Video Type (YouTube and Vimeo are supported).
- Enter a description.
- Enter the Video ID code (do not paste the embed code).
- Click 'Add'. You should see your video thumbnail added to the Media list for the product.
- Click 'Save' or 'Save and Exit'.
If you load your website in another browser (or incognito tab), you can navigate to the product detail page and see that your video has been added to the image gallery.
Adding Video outside the Product Gallery
In some cases, you may wish to spotlight a particular video on a product page. In this case, you can use the Product Video widget to place the video in both the image gallery and elsewhere on the page.
This is great if you've got lots of media in the product gallery, and want to be certain your users notice a particular video.
- Follow the steps above to add the video to the product gallery.
- Navigate to Content → Standard Pages.
- Select the Product Detail template.
- Select the appropriate zone for your product video, according to your page layout.
- In that zone, click 'Add Widget'.
