Xmailer
  • Xmailer: The Ultimate Email Marketing Platform
  • CONTACT LIST MANAGEMENT
    • Create a contact list
    • Resubscribe after an unsubscribe
    • List X-Ray
    • View or search your contacts
    • Contact Tags Manager
    • Export your contact list
    • Uploading a suppression list
    • Large suppression files
    • Exclusion Lists
    • GDPR Delete & Export
  • SEGMENTING
    • What you can do with segments
    • Create a segment
    • Designing your segment
    • Tag contacts in a segment
    • Export a Segment's Contacts
    • A/B test using segments
  • BROADCAST
    • What you can do with broadcasts
    • Create a Broadcast
    • Broadcast Settings
    • Choosing your email composer
    • Augment your subject line with a preheader
    • Adding your recipients
    • Schedule your Broadcast
    • Resend to non-openers automation
    • Broadcast Reporting
    • Duplicate a broadcast
    • Tag contacts who Open your broadcast
    • Resume an incomplete broadcast
    • Export Broadcast Openers & Unsubscribes
    • Cancel a broadcast
    • Cancel a broadcast funnel trigger
    • Revise tagging and funnel triggers for sent broadcasts
  • USING THE DRAG & DROP EMAIL COMPOSER
    • The Basics
      • Content Row Properties
      • Designing your email - Using Columns
      • Footer
      • Social Media Component
    • Working with multimedia
      • Adding video to your page
      • Using the image editor
      • Using dynamic images for countdown timers and personalized content
      • Search for free, high-quality stock photos in Xmailer
      • Editing Image Properties
      • Adding GIF animations & animated stickers with GIPHY
      • Adding video to your email
      • Using the File Manager
      • How to use external images in your design
    • Working with content blocks
      • Table Content Block
      • Using Internal Links in Pages
      • Working with paragraph and list content blocks
      • Using dividers and spacers
      • Letter and Paragraph spacing
      • Working with titles
      • Working with menus in Xmailer
      • Working with icons
      • Working with custom HTML
    • Settings, rows, & columns
      • Dark Mode Preview
      • Designing with Workspace Styles
      • Designing with Saved Rows
      • Mobile design mode
      • Co-editing
      • Column management
      • Configuring design settings
      • Settings, Rows, and Content: How do they work?
      • Adding a background image to your designs
      • How do I change the properties of a row?
      • Mobile Optimization Options
      • How do I select a row vs. content?
      • Undo, redo & history
      • Working with padding
      • Working with borders
      • Saving your designs in Xmailer
      • Locking content to prevent editing
  • FUNNELS
    • What you can do with funnels
    • Create a funnel
    • Choosing your funnel type
    • From Name & From Email - editing
    • Activating your funnel
    • Trigger an email funnel from a broadcast
    • Tag contacts who open your funnel messages
    • Choosing your email composer
    • Page Augment your subject line with a preheader
    • Design your automated email sequence
    • Contact Suppression and Exclusion
    • Adding a funnel to an opt-in subscriber form
  • SUBSCRIBER OPT-IN FORMS
    • What you can do with forms
    • Create an opt-in form
    • Sending to double opt-in contacts
    • Choosing your form type: floating bars, lightboxes,inline naked embedded, slide outs
    • Exit intent and display rules
    • Adding email and name input boxes to your form
    • Setting the size of your form
    • Configuring how your form displays on mobile devices
    • Configuring your mobile width
    • Add a close window X to your form
    • Adding a "No" button that closes your form
    • Tag subscribers who opt-in to your form
    • Adding "no thanks" text which closes your form
    • View your form conversion rate
    • Connect an existing form to your account
    • Adding your form to your website
    • Add opt-in subscribers to an automated email sequence
Powered by GitBook
On this page
  • Overview
  • Adding a menu
  • Designing your menu
  • Mobile menus
  1. USING THE DRAG & DROP EMAIL COMPOSER
  2. Working with content blocks

Working with menus in Xmailer

PreviousWorking with titlesNextWorking with icons

Last updated 1 year ago

Overview

Are you trying to create a flexible menu for the content you're designing in Xmailer? Look no further! We've just introduced a menu content block that makes it easier than ever to create a text-based navigation menu for your design.

You no longer have to worry about column constraints, text size, or making sure your padding is just right. Your menu will look perfect on all devices and in all email clients. You will also be able to create a without duplicating your content. So how does it work? Let's take a look.

Adding a menu

Begin by dragging and dropping a menu content block onto the builder stage. An empty menu block will populate with a placeholder image.

Once you have your menu content block, you'll find some settings in the sidebar. Some of these options are familiar, while others are specific to this type of content. Let's start by clicking on Add new item.

Once you begin adding items to your menu, you'll have a couple of options. Text is what you'll see written in your menu, and you can set the text hyperlink through the URL field. The text you input into the Title field will populate if you hover over that option on the builder stage.

You can use different types of URLs in your design, including email, SMS, and click-to-call. For traditional URLs, you can also set the link to open in the same window or in a new tab.

You can also re-order your menu items by clicking on the icon in the upper left-hand corner of your item settings and dragging it elsewhere.

Designing your menu

Once your menu items are ready to go, you can use the settings in the sidebar to customize your menu. You'll find text options here, and you can even change your menu layout from horizontal to vertical by selecting your preferred option from the dropdown.

If your menu uses a horizontal layout, you'll also be able to insert a text character that can be used to divide your menu items. The color of your Separator character will match the text color you set above.

You can use the items padding option to apply padding to the individual menu items.

In the block options below, you'll also be able to apply padding that applies to the menu as a content block.

Mobile menus

Mobile menus are not compatible with all email clients. A comprehensive list of client support can be found below.

If you've been following along, you may have noticed that we skipped over an item available under the content properties: Mobile menus. This allows you to generate a mobile-optimized menu for your design without duplicating any content and using the hide on mobile/desktop option (though, that's still available if you prefer this!) Instead of working hard to create two versions of your menu, why not let the Xmailer builder design it for you!

Start by using the toggle button to turn on your Mobile menu. This will expand some new options under content properties.

With a mobile menu, an icon will replace the menu content on a mobile device, which creates an expandable and retractable menu. By default, the mobile menu will always render vertically, and any separators that you're using will be disregarded.

You can use icon size to change how large your menu button will be. You can also choose from a normal (square) or rounded menu button via the icon type dropdown.

The foreground color will apply to the icon details, as well as the text color once your menu icon is expanded. The background color will populate only as the background color of your icon. The background color of your expanded menu will match what you have set as your content background color.

Mobile Menu Compatibility

Email Client
Compatible?

Gmail iOS

No

Gmail Android

No

Outlook iOS

No

Outlook Android

No

iOS native

Yes

Yahoo iOS

No

Yahoo Android

No

mobile-optimized menu