Learn how to display a youtube video as a background with text and button elements centered on a section of a page

Step 1 - Add the "Video Background" section block to the page

On the page you're working on, click "Add section" then add "Video Background"

Add the video background section

Note: The Video Background section block may not be available in some themes

Step 2 - Upload a preview image for mobile devices

Example of preview for mobile

Step 3 - Enter the Video ID

At the moment, only youtube videos are supported

  • On the youtube video you want to add, click the "Share" button. Copy the video id as seen below, then paste it on the video id field.
  • Adjust the transparency of the video background, increasing the transparency will make the background darker
Find the video id by sharing on Youtube

Step 4 - Add a Title & Description

  • Add a section title
  • Add a description about the section
Add additional details, with example

Step 5 - Add a Button (optional)

  • Enter a button label (keep it blank to hide the button)
  • Paste in the URL you want people to see when they click the button

Remember to hit save!