Showcase video content right on the home page using the Video section.
Use the theme editor to include an optional heading, customize the section colors, connect the video, display caption text, adjust the video frame, add a cover image, and add an overlay for the Video section.
Add Video to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Video
- Click the section, then Add
- Save
Include an optional heading
Add a Heading for the Video home page section using the text field.
Customize the section colors
Choose an optional Section heading color and Section background color by selecting the rounded-rectangle swatch beside these labels.
Connect the video
Add the YouTube or Vimeo URL in the Link field.
Display caption text
To include a caption, enable Show caption and add the desired Caption using the rich text editor.
Enable Autoplay video to start the video automatically when the customer views the section.
Autoplay may be blocked or disabled by other factors (e.g. settings of the customer’s browser or device).
Adjust the video frame
Choose from the two options in the Aspect ratio dropdown to adjust the proportions of the video.
- 16:9
- 21:9
Add a cover image
Choose an optional Cover image by clicking Select image. This image will display before the video plays.
Adjust the focal point of the image used by selecting a Cover image position from the dropdown.
Add an overlay
Include an optional Overlay by enabling Show overlay. Select the Color to use in this overlay by clicking the rounded-rectangle, then adjust the level of transparency using the Opacity slider.