The menu block is an essential element if you are including a navigation menu in your email campaigns. It ensures all of the spacing and functionalities in the menu work as expected and you can hyperlink the items in a number of ways.
To get started from an open campaign using the drag and drop editor, simply drag the menu block into your campaign and drop it into your desired spot. You’ll see the content properties for the new menu appear in the editor panel on the right.
Click on Add new item to start adding the topics that will be featured in your menu.
Start adding your menu items. For each one, you can include the following properties, however, only the Text and Link Type are required (R). You can reorder menu items by dragging the icon found to the left of the menu item title.
Menu item functions
Menu item property | What it does |
---|---|
Text (R) | This is the text that will represent the menu item and appear on your campaign. |
Link Type (R) | Choose from: Open web page, Send email, Make call, and Send SMS |
URL or Link File (NR) | Depending on the link type specified, add the destination URL for the link, or click on Link File to select an item from your library. |
Title (NR) | Optional: Add a title, which will be secondary text that appears when hovering over the menu item. |
Target (NR) | When the recipient clicks on the menu item, decide if it will open on the Current page or on a New page. |
R = Required NR = Not Required
Customizing your menu items
Once your menu items are ready to go, you can further customize the look of your menu with a variety of settings. Simply scroll down past the menu items in the editor panel to see the properties that are specific to the look of your menu. Here’s what each of them can do.
Menu customization options
Customization option | What it does |
---|---|
Font family | Click on the dropdown menu to select from a variety of font options. |
Font size | Click on the dropdown menu to select from a variety of size options, or enter your own. |
Text color | Click on the color swatch to bring up the controls. You’ll see the theme colors as swatch options that you can select.
Or, if you’d like to choose a color, use the slider to select a color to start from. You can also place your cursor inside the color block and click accordingly to select a color. |
Link color | Same instructions as text color above. |
Alignment | Click on the corresponding icon for left, center, or right alignment. |
Letter spacing | You can adjust the space in between each of the menu item’s letters by changing the number up or down. |
Layout | Choose the type of layout, vertical or horizontal. |
Separator | If your menu uses a horizontal layout, and you would like some distinction between each of your menu items, then you can insert a line separator that can be used to divide them. |
Mobile menu | If you would like the menu that will show on mobile to be styled differently, then you can toggle this option on.
Doing so will bring up options for icon size and type, as well as the foreground and background colors. |
Items padding | You can adjust all 4 sides of the padding of the menu altogether by leaving More options toggled off and increasing the number inside the box.
Or, you can switch it on and then adjust each of the 4 sides individually. |
Block padding | Same instructions as items padding above, except that it controls the padding for the entire menu block. |
Hide on | You can choose to hide the menu on mobile or desktop by clicking on the corresponding icon to select it. |
How to delete, duplicate, or move a menu block
Side note: these instructions are actually relevant for all of the content blocks. From an open campaign, clicking inside the content area of the block will bring up the menu properties in the editor panel on the right. Doing so will also present the options to Delete, Duplicate, or Move the block, just look for the small icons found in the bottom right corner of the menu.
Additionally, both of the options for Delete and Duplicate are found at the top of the editor panel next to a down arrow icon that, when clicked, will switch the content you see from the properties of your current block to the overall content block options where you can drag and drop a new block into your campaign.