How to Effectively Incorporate Video Backgrounds into a Website or Sales Funnel

Modified on Wed, 11 Sep at 6:24 PM

Initial Setup

Uploading Your Video to the CRM

The CRM requires all videos to be hosted on its platform, meaning external sources like YouTube or Vimeo are unsupported. Make sure the video is added to the CRM's media library before moving ahead.

Navigating the 'Sites' Area

Inside the subaccount, locate and select the 'Sites' tab. This section allows you to manage both funnels and websites.

Sites Option

Building or Modifying Your Funnel or Website

Starting a New Funnel or Website Project

To begin a new project, click on 'Create New Funnel.' You can either start from a blank canvas or choose from a collection of pre-made templates. If you intend to use a video background, look for templates featuring a hero section.

Create New Funnel

Modifying an Existing Page

To edit an existing funnel or website, locate it within your list and select it to open the editor.

Edit Existing Funnel

Inserting Video Backgrounds

Accessing Section Customization

Within the chosen template or funnel, click inside a section to open a settings menu. From here, you can adjust the appearance of your section.

Section Settings

Activating the Video Background Option

Navigate through the section settings until you find the "Background Media Type" option. This setting allows you to switch between using a static image or a video for your background.

Background Media Type

Selecting a Video File for the Background

Once the video option is enabled, browse and select the video file you wish to feature as the background. Make sure your choice suits the overall tone of your site.

Select Video File

Fine-Tuning Video Background Settings

Thumbnail Selection: Choose an appropriate thumbnail image that serves as a preview of the video content.
Display Settings for the Video: For the best visual effect, set the video to "Cover," ensuring it spans the entire background area.
Opacity Adjustments: Modify the opacity of the video so it complements the text and images on your page without overpowering them.
Enable Video Looping: If you'd like the video to play continuously without interruption, activate the loop setting.

Personalizing the Video Background

Make any necessary adjustments to the size or layout using options such as fill, fit, and cover. You can also tweak the video’s transparency to prevent it from overshadowing key content.

Wrapping Up and Publishing Your Page

Preview Before Publishing

Preview your page to verify the video displays correctly and doesn’t interfere with the overall user experience.

Finalizing and Going Live

Once you are happy with your video background and other edits, click 'Publish' to make the page live.

Common Issues and Best Practices

Supported Formats: Only MP4 videos are supported. If your video is in another format (such as .MOV), use a converter to switch it to MP4.
Optimize for the Web: Make sure your video is optimized for fast loading to ensure a smooth user experience.
Video Choice: Select a video that enhances your site’s content without being overly distracting. Slower, subtle videos are generally more effective.

Frequently Asked Questions

Can I Use External Video Platforms? No, videos must be hosted within the CRM's platform.
Will Using a Video Background Affect Load Times? Properly optimized videos should not cause noticeable delays, but it’s always recommended to test your page for performance.