Over the past few months, our teams have upgraded our campaign editor to offer our users an even more intuitive and powerful experience when creating their campaigns. All these improvements improve the design possibilities within Mailify’s EmailBuilder. This article reviews the main evolutions of our editor.
Warning: some email clients, especially Outlook, do not support all the above mentioned optimizations in the inbox. Take a look at our help section dedicated to the optimization of email display in Outlook.
Mailify’s EmailBuilder property panel gets a new look
In the block properties panel, the management of the column properties on one hand and the block properties on the other hand is now split into 2 different tabs in the EmailBuilder.
The block settings are accessible via the first tab of the properties panel named «Block». Here are the editable properties for each block:
- Background (background image and/or background color)
- Number of columns
- Spacing between columns
- Mobile display
- The link that will apply to the whole selected block
The column settings are accessible via the second tab of the properties panel named «Columns». Here are the editable properties for the columns of a block:
- Background (background image and/or background color)
- Inner margins
- The link that will be applied to the whole selected column
The EmailBuilder improves its management of borders
Borders management by column
Before the update of the Mailify EmailBuilder, only the border of the global block could be managed. It is now possible to manage individually the borders of each column of the block.
The settings of the borders in the general block are accessible via the first tab of the properties panel named «Block».
The column border properties are accessible via the second tab of the property panel named «Columns».
The EmailBuilder enables an independent management of each border
With Mailify’s EmailBuilder, it is now possible to manage the style of the top, bottom, left and right borders of each column and of the block independently. To select a border, click on the representation of the border of your choice in the diagram available above the border properties.
New border styles and radius management
Styles previously available on separator-type content are now available on borders: single border, dotted, dashes, double borders.
To change the style, use the drop-down list in the «Style» section of the properties and choose the style you want.
It is also possible to manage the radius ( meaning the rounded corners) on the block and on each of the columns.
Management of background images per column
It is now possible to insert a background image on each column of the block.
To do this, click on the cogwheel symbol of the block containing the column and go to the «Columns» tab. In the «Background» section, select the column of your choice and insert your image by clicking on the 3 small dots on the «Background image» line.
Warning, this property is not taken into account by all email clients (especially Outlook). Therefore, we advise you to also add a background color close to the one of your image. Be sure to choose a background color close enough to the one of your image so that your text is easily readable.
Management of spaces between columns
Until then, Mailify’s EmailBuilder only made it possible to manage the margins inside a column. It is now possible to manage the space around and between each column that makes up the block.
To change the spacing between the columns, click on the cogwheel symbol of the concerned block and go to the «Column spacing» section in the «Block» tab and change the number of pixels in the corresponding field.
Improvement of the text content management
Several improvements have been developed concerning the selection of «text» content, the detection of the style applied to this selection, and the application of style to a selection of text.
The list of social networks available in the «Social Media» block of the EmailBuilder has been updated.
You can thus add a button to the following social networks:
Facebook | Twitter | LinkedIn | YouTube | Instagram | Messenger | WhatsApp | Dailymotion | Vimeo | Slack | Snapchat | Pinterest | TikTok | Reddit | Twitch | Giphy | Slideshare | Telegram | Viber | Periscope | Xing | Dropbox | Onedrive | Workplace | WordPress | Skype | SoundCloud | FourSquare | Hangout | Google Meet | Spotify | Deezer | Zapier | IFTTT | PieSync | Zoom | Discord | Meetup | Eventbrite | Viadeo | Flipboard | Yelp | TripAdvisor | Vine | GitHub | tumblr | MySpace | behance | dribbble | FlickR | Blogger | Netvibes | digg | Mix | CodePen | OpenClassroom | QQ Tencent | Qzone | Wechat | Weibo | Welcome to the Jungle | ICloud | Link | Mailto | RSS
We also remind you that an input field is available to easily personalize the preheader of your email campaign. The preheader is recommended to catch the attention of your recipients. Find out how the preheader can help you to improve your open rate by reading our blog post.
It is now possible to make a button that takes up 100% of its container’s width.The entire button has been made clickable (not just the text of the button) when the email client of your recipients allows it. In addition, it is now possible to set an alternative text for the button link («caption»). Finally, the property panel of this content has been redesigned to isolate the «content» part from the «appearance» part of the button.
We also remind you that you can consult all the updates of the Mailify application on our website.