Video

Video is possibly one of the best ways to get across your message and provide your customers with a rich, engaging, informative experience.

You can provide a deeper look at your brand’s story or show exciting interviews with past clients who are over the moon with your product/services. You could delve further into your products and how they are produced, or how your level of service is above and beyond that of the competition.

Adding a Video section

Navigate the steps below to add a video section to your store homepage:

  1. Online store → Themes → Customise

  2. Sections

  3. Choose “Add section”

  4. Scroll down the list and click on “Video” and click "Add".

Settings

Color scheme

Choose a look for your video section.

Minimal:

Features a plain white, clean design. Light:

Shows a very light shade of grey. Feature:

Pulls in colors from your theme’s customised colors settings. Dark:

Displays a more subdued look.

Heading

Add your heading text here.

Description

Add an optional description to your video, along with bold, italic and linked text.

Width

This changes how wide your video displays on your storefront. Slide to set the display to either 50%, 75% or 100% width of the browser.

Video URL

Add the source of your video here. File types that are supported by Shopify are MP4, Vimeo and YouTube.

Autoplay

Toggle the checkbox to enable/disable autoplaying of the video when the storefront first loads.

Loop

Choose whether you would like the video to restart and play again from the beginning when the clip finishes.

Mute

Toggle whether the video plays with sound on or off.

Note

This can be overridden by a viewer once they are watching the video, by clicking the speaker icon on the video itself:

Image

This area allows you to choose a picture to be shown, as a backup, if for any reason the video itself cannot be displayed.

Overlay opacity

Adjust the slider to select a value between 0% and 95% and alter the overlay opacity to suit your needs.