Thrive Knowledge Base

How to Use the Video Section Shortcode

 Important!
Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder. ​


We now have a separate article about how to use the "Video" element, which might be helpful.

You can easily add a video to your content by using the Video Section shortcode.

First, got to the Editor in​ your Dashboard. Click on the ThriveShortcodes drop-down menu and select "Video Section".

As you click on it, a new window will pop up with the following shortcode options:

1. YouTube / Vimeo / Custom

​Here you need to set where has you video been uploaded to. Tick the box before "Custom" if the video is uploaded to a website different from YouTube or Vimeo.

YouTube

If the video you want to add to your page/post is uploaded to YouTube, here are the options you need to set: 

The Video URL looks like this: https://www.youtube.com/watch?v=I2Wrei2bXM4

You can set other options, for example hiding YouTube logo, title, related videos.

You don't need to add the video's embed code.​

​Vimeo

As you tick the box before 'Vimeo', the following options will appear:

Here you only need to add the Video URL. It’s important that you add the full URL of the video (including the “http://” part), like in this example: http://vimeo.com/28202814

Custom

This is the option you need if the video you want to add to your post or page​ was not uploaded to YouTube or Vimeo. Here are the options you need to set:

Unlike in the previous cases, first you need to add the embed code of the video. The embed code starts with <iframe . Here is an example for an embed code: 

<iframe
type="text/html"
width="640"
height="435"
src="http://vube.com/embed/video/wWjYQYK4bV?autoplay=false&fit=true"
allowfullscreen
frameborder="0">
</iframe>

Then you need to add the Video Custom URL. It’s important that you add the full URL of the video (including the “http://” part), like in this example: http://vube.com/s/8744jr

2. Maximum Video Width

Set how many pixels you want you video to be maximum.

3. Heading Text​

There is going to be a background with maximum three different texts before your video is played​. The Heading appears on the top and it is the biggest one. Adding a text is not obligatory.

4. Subheading Text

This is the text that​ is going to appear under the Heading text. This text is much smaller than the Heading text.

5. Call to Action Text​

This is the third type of text you can add​. This will appear right under the play button with an arrow pointing to it, just like in this example: 

6. Text and Play Button Color

You can set whether you want the abovementioned texts and play button to appear in dark or light.

7. Background Type

​Before you start the video, there is going to be a background with a play button and optional texts above and below it. You can have an image, pattern or solid background.

Image

As you tick the box before 'Image', these are the options you will see:​

By clicking on 'Upload', you can choose an image as background from your Media Library. Delete the chosen image with the 'Remove' button.

Pattern

​Here are the options you will see if you decide to choose a pattern as background:

Click on the drop-down below 'Select Pattern' and choose a pattern you would like to add as a background to your video.

Solid

Here are the options for adding a solid background:

Click on 'Select Colour' and choose a colour you like. 

9. Default / Top of the Page / Bottom of the Page

Set where you want the video to appear in your post/page

10. Insert

Once you are done with all the settings, click on 'Insert' and the video will be added to your content. 

Here is an example for the Video Section:​

>