Create Navigation Header and Footer Menus on Landing Pages

Overview

Headers and footers are essential elements, serving both functional and aesthetic purposes.

You can use headers and footers to create a membership website for your community.

Headers

1. Navigation Menu – Helps users easily access key sections (Home, About, Courses, Events).

2. Logo & Branding – Displays the company/community logo and reinforces brand identity.

3. Call-to-Action (CTA) Buttons – "Sign Up," "Login," or "Join Now" (useful for membership sites).

   

Footers:

1. Copyright & Legal Info– Links to Privacy Policy, Terms of Service

2. Social Media Links – Icons linking to social profiles.

3. Mobile App Download Links – Encourages visitors to download the app.

   

This document guides you on how to

1. Customize the navigation elements of your landing pages by setting up a header and footer menu.

2. Set up a consistent header and footer, then reuse the same for multiple different landing pages.

3. Duplicate, delete, or rename a header and footer created, and access the created header and footer from the landing page dashboard when you click the Menus tab.

Here's how to add a header and footer menu:

1. Click on the admin panel to navigate to the admin section

   

2. Click on the ‘Landing pages’ menu

   

3. On the dashboard, click on the page name to open the page you want to edit or create a new page

   

4. Click on the Menus tab

   

5. Click on Add New Menu Element and select Footer or Header menu

6. You can then create a new header or footer.

   

7. Customize the content of the header/footer, such as:

   

   1. Logo image

   2. Logo Action

   3. Logo URL

   4. HEADER LINKS - customize the content of the links

      

   5. Reorder the position of the links on the header using the hamburger icon

      

   6. Add new header links using the Add New option

      

   7. Customize the header buttons

      

8. After you are done adding content, move on to apply nav styles

   

9. You can save and preview the changes, and once you are ready, you can go ahead and publish your updates for the live page.

Note:

1. You can only add 1 of each navigation type per landing page

2. You can also use the already created header and footer blocks from other landing pages

Reuse the same header and footer for multiple different landing pages.

1. Click on the Menus tab

   

2. Click on Add New Menu Element and select Footer or Header menu

3. Select an already existing footer or header that you had created earlier.

   

   Note: If you customize the existing footer/header, the changes will be applied to all the other pages where you have used the footer/header

Access existing footers and headers created

1. Click on the ‘Landing pages’ menu

   

2. On the dashboard, select the Menus tab

   The table shows the type of navigation menu and the pages they have been used on.

   

3. You get the options to rename, duplicate, or delete the navigation menus created when you click the 3-dot option