How do I use the email designer?

With MailBlue's email designer, it's even easier to create branded and high-performing emails. Emphasising reliability and an easy-to-navigate user interface, the email designer offers many possibilities to create optimal campaign and automation emails, engaging your contacts with your content!

 

How do I create a new campaign email?

To create a new campaign email in MailBlue, you can follow these steps:

  1. Go to 'Campaigns' in the left menu.
  2. Click on the blue 'Create a campaign' button in the top right corner.

create-campaign-email.png

 

The bar at the top will guide you through a number of mandatory steps.

  1. Under 'Type', enter a name to help you remember what this campaign is about. Only you will see this name.
  2. Under 'List', select the list to which you want to send the campaign.
  3. Under 'Design', choose the 'Email Designer' template.choose-email-designer-template.png
  4. Under 'Summary', you can review all campaign elements before sending the campaign definitively. Here, you also set the visible email subject for your recipients.
  5. Clicking 'Send' will send the email to your selected list.start-designing-email.png

Structures

To create campaigns with the new designer, you can use the so-called 'Structures' and 'Blocks'. You can find these tools in the main menu on the right side, under the 'Content' tab.

With 'Structures', you can create different types of content blocks in the campaign. You can drag a structure into the campaign to customise it. You can add as many structures as you need for the design of your campaign.


Each structure has a certain number of 'containers'. You can choose a structure containing 1, 2, 3, or 4 containers. With these containers, you can use multiple campaign functions in one content block. For example, you can place a structure with 2 containers in the campaign. One container can be used for a text box and the other for an image.

 

structures-containers.png

 

Good to know: you can adjust the size and layout of the individual containers within a structure. To do this, click on the structure and its corresponding containers that you have dragged into the campaign. Then, an option 'To structure' will appear in the main menu on the right side. Clicking on this option will open a new menu:

to-structure.png

structure-menu.png

 

In this menu, you can edit the padding or 'Spacing between containers'. If you click on 'To container' at the top of the menu, you will go back to the options of the entire campaign.

Once you have placed the desired structure in the campaign, you can start filling the structures with specific blocks. 

Attention! If you want to add another container to a structure, you can click on the plus (+) sign in the top right. Once the container is added, you can easily adjust it to the size of the other containers by clicking on the equal (=) button.

 

email-designer-container-size.png

 

Blocks

A block is a specific type of content that you want to add to the campaign. Below you will find an overview of all types of blocks that you can add to design the campaign:

  • Image
  • Text
  • Button
  • Placeholder
  • Video
  • Social
  • Banner
  • Timer
  • Menu
  • HTML
  • RSS

To use one of these blocks, you can select the blocks in the main menu on the right side and drag them to the appropriate place in the campaign. Once dragged into your campaign, you can click on each of these elements to customise them with desired colours, font size, links, and much more.

 

Appearance

To design the appearance of the campaign, click on 'Appearance' in the main menu on the right side. Here you can edit the structural elements. You will find the following editing sections:

email-designer-appearance.png

Each of these sections further customises the style of the campaign. 

 

General settings

Below you will see a list of all possibilities:

  • Message width. The default width is set to 600px, but you can set any size between 320 and 900px.
  • Default padding. This is used by default for all new structures added to an email.
  • Background colour and image. Set the desired background colour and image based on the email content.
  • Font. You can select the desired font.
  • Line and paragraph spacing. Set the spacing between text lines and paragraphs.
  • Underline links. Choose whether you want to display links underlined.
  • Responsive design. By enabling this feature, the campaign is enhanced with mobile view. However, the results may vary on different devices. If this feature is disabled, the mobile version reflects the desktop version.
  • RTL text direction. If this option is enabled, the text direction automatically goes from right to left. 

Headings

Here you can set the font, font size, colour, bold or italic for H1, H2, H3 headings. 

Button

Here you can set some parameters that can be used by default for all buttons in the campaign. You can set the colour, font, and border, among other things.

Mobile formatting

By using the mobile formatting options, you can design a mobile-friendly version of the campaign. These settings only work in the mobile version of the campaign.
For mobile view, you can set the following:

  • H1, H2, and H3 sizing
  • Button text size
  • Button width
  • Content margin

In this help article you will find a video with additional information!

Was this article helpful?
0 out of 0 found this helpful