Navbar Widget

This feature available on All Plans

Overview

The Navbar Widget adds navigational links to your campaign. It helps visitors easily navigate through your campaign (especially larger campaigns with many widgets) or direct them to external websites, such as your social media channels.

Adding the Navbar Widget

To add the Navbar Widget to your campaign:

1. Click the Navbar Widget icon in the Add Widgets Panel, or
2. Drag the icon into your preview area.

Widget Settings

The widget settings pop-up allows you to configure the Navbar Widget.

Renaming the Widget

1. Click the pencil icon in the top-left corner (next to the widget name).
2. Enter a new name and press Enter.

CSS ID

• The CSS ID (starting with a #) is displayed in the top-right corner of the pop-up.

Customization

• Navigate through the left-side menu to configure the widget. Use the Back and Next buttons to move between sections.

When finished, click the blue Save and Exit button.

Setup (Adding Links)

The Setup section is where you add and organize links for the Navbar Widget. Links can be placed in the Left, Middle, or Right sections of the widget.

Adding a Link

1. Click Add link in the desired section (e.g., Left, Middle, or Right).

2. Configure the link using the Link pop-up:

   • Button Text or Image:
     • Add text using the Link text field.
     • Or click the + icon under Link image to open the Media Library and select an image for the button.
   • Trigger Action Widget:
     • Select the specific action you wish this link to take. 
     • Check out the Action Widget Help Doc for more information.
   • Points for Actions (optional):
     • Use the Form Widget dropdown to select the form where entrants submit their information.
     • Add the number of points awarded for clicking the link in the Points to award field.
     • Add an Action label to apply to the entry completing the action.

3. Click Save Link to add the link to the appropriate section of the Navbar.

Managing Links

• Reordering Links: Click and hold the three lines icon (☰), then drag the link to adjust its position in the Navbar.
• Editing Links: Click the pencil icon to modify link settings.
• Deleting Links: Click the X icon to remove a link.

Paging Widget Integration

If your campaign uses a Paging Widget, ensure Navbar links correspond to the appropriate containers or widgets within the Paging Widget:

1. Select your Paging Widget using the radio button in the Navbar Widget’s settings.
2. Click Synchronize Links Now to align the Paging Widget links with your Navbar.

Visibility

Control when and where the Navbar Widget is visible using the Visibility section. Options include:

• Setting specific dates and times.
• Displaying the widget only in the Builder.
• Restricting visibility by country.

For more details, refer to the Widget Visibility Help Doc.

Extras

Explore additional customization options in the Extras section, including:

• Main Tag
• CSS Classes
• Smart Labels

Learn about the Extras Section here.