Building Your Landing Page: Adding a Header Section
We’ll start by adding the core components that make up a landing page. In this case, let’s begin with the header section.
Add the Header Element
Scroll down the Elements menu to find the Header element. Drag and drop it to the top of the page.
Choose a Structure
Once you drop the header element, a screen will appear prompting you to select a structure. This determines how the header is divided—choose between a single column or multiple columns.
A single column is great for simple layouts.
Multiple columns are useful if you want to include, for example, a logo and some text or other elements side by side.
For now, let’s keep it simple and select a single column structure.
Customize the Header Section
By default, the header appears with a white background. Hover over the header area, and you’ll see two buttons:
“Section” (green button on the left): Used to edit the overall section properties.
“Column” (black button on the right): Used to edit the content within the column.
These buttons give you access to various design and layout options.
Add Elements to the Header
Next, let’s add a logo to the header.
If the Elements sidebar isn’t already open, click the plus (+) sign in the header area to reopen it. Then, drag and drop the Logo element into the header section.
You’re not limited to just a logo—feel free to add other elements such as navigation links, buttons, or text as needed.
Important Note:
The header will be displayed on all pages of your campaign by default.
Only add a header if you want it to appear consistently across every page.
You are of course able to add more than just a logo to your header if you like. The important thing to notice about the header is that the header will be shown on all your pages. So only add the header to your page if you want the header to be shown on every page you create.