Navigation Widget

Add a navigation tabs to your page to redirect you to other pages in your funnel or other specified pages

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

The Navigation Widget usually contains links to your About Us, Contact Us, Pricing, Terms & Conditions, etc. This will allow your page visitors to move from one page to another by clicking on of the tabs in the navigation bar.

Add a Navigation Widget to a Page

Click the Add [+] Button to slide out the Page Elements menu. Click the Navigation element from the menu, then drag it to a section on the page.

Property Settings Menu

Click the [settings icon] to load the property settings of the Navigation object.

  • Link Builder

  • Layout Style

  • Typography

  • Position & Padding

  • Width

  • Alignment

  • Add a navigation link

  • Delete a navigation link

  • Change the order of the navigation links

  • Select the link type (Text link, icon, button)

  • Edit the text in each navigation link

  • Set the link destination

Layout Style

You can choose whether to have a horizontal or vertical navigation

Typography Settings

You can choose a font style, change the size and color of the text for all the navigation links

Position & Padding Settings

  • Position - You can move the object’s position upward or downward.

  • Padding - You can control the spacing between the navigation object and other objects on the page.

Width Settings

Use the width dials to adjust the width of the Navigation object

Alignment Settings

You can set alignment of the Bullet Point object to left, center, or right.

Other Element Options

Click the dropdown arrow next to the settings icon of the element or right click on the element to show the the other options.

  • Cut - the element will be removed from the page and can be pasted in another part of the page or on a different page

  • Copy - the element will be copied and can be pasted in another part of the page or on a different page

  • Paste Below - a copied or cut element will be pasted below the selected element

  • Rename - the element will be renamed instead of having the default element label

  • Duplicate - the element will be duplicated and placed below the selected element

  • Delete - the element will be deleted from the page

  • Navigation Settings - it will open the settings menu on the left side of the screen

  • Help with Navigations - it will open up a new tab and redirect to a help article about the element

Did this answer your question?