Add the Navbar element, a.k.a. Navigation Bar, to the top of your landing page to direct visitors to important sections of your website or other pages in your campaign.


Adding the Navbar

1. Find the Navbar element in the toolbar on the left-hand side under "More elements".


2.Drag-and-drop it into a form or anywhere on your landing page.


Adding a link to the Navbar

3. Make certain elements and text areas clickable and interactive by adding an external link to it.

Highlight an image, an icon, a single word or phrase in the text area, click the Chainlink icon in the formatting toolbar and choose a link type.

You can create a link to another website, an email client, one of your popups or pages. 


Formatting the Navbar

4. Select an image in the Navbar to open the formatting toolbar. 

Click the Pencil icon to access the Inspector tab and click Media Manager to upload a new image to the Navbar.

Tip: Read our Knowledge Base article on the Image element to learn more about the Media Manager.


5. To add a new option to the Navbar, click on an existing option and click "li" in the breadcrumbs trail.

Now that you have the right element selected, click the Copy icon in the formatting toolbar to add a new option.

Tip: Double-click on a text area to start editing its content.


Customizing the Navbar

6. Find more customization options in the Inspector tab.

You can add a background color, image or gradient, add shadows to texts and text containers, add borders and change their roundness, set padding and margin to adjust text position.

You can also change the text color using the color picker, make it bolder or thinner and adjust its size.