1. Help Center
  2. Using the B12 Editor

Adding a Video Gallery Section with YouTube or Vimeo Links

How to add videos to any page

Written by: Madeline B.

Last updated: 25 Sept. 2024

Read on to learn how to add fully playable videos to your website in a gallery format. Videos in a gallery will play on a full screen on any device with sound!

Tip: If you'd like to add a video background to a section, see these instructions.

To create a video gallery section on any page:

1. First navigate to the page you'd like to add the video gallery to.

2. Click the Add Section button to add a new section to your page.

3. Select a section category:

You will see a list of sections you can add. Click on Video Gallery:


4. Pick a section layout:

Several section layouts will appear, click the one that looks best for your needs. (You can always customize it later, too!)

Optional: Click on the section text boxes to make edits. You can edit the title, subtitle, and text for your video gallery section here. 

5. Select video:

Select a video from the Resources list by clicking Video title. Or you can add a new video to your Video gallery by clicking Add new resource.

6. Add a link:

Click on the Link section to add the link to your Youtube or Vimeo video. Make sure the Link type is set to External website URL. You can also edit the title and description for your video in the text boxes above labeled Title, Description, and Short description.

 

Optional: You can also edit your video's thumbnail here if you'd like by clicking Replace below the image under the Link box—this will allow you to upload a new image (75MB or less in size) or select from the existing images in the gallery.

7. Final steps required for adding a new video:

Click Add CMS i... at the top to return to your resource, then the Add item button at the bottom.

Note: We recommend using Youtube or Vimeo to play most videos on your site, but you can also upload your own video files to the video gallery section if they are 75MB or less in size.​

Additional Resources:
Integrations FAQ
Adding an Integration