04 - Background Video

This banner has a background video and centered headings

EXPERIENCE IT: Head over to the demo page and see this super power in action

How to use this super power

1) Add the Sections Kit sections to the page

• Make sure you have the Sections Kit installed into your site

• On a site page, add (or copy) the Base kit Section that is included with all of our Kit PowerUps. The Base Kit section contains the style choices that will be used on this page for all other Kit sections.

• Add a section and search for "Kit: Banner (04)" and add it to your page

1) Add the Sections Kit sections to the page

• Make sure you have the Sections Kit installed into your site

• On a site page, add (or copy) the Base kit Section that is included with all of our Kit PowerUps. The Base Kit section contains the style choices that will be used on this page for all other Kit sections.

• Add a section and search for "Kit: Banner (01)" and add it to your page

2) Update the Headings settings group

• Add your text for the Heading and Summary sections

3) Update the Button settings group

• Choose the text for your button (leave blank for hiding the button)

• Choose your button color scheme (colors and style come from the Base Kit settings)

• Choose your button type

  • Page Pricing section - this will move the page to the Kit Pricing section (must exist on the page)

  • Funnel Kit Opt In - this will trigger a popup based on the Funnel Kit Opt In section that exists on the page (additional section required)

  • Custom Page - this will use the Custom Page settings right below this option for the button

4) Update the Video settings group

• Be sure to check our Background Video Guide on how to use Background videos.

• Provide the url to your MP4 Web Optimized video file

• Upload your video thumbnail image

🔥PRO TIP: Background videos are great to grab the reader's attention when they first see the page, but should not "over power" your headline. Be sure to read the video guide on recommended sizes and also how to leverage Thinkific's platform to get a URL for your video file.

5) Update the Text styles settings group

• Select the color scheme to be used for the text in this section. The colors and style are set using the Base Kit that has been placed on this page.

6) Update the Background Color settings group

• Select the color scheme to be used for background color to be used by this section. The colors and style are set using the Base Kit that has been placed on this page.

7) Update the Section settings group

• Optionally modify the section style options for this section