Menu Content Block (Email & Landing Page Composer)

Create a text-based navigation menu for your design.

How to use the Menu Content Block

Drag the Menu Content Block from the Additional content area of the Content tab into your design & select the Menu block to access Menu Properties in the sidebar.

Add Menu Items

Click +Add New Item for each menu item you want & set the following:

1. Text: enter the text you want for the menu item
2. Link type: choose what you want to happen when the menu item is clicked.
   • Open web page. Choose from:
     • Enter the destination URL.
       If linking to an anchor in your design, enter the anchor name prefixed with a hashtag (& no space). Make sure the name matches exactly. For example, for the anchor name "lorem", enter #lorem
     • Click Link file & select from your Act-On image & logo library.
     • Target: Choose whether to open a new page with the link or stay on the current page.
   • Send email. Enter the email address to send it to, the subject, & the body of the email.
   • Make call. Enter the number to call, for example, a support line.
   • Send SMS. Enter the number to send to & the message.
   • Internal link (Landing Pages only). Link to a destination on the same Landing Page.
     Select a block identifier from the Scroll to list. Learn more
3. Title: optionally add some popup text that appears when hovering over the menu item.

To reorder menu items, click & drag (at the top left of each menu item).

Menu Formatting

Options are available in the sidebar to set the font (family, weight, & size), text & link color, alignment, letter spacing, layout (to make the menu a vertical list or horizontal with optional separators. See the example below), menu items padding, & borders.

Mobile menu (Landing Pages only). Make the menu an expandable icon on mobile devices, which shows the menu items when tapped. Set the icon size, type, & colors. Here's an example in Preview Mode:

Block options are available to set padding & choose to hide on mobile or desktop.
For Landing Pages, you can also set a block identifier for internal links. Learn more 

Example Using a Menu with Anchor Links

A newsletter design with several sections has a menu so readers can quickly access the section they want. 

1. Add two anchors, each with an HTML Content Block, as explained here. In our example, the two anchors are named #casestudies & #webinars & are the titles for each section.
2. Near the top of the design, add a menu block containing a Menu Item for each section (as described above). For example:

3. Format the menu how you want. Here, we change the menu from horizontal & centered to be vertical & on the left: