The versatile video element enables you to seamlessly integrate videos into your funnel or website from a variety of sources, including YouTube, Vimeo, Wistia, and more! By incorporating engaging visual content, you can elevate the user experience, making your site more captivating and informative for your visitors.

When editing the video element on your funnel page, most adjustments can be made in the General Settings section located to the left.

At the top of this section, you'll see the element name/title, which is the default name/title of the edit option you're working on. You can choose to leave it as is or rename it to make it easier to identify later on when building out your funnel page.

There are different spacing options available for adjusting your video content.

This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.

You can adjust the top or bottom margin of your content by toggling its bars.

To change the background colour of your video element, simply click on the content area you want to adjust and select a colour from the options provided or add a custom colour code to match your branding.

Here you can add an inner shadow or drop shadow to your box to make the border visible.

In the Video Type dropdown, you can select the video type you want to use on your funnel page. Your options here include YouTube, Vimeo, Wistia, Custom Embed, or HTML 5.

Depending on which option you select, you will need to type in either a video URL or an embed code.

You can choose to have the video auto-play when the funnel page is opened or toggle the controls on or off to allow customers to pause or play the video on your page.

To display the video under parental control, simply toggle it on.

You can also select a width for your video element by choosing from either full width, 3/4 width, or half-width.

Under the Advanced Settings tab, you have additional customisation options such as adding borders, adjusting visibility, adding a custom class, and copying the CSS code for later use.

Border The Border dropdown allows you to add a border to your video element box. Once you've chosen a border style, more customisable options will appear below.

Style You can choose from solid, dotted, or dashed border styles for the border around your video element.

Width Click here to select how thick you want the borderline to be.

Colour Choose a colour for your borderline. Select one of the given colour options or type a custom colour code into the given field.

Radius If you don't want your borderline to have a sharp corner edge, you can decide how curved you would like the edge to be by selecting from the radius options.

Radius Edges Here you can choose which side of the edge you want to adjust; All edges, Top only, or bottom only.

The Visibility section allows you to toggle the visibility of your video element to only desktop or mobile, depending on your needs. You can preview your changes using the desktop and mobile options in the top left of the funnel builder to see how it looks.

Input your custom class here.

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.