RGPD

Your choices about cookies on this site

We use cookies to personalize our content and advertisements, measure the effectiveness of our ads and provide a safer experience. By browsing our website, you accept the use of cookies to collect information on and outside Mailify. To learn more, consult our Cookie Policy or go to your cookie preferences to manage your settings.

done Your address has been saved
close
error_outline Email invalid
close

How to use the EmailBuilder in Mailify Sunrise ?

The EmailBuilder™ is an email editor designed by Mailify Software in order to simplify the task of creating emails and newsletters.

The ease of use of the EmailBuilder is based on the fact that you do not need technical skills in HTML or CSS to design a responsive and effective email campaign.

A simple game of drag & drop allows you to add your content, text and images, and format them effortlessly. Everything is customizable: graphic style, colors, spaces, borders, typography.

Quick navigation

Access to the EmailBuilder | Creative modes | TemplatesDashboard | General settings
Blocks | Contents | Styles | Images editor | Web copy | Unsubscribe | Reset 


 

 

Access the EmailBuilder

 
The EmailBuilder is available when you create an email campaign and select "EmailBuilder/Templates" in the "Creative mode" step.

 

Creative modes

 

Several modes of creation are available in Mailify Sunrise:

  • EmailBuilder/Templates: This mode allows you to create your email using the EmailBuilder, choosing an existing template, or starting from scratch. This mode is great if you don't have advanced HTML and CSS skills, and if you want to optimize your message for mobile.
  • Import a file: This mode allows you to start from your own templates by importing your HTML file, directly copying the HTML source of your file, or by manually entering your HTML code. This requires more knowledge of HTML than the EmailBuilder/Templates mode.
  • Plain text format: this mode allows you to create an email that doesn't contain images nor formatting. Your email will be sent in text format (TXT). This mode of sending ensures a better deliverability, but guarantee the best result from marketing/communication point of view because your brand is not easily identifiable due to the lack of images, and your message is not memorable because of the lack of formatting.

 

Templates

 

If you decide to opt for the EmailBuilder/Templates mode, you will have the choice of:

  • Mailify template
  • Template you previously saved
  • Create from scratch and create your tailored email

Assuming you choose to start from a Mailify template, a large number of 100% customizable and responsive design templates are available.
Choose the one that's right for you and customize it to your heart's content by adding your logo, images and brand colors to the EmailBuilder.

 

 

 

Dashboard

 

Whether you have chosen to start from an existing template, from a Mailify template, or from scratch, you are redirected to the "Editing" step. This is where you will be able to use the EmailBuilder and customize your email.
 
The editing screen is composed of 3 areas:

  • The upper part, which allows you to manage the header of your email: subject, sender, attachments, etc.
  • The right pane, which allows you to select layouts or blocks or drag-and-drop content.
  • The dashboard, which allows you to build your email and visualize its rendering in desktop and mobile version.

 

It is possible to increase the size of your dashboard in order to gain comfort of use.

  • Increase the width of your worktop by folding the right pane

Click this button, located at the top of the right pane to fold the pane. This action will be reversible by clicking this button again.


  • Increase the height of your dashboard by switching to "full screen" mode

Click this button, located at the top right of your dashboard, to hide the left column and the header bar.

By default, the display mode of your dashboard is in "desktop" version, that is to say that you view your email as if it were consulted on a computer.

You can view the rendering of your "Smartphone" email version by clicking on the "Switch" button located above your dashboard

  

 

 

General settings

 

The general settings concern both the display of your work plan and the global settings of your email being edited.

You can change the general settings in the right pane:

 

 

 

Enable mobile version: show or hide the switch button at the top of your work plan This option is enabled by default If you do not want to display the mobile version of your email you can disable this option in the general settings.

  • Show header: deletes the header of your email. This is only recommended if you place your web copy (mirror link) elsewhere in your email to allow your recipients to view your email online.
  • Show footer: Like the header, you can delete the footer of your email. This will remove the unsubscribe link included in your footer. This is not advisable unless you place your unsubscribe link somewhere else in your email.
  • Main frame: the main frame is the "table" in which your content blocks are embedded. This option allows you to define the settings of the main frame of your email, namely the background color of this frame, its width, and the color and size of the border of this frame. You can independently manage the settings of each of your blocks later.
  • Texts: these parameters make it possible to modify the default styles of each element of your email: paragraph, title 1, title 2, button, header, footer. These configurations will not remain active for your next email created with the EmailBuilder. Nevertheless, you can save your email as a template, and you will be able to recover your formatting for your next creations.
  • Space between blocks: this option allows you to manage the spacing between the different blocks of contents of your email (attribute "cellspacing" of your tag <Table> in HTML) .This allows you to gain readability. This spacing is managed in pixels.
  • Inner margins: this option allows you to manage the spacing between your content and the borders of the block in which it is inserted (attribute "cellpadding" of your <Table> tag in HTML). This is also a parameter allowing you to gain readability, or on the contrary to condense your content. This spacing is managed in pixels. 

 

Blocks


Before inserting text or images into your email, you must insert a container to accommodate your content.

A block is a container.

Your email is based on an architecture of blocks hosting content (images, texts, etc.). It is important to create a coherent structure with a sequence of heterogeneous blocks. Try to find a balance between your blocks of text and your blocks of images, to facilitate the reading of your email.

To insert a block into your email, open the "Contents" section in the right pane. You will notice that this section is divided into 2 sections: blocks (containers) and contents.

They are 7 types of blocks:


The blocks you save make it easier to find blocks you've created from scratch and want to re-use in another campaign. Otherwise, you can always use predefined, standard blocks.

You can modify your structure by adding blocks by simply dragging and dropping to the place of your choice.

It is possible to manage the properties of each block independently of the other blocks: to do this, click on the "Properties" button on the toolbox that appears when you hover over the block concerned.

  

A window appears, allowing you to customize the background, borders, margins, or vertical alignment of the text in each column of your block.

    

 

Background settings

You can choose an image or a background color for your block.

If you choose an image, Mailify advises you to add a background color similar to that of your image, because some email providers (such as Microsoft Outlook) do not support image management. In this case, if you have text above your image, this text will only be visible if you have chosen a background color close enough to that of your image.

To choose a background image, click the following button

 

A window of your file explorer will open so you can select the image in the directory of your choice.
 
To choose a background color, click on the colored square next to "background color of the block"
:

 

 

A color picker appears, where you can choose a color directly by clicking on the spectrum displayed in the upper part of the selector.

If you want to choose a very specific color, you can type its references in the lower part of the color picker.
Mailify Sunrise accepts type references:

HEX: Hexadecimal

RGB: Red Green Blue

HSL: Hue Saturation Brightness

Scroll up and down to switch between color codes:

    

You can independently manage the background of each column in your block by clicking the "olumn (1, 2, 3 or 4)" button.

Border Settings

You can choose the color and the thickness of the border of your block.

By default, the borders of your block are set with a width of 0 pixels. Whatever color is selected, it is invisible on the screen.

If you want to assign a color to the border of your block, start by increasing the width of it.

By default, when you increase the width of a border, you increase the width of the other borders in the same way.

 

 

You can independently manage the width of each border of your block (top, bottom, left and right border) by unlocking the padlock located in the center of this window:

Once you have increased the thickness of your border, you can color it with the color picker next to "Border Color".

How this color picker works has been described here.

Margin settings 

This option is for the inner margins of your block.

You can independently manage the inner margins of your block for each of your columns, and thus adjust the position of your content within your blocks.

In the "2 columns" type block below (whose background is blue), the margins have been set differently for each of the two columns: the first column has a zero internal margin, while the second column has been set with a margin of 35 pixels.

The position of the contents of each column is therefore different inside the block:

In the same way as for setting the borders, your margins can be managed in a uniform way (picto padlock locked) or independently (pictogram padlock unlocked), and this for each column of your block:

 

  

Vertical alignment parameters

You can vertically align the contents of each column in your block with the vertical alignment settings.

You can choose to have your content at the top of the block, at the bottom of the block, or at its center.

This option is particularly useful when there are differences in the length of content between your different columns.

For example, when a text takes more space than the contents of your other columns:

  

 

So adjust the settings of your blocks as you see fit until you get the desired result.

If you have made a lot of settings, keep in mind that you can save your email, as a template, to preserve the formatting and to be able to use it again at a future creation.

You can perform several actions on a block, beyond managing the parameters associated with it as we have just seen:

  • Move an existing block: to do this, click on the "Move block" button on the property bar of your block. Hold down your click, and drag the block to the location of your choice. Once moved, release your click to drop the block.


 

  • Duplicate an existing block: to do this, click on the "Clone block" button on the property bar of your block. An identical block will be created under the block you just duplicated.


 

  • Swap the contents of an existing block: this option allows you to swap the contents of your block by moving each content to the content location to the right (the content initially located rightmost leaves at the beginning of line).



    Initial situation:







1st click on "Swap contents":
 




2nd click on "Swap contents": 

 

 

  • Delete a block of contents: when you delete a block, you lose both the container (the block itself) but also its contents (texts, images, etc.)


  •  Save a block : this option allows you to save a block (both the layout and text) in the repertory where all your personal blocks are saved and to re-use it later in same campaign or another.

    You'll find more info on how to save your blocks and manage your repertory in the dedicated section.

 

Contents

Content is something you can move in the columns of your blocks.

To move content, click on it and drag and drop it into the container of your choice.

 

There are 14 types of content available:
 

 

Image | Text | Space | Separator | Title | Button | Social networks | Sharing | RSS feed | Floating picture | Google Maps I Wordpress article I HTML code

 

 

 IImage 

 

This content allows you to insert an image into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you've dropped it into a container, there are several things you can do about it when you hover over it:

       

 

Choosing an image also allows you to select an image

Browse: Allows you to select an image by browsing the files on your computer

Stock Images: Allows you to select a image from the free image bank of Mailify

From a URL: allows you to insert an image by inserting the hosting link of your image

Insert Variable: If your recipient list has an "image" column that lists links to images for each recipient, your image will be customized to each of your recipients. For example, imagine that your list contains the photo of the favorite product of each of your recipients, you will be able to display a different product image for each recipient who will receive your email.

Learn more about dynamic personalization fields.

 

 

  • Clone Image: Allows you to create a duplicate of your image. The new image is automatically added under the original image and in the same container.
  • Move Image: Allows you to change the current location of your image. Drag and drop the image to another location in your email.
  • Delete image: allows you to delete the image of your email. A "confirm" button will appear when you click on "delete image". You will need to confirm the deletion for it to be effective.
  • Edit image: the "edit" button appears once you have inserted your image.When you click on this button, a window "Properties of the image" will appear. You can also access the properties of your image directly by clicking on it. 


You can then modify the dimensions of the image by adjusting the width and height (in pixels) of the image. A padlock pictogram allows you to manage the dimensions of your image while maintaining the initial proportions between height and width (locked padlock) or by managing these dimensions independently of each other (padlock unlocked).

We advise you to avoid stretching or compressing your image by changing the size of your image after unlocking the padlock. This will have the effect of deforming it and the aesthetic rendering will be degraded.

You can also manage the alignment of your image within the block in which it is embedded: Align your image to the left, center, or right of the container according to your preferences.

Finally, you can insert a clickable link on your image, as well as a caption (alternative text displayed in case of non-download of your image by the email client of your recipient).




       

 

  • Editing the image: When you click on "edit image" and the "Image properties" window appears, click on the "Touch up" button at the top of the image. You will then have access to the integrated image editor of Mailify which allows you to correct your image in order to improve its visual rendering. 

 

 

 

 

 Text

 

This content allows you to insert text into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you have deposited it in a container, several actions allow you to customize your text:

 

 

 

When you click within your text, an editor appears, and allows you to apply most of the formatting of your usual word processing software, including (from left to right):

  • Change font
  • Increase / decrease font size
  • Put color on your text
  • Bold
  • Italicize
  • Stress text
  • Barring text
  • Put in index
  • Exhibit
  • Increase / decrease the line spacing
  • Align your text (left, right, centered, justified)
  • Insert a list of chips
  • Insert a numbered list
  • Insert a dynamic personalization field
  • Apply a style (Title 1, Title 2, Paragraph)
  • Apply a background color to your text
  • Insert a floating picture within your text
  • Insert a link
  • Delete an existing link

Like other content, you can move, clone or delete your texts.
 

 Space

 

This content allows you to insert vertical spacing into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you've dropped it into a container, you'll be able to do more with this type of content when you hover over it: you can adjust the height of this vertical space, from a minimum of 10 pixels to a maximum of 100 pixels.

 

 

 

Like other content, you can move, clone or delete it.

 

 Separator

 

This content allows you to insert a horizontal separator into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you've dropped it into a container, there are several things you can do about it when you hover over it:

 

 

In particular, you can customize the color, thickness, and style of the separator by clicking the "Separator properties" button.

 

 

Like other content, you can move, clone or delete it.

 

 Title


This content allows you to insert a title into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you've dropped it into a container, you can apply the same kind of formatting as you do for "Text" content.

 


Reminder: you can set the style of all your titles directly from the "Style" then "Settings" section of the right pane.

 

 

Change the formatting of your "title 1" (for example) and check the "Apply to all items" box to change the style of all "titles 1" of your email. Also valid for changing "cascading" titles 2, paragraphs, buttons, header and footer of your email.

You will notice that the color management of your texts is not included in this section, but in the "Color distribution" section (in the "Styles" section of the right pane). To change the color of all your "title 1" for example, go to this section.

 

 

Like other content, you can move, clone or delete your titles. 

 

 Button

 

This content allows you to insert a button into a container.

The buttons are essential elements of your email to encourage your recipient to act. This content allows you to create visible and attractive buttons.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container gets highlighted when you're about to add your content to tell you that you can drop it there.

 

To edit the text of your button, select the current text and type your text directly into the button.

To access the properties of your button, click on the button, a new window opens:

 

Here are the properties you can modify for your button:

  • Type of writing font
  • Font size
  • Text color
  • Bold
  • Italic
  • Insert a link
  • Choose a preformatted button theme
  • Change the background color of the button
  • Change the color of the button border
  • Change the thickness of the button border
  • Radius: allows you to give a more or less rounded shape to your button
  • L/R Margin: allows you to manage the margins on the left and right of your button relative to the content entered
  • H/B Margin: allows you to manage the margins at the top and bottom of your button relative to the content entered
  • Position: Lets you align your button to the left, center, or right of the container in which your button is inserted.

When your recipients click on this button, they will be redirected to the link that you have defined in this window.

Several types of links can be inserted: 

 

 

  • To a web page: gives you the option to enter the web page of your choice. Enter the destination URL in the "{ }" field located below the "link" drop-down menu.
  • To the unsubscription form: if you have not defined an unsubscribe link, you can insert it on a button if you wish.
  • To the online version of the email: if you have not defined a link to the web copy of your email, you can insert it on a button if you wish.
  • To a published form: allows you to redirect your recipients to a form previously created with Mailify.

Like other types of content, the buttons can be duplicated, moved or deleted by using the action buttons that appear when the content is flown over.

 

 Social networks

 

This content allows you to insert links to the pages of your accounts on social networks, not to be confused with the type of content "Sharing" which allows you to add social network share buttons.

"Social Networks" content allows you to send recipients to your Facebook page (for example), while "Sharing" content allows your recipients to share your email on their own Facebook pages.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container gets highlighted when you're about to add your content to tell you that you can drop it there..

 

 

Click on the button "Edit social networks" to set the icons to display, as well as links to your social networks:
 

  • Small/Large: Lets you manage the size of your icons
  • Round/Square: Allows you to manage the shape of your icons
  • Gray/Colors: Allows you to manage the color of your icons
  • Alignment: Allows you to position your icons on the left, center or right of your container
  • Active Icons: Allows you to add or remove social network icons from your content by checking/unchecking the boxes in front of each network. Input fields appear in front of each active icon to allow you to enter links to the accounts in question.

It is possible to add many social networks in your content:

 

 

Facebook   |   Twitter   |   Google+   |   Linkedin   |   Youtube   |   Instagram   |   Dropbox   |   OneDrive   |   iCloud   |   Pinterest   |   Wordpress   |
Blogger   |   FlikR   |   Netvibes   |   Skype   |   Strumble   |   Vine   |   Vimeo   |   Digg   |   MySpace   |   Viadeo   |   Tumblr   |   Behance   |   Dribbble   |
Mailto   |   RSS   |   CodePen   |   GitHub   |   QZone   |   WeChat   |   Weibo

 

Like other types of content, social networks can be duplicated, moved or deleted by using the action buttons that appear when you browse the content.

 

 Share

 

This content allows you to insert share buttons on social networks into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

 

 

It is possible to set up the social networks on which you want your recipients to share your content by clicking on the "Edit" button when hovering over your content. A new window opens:

 

 

You have the choice between Linkedin, Google+, Twitter and Facebook. You can choose to display these 4 social networks if you wish.

You can choose to share a link to your web copy (online version of the email), or to a web page of your choice (in this case, a "link" field will appear and you will have to enter the URL of your page in this field).

You can customize the text displayed in front of the pictograms of your social networks: by default the text "share" is displayed, but you can for example choose to mark "Share this email with". You can choose not to display text by deleting it. It's up to you to choose according to your needs.

You can also customize the formatting of this text: font, size, color, bold, italic, underline.

You can customize the background color of your content, as well as the color and thickness of the border of this content block, as well as its radius (more or less rounded corners).

You can manage the left and right margins, then the top and bottom of your content relative to the container in which it is inserted.

Finally, it is possible to manage the alignment of the content inside its container: left, center or right of it.
 
Like other types of content, sharing can be duplicated, moved, or deleted by using the action buttons that appear when the content is flown over.
 

 

 RSS feed

 

This content allows you to insert the content of an RSS feed into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you have deposited it in a container, click on "edit" to indicate the link to your RSS feed and to customize the number of elements to appear in your email:

 

 

In the example above, Mailify will automatically search the titles of the last 3 elements of your RSS feed to display them in your email.

You can insert content "title" upstream to present the content of your RSS feed. For example "Our latest articles:" 

 

Like other types of content, the RSS feed can be duplicated, moved or deleted thanks to the action buttons that appear when you browse the content. 

 

 Floating image

 

This content allows you to insert a floating image, ie an image surrounded by other content (usually text) in a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.
 
When hovering over the image, an icon symbolizing a gear appears. Click on the gear to insert an image.

A drop-down menu appears asking you to insert an image. The insertion modes are identical to those described in the section concerning the content type "image". 

 

Select the image of your choice with the method that suits you best.

Once your image is inserted, a "Property" button appears in the drop-down menu when you click on your image.

Click this button to access the settings of this one:  

 

 

 

A new settings window will appear on the screen:

 

  • Edit: allows you to access the image editor Mailify Sunrise to make the desired corrections
  • Width/Height: allows you to increase or decrease the dimensions of your image. A padlock allows you to increase these dimensions proportionally (locked padlock) or disproportionately (padlock unlocked). However, we advise you to avoid disproportionately changing the dimensions of your image, as this will stretch or compress your image and impact the image quality.
  • Alignment: Allows you to place your image at the top left, or at the top right of your textual content.
  • Margin: Allows you to adjust the margin around your image. The lower your margin, the closer the text will be to your image.
  • Link: allows you to insert a link on your image to make it clickable by your recipients. Fill in the URL of your choice in this field.
  • Caption: add an alternative text to your image. This text will not be visible on Mailify Sunrise, but in case the images of your email could not be loaded by the mail client of some of your recipients, this alternative text would be displayed instead of the image. Describe at best what your image represents in the field provided for this purpose.

Like other types of content, the float image can be duplicated, moved or deleted by using the action buttons that appear when the content is flown over.

 

 

 Google Maps

 

This content allows you to insert a map (generated by Google Maps) into a container.

To insert this content, click on it and drag and drop it directly into one of the columns of the block of your choice. The container is highlighted when you are about to add your content to tell you that you can drop it there.

Once you've dropped the Google Maps content into a container, a window appears. Enter your address in the field provided for this purpose:

 

 Google map into an email

 

Click "Generate map" to validate the creation of the Google Maps map image.

It is not an interactive map, but a snapshot of the location of the specified address.

 

 

An "Edit Image" button allows you to access the image settings.

 

Dimensions: If "full width" is selected, the image will occupy 100% of the maximum width allocated to it, i.e. 100% of the width of the container If "custom" is selected, you can adjust the width and height of your image as you wish.The padlock allows you to adjust the width dimensions proportionally to those of the height so as not to stretch or crush your image.You can unlock the padlock to adjust the width or height independently of each other, but this is not advisable for aesthetic reasons.

Alignment: Once your image size is right for you, the "Alignment" option allows you to position your image to the left, right, or center of your container. The alignment option is only available if you have chosen a "" custom "" dimension (in the case of a "full width" dimension "the question of aligning your map does not arise because it occupies the entire width of your container).

Link: You can make the image of your map clickable by inserting a link. For example, you can send your recipients to your address information on Google Maps so that they can navigate on it and, if necessary, plan their route from their current location (this is the default link that is inserted by Mailify Sunrise). You can also choose to send them back to your website.You can customize the link as you see fit.

Caption: add an alternative text to your image. This text will not be visible on Mailify, but in case the images of your email could not be loaded by the mail client of some of your recipients, this alternative text would be displayed instead of the image. Describe at best what your image represents in the "legend" field. In the case of your Google Maps image, you could for example note the address you used to generate your map.

Like other types of content, Google Maps can be duplicated, moved or deleted thanks to the action buttons that appear when hovering over the content.

 

Video

It is possible to automatically generate animated Gifs from video content of your choice.

To do this, drag and drop this type of content into a block.

In the "URL" field, copy and paste the URL of your video hosted on Youtube, Dailymotion, Vimeo, Twitter, Facebook, Instagram... A link to this URL will automatically be inserted on your video content.

In the "Format" menu, select the format that you want apply to the image of your video. Only the "Animated Gif" format can display an animation. The Jpeg format is displayed as a static image.

The "Button" menu allows you to select the style of the "player" you want to add to your content. You can choose not to use it if you wish. However, a "player" button allows you to clearly indicate that the image (animated or not) is clickable and directs to a video. The "Start" field allows you to determine from which hour/minute/second of your video you want the image (animated or not) to be captured.

The "Duration" field allows you to determine the duration of your animated Gif (between 1 and 20 seconds). The longer your Gif is, the larger the overall size of your email.

The "Repeat loop" option allows you to play your animation in loop (option enabled) or stop it at the end of the animation (disabled).

Once these operations are completed, click on "Generate capture". The generation of an animated Gif can take several seconds.

Bare in mind that some email providers do not support animated Gifs. In case the format is not supported, only the first image of your Gif will be displayed.

Wordpress article

This content automatically includes articles from your blog to your newsletter. You should first configure the Wordpress connector, see https://www.mailify.com/help/integration-en/connectors/wordpress-connector

HTML code

You can integrate an HTML code content directly to your email campaign, either by filling in or copy-pasting the code into the block. You will then have more control and flexibility on the design and structure of the blocks. You still need to be familiar with HTML email integration to use this type of content.

 

Styles

The "Styles"section, located in the right pane of the EmailBuilder, allows you to apply a predefined style (colors, layout) to your email, and customize this style as you please, whatever the template you used.
Like a CSS style sheet, you can modify "cascading" multiple elements of the same class in one click (for example, change the style of all your buttons, or all your "Title 1").

This section is composed of 4 sub-menus:

Layout: Allows you to apply to your template a predefined layout among 4 distinct styles.

Themes: Allows you to apply a predefined color palette to the elements of your email among 17 distinct themes.

Color distribution: customize the colors of your theme for each element of your email (background, fonts, borders, titles etc.)

General Settings: This is more the general layout of your email as well as the display settings of your workspace.

 

Layout

 4 styles preformatted by Mailify allow you to achieve a great email design in just 1 click:


 

Style "Plain background"

Style "Colorful background"

   

Style "Alternate Color Blocks"

Style "Full width blocks"

email marketing layout

          

You can adjust the color of the background as well as the colors of the blocks thanks to the different predefined themes and customizable colors of the "Styles" menu.

 

Themes

 

The 17 color themes of Mailify are preformatted layouts that save you time when designing your email.

 

Colors

 

These themes apply color palettes consistent with your email. If one of the colors of a theme does not suit you, you can change it at any time via the "Color distribution" section while retaining the other colors of the selected theme.

You are free to customize your theme with the colors of your brand.

Color distribution

In the "Color distribution" section, you can customize the style of the various elements in your campaign.

It is a kind of CSS of your newsletter: you can change the style of all your buttons, all your links, or all your titles in one click from this interface.

 

CSS emailing

 

This should save you time, especially when you want to change the graphic style of your email completely.

This will save you having to modify one by one the style of each element of your template.

 

 General settings

The general settings allow you to both set your workspace (display of the mobile version or not) but especially to customize the main elements of your email (header, footer, general container, general style): for to learn more about the general settings, click here.

 

Settings

 

 

 

Image Editor

 

The image editor allows you to correct and improve your images directly in Mailify, without having to go through an external image processing software (such as Photoshop)..

 

Image editor

 

To access the integrated image editor, a "Retoucher" button is present on most of the images that you insert in Mailify. Click this button to open the editor.

 

 

 

To learn more about the different features of the image editor, click here.

 

Web copy

 

The web copy, also called "mirror link" corresponds to the version available on a web browser of your email.

 

You can at any time decide to hide the web copy of your email by disabling "show the header" in the general settings of your email.

This is not recommended, however, as some email clients may block the loading of images, and it may be useful to redirect your recipients to a web-based version that allows them to view all of your content if they are interested by this one.

You do not have to insert the web copy at the top of your email. It is also advisable to customize your pre-header to optimize the beginning of the content of your message to prevent the recipient from beginning to read your message by: "If this message does not appear click on...". The goal of this semantic optimization is to increase the opening rate of your email. However, it is customary to place the web copy after the pre-header, in order to find it easily.

You can insert a link to your web copy wherever you want. Click on "add a link" after selecting the item of your choice (often text). Then in the drop-down menu "type" choose "to the online version of the email".

 

 

Unsubscribe

Like the web copy, you can hide the unsubscribe link that is inserted automatically when you open the EmailBuilder.This is strongly discouraged, because it is forbidden to send unsolicited emails to your recipients. you have the obligation to allow them to unsubscribe from your mailing list at any time.

To insert an unsubscribe link, select the element on which you want to insert your link and click on "add a link" (it is advisable to insert your link on an explicit text in order to be transparent with your users concerning your opt-out policy).

A new window appears, select the type "to the unsubscribe form (required) ":

 

 

 

To learn more about unsubscribe links and unsubscribe lists, click here.

 

Reset

Are you not satisfied with your design? De you want to start from scratch?

A button "Start over" located at the top right of the EmailBuilder allows you to reset your work on the current creation.

 

 

 

By clicking, everything you have done is erased and you have to start over from a blank page.

As this is a "critical" decision, you will be asked for a confirmation to overwrite your current email.

 

 

You will then have all the time to give life to your ideas by inserting new blocks and contents, or starting from an existing template!



Return to the top of the page

Make an appointment with a consultant

Let's talk about:

- your marketing challenges

- the features you need

- the level of support you expect

Free trial