Lead Generation Video Banner with Popup

Lead Generation Video Banner with Popup is a powerful and visually engaging section designed to capture visitor attention and drive conversions through an interactive video experience. It allows you to highlight your key message, campaigns, or product offerings with a compelling background video and a strong call-to-action that opens a popup for lead capture.

Fully responsive and easy to customize, this banner helps businesses promote content, collect leads, and increase engagement with a clean and modern video hero layout.

Key Features Lead Generation Video Banner with Popup Module :

✅ Fully Responsive: Works seamlessly on all devices (desktop, tablet, mobile).

✅ Background Video Support: Add engaging background videos to create a visually impactful banner.

✅ Customizable Design: Adjust colors, sizes, and spacing to match your website's style.

✅ Lightweight & Fast: Optimized for speed and performance.

✅ Popup Trigger Control: Configure the popup to open on CTA click for better user interaction.

How to Set Up the Lead Generation Video Banner with Popup Module in HubSpot :

In the main dashboard, go to the ‘Content’ tab and select either ‘Website’ or ‘Landing Pages,’ depending on where you want to add the section. This lets you choose the right location for managing or updating your content.

Select the page where you want to apply the module.

Search for "Lead Generation Video Banner with Popup" and drag and drop the module into the desired location on your page.

Module Defaults Options:

Layout ID :

Heading/Description & CTA : 

Form Section :

Select your form and you can customize the form as per their choice.

Popup Video:

Select your video and you can customize the popup as per their choice.

Users can add or remove jQuery JavaScript as needed, providing flexibility to enhance functionality or optimize performance based on their requirements.

Module Style Options: 

Module Setting :

Adjust the margins, padding, background colors, and container width to customize the module's appearance. This flexibility lets you refine the layout and aesthetics, creating a visually appealing, functional, and user-friendly design.

Heading & Description Setting :

Users can customize the spacing of the heading and adjust its typography, including color, font size, weight, and line height. These settings apply to both mobile and desktop views, ensuring a personalized and visually cohesive design across all devices.

Popup CTA Setting :

Users can customize the CTA background color, line height, and spacing for both desktop and mobile views. They can also adjust text transform, alignment, width, and box shadow, as well as add hover colors for a more dynamic design.