Skip to main content
Link bar

Add the LINK BAR component to navigate users to important content with one click

Yuliia Skrybantovych avatar
Written by Yuliia Skrybantovych
Updated over 7 months ago

LINK BAR is a navigational tool that allows users to access key sections or pages with one click. The component comprises customizable links in a horizontal or vertical arrangement, enhancing navigation and directing users to important content like legal information or social media platforms. You can also include an Unsubscribe link to the bar.

The link bar component allows you to make the most of small spaces, whether by stretching the link bar to the whole content item layout or just a part of it.

To add LINK BAR to your content item, drag it from the Components tab on the elements panel to the content item layout.

Then, customize it on the tabs available for the current content item type.

Emails and email briefs

Select the component on the email layout and go to the Properties tab.

In the ITEMS section, you can add up to 6 new items with the + button.

Here, you can also use the following controls to manage the item added:

Control

Action

Unfold the item to configure its properties.

Duplicate the customized item. The duplicate is added after the original one.

Delete the existing item from the list.

Unfold the existing or added item in the ITEMS section to do the following:

  • Enter the text manually or upload it with the BROWSE button.

    You can use the WYSIWYG editor for the text customization.

    Improve the visibility of light text in the text input area with the Dark background toggle.

  • Set the line height in pixels.

  • Select the Left, Center, or Right text align.

  • Add a link to the text.

In the ALIGN dropdown list, you can select the Left, Center, or Right item alignment within the email layout.

Links are placed horizontally on the email layout by default. Select the Show items in a list checkbox to apply the vertical alignment of the links.

Websites and landing page briefs

Select the component on the layout and go to the Properties tab. Here, you can do the following:


  • LINE HEIGHT—set the bar line height in pixels.

  • ITEM INDENT—define the item indent in pixels.

  • ITEM TEXT HOVER COLOR—select the color of the item text on hover with the color picker and set the text opacity.

In the ITEMS section, you can use the following controls to manage the item added:

Control

Action

Unfold the item to configure its properties.

Duplicate the customized item. The duplicate is added after the original one.

Delete the existing item from the list.

You can add new items with the + button.

Unfold the existing item in the ITEMS section to do the following:

  • Enter the text manually or upload it with the BROWSE button.

    You can use the WYSIWYG editor for the text customization.

    Improve the visibility of light text in the text input area with the Dark background toggle.

  • Add a link to the text.

Did this answer your question?