Learn to add a Hero Section to your custom landing pages built with Kajabi Pages.
In this article:
What is a Hero Section?
In short, the Hero Section is a Background with a Content Overlay.
Although simple, understanding the concept of the Hero Section is powerful because it gives you the flexibility to build and create beautifully designed pages by simply adding a background to your Sections.
Although Kajabi helps streamline the process of building your pages by providing Hero Section presets, Kajabi Pages are built to give you the freedom to create any Section into a Hero Section by simply customizing your Background in the Section Settings of any Section on your page.
Although flexible, it is important to note the unique build of the Hero Section Presets.
Adding Blocks and customizing the Background of your Sections can create similar Sections to the Hero Section Presets but you may notice that the appearance will differ slightly when adding Block Types to a Section.
Adding a Hero Section:
- Open the Website tab from the Dashboard.
- Click Pages and select the Page you wish to edit or create a new page.
- Click Customize.
- Navigate to the sidebar panel.
- Click Add Section.
- Select your Section from Hero:
Preset Hero Sections
Learn about each Hero Section:
Adding a Hero Section to your page will generate a Text Block with the Call to Action Block Setting enabled. This may be familiar to you if you have added a Call to Action Section to your page!
Customize your Hero Section by editing the Text Block and Section Settings to change the appearance, behavior, and content.
The Hero Countdown Section generates a single Text Block and a Countdown Block. However, you will notice that creating a Hero Countdown Section will differ in appearance compared to adding a Countdown Block to a Section:
Hero with Form
The Hero with Form Section generates a single Text Block and a Form Block. However, you will notice that creating a Hero with Form Section will differ slightly in appearance compared to adding a Form Block to a Section.
Adding the Hero with Form Section includes a default Disclaimer Text to the Form Block:
Hero with Image
The Hero with Form Section generates a single Text Block with the Call to Action Block Settings enabled and an Image Block:
Hero with Video
The Hero with Form Section generates a single Text Block with the Call to Action Block Settings enabled and a Video Block: