Other Sharing Options – Mail Designer – Create and send HTML email newsletters

Feb 24 2019

Configuring SMTP email accounts

By Other Sharing Options

Go to Mail Designer 365 > Settings

Choose SMTP Accounts and click on the + in the bottom left corner to configure a new SMTP account:

Enter your email address and password in the fields provided:

Note that for custom/internal email accounts (i.e a work account), your network administrator may have to provide you with the information which you can enter by ticking Enter custom server settings:

Click Next to set up the rest of your account's settings:

Tip: Click the Test button to check your mail server is reachable.

How Can We Help?

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Appendix: Keyboard shortcuts

Basic compatibility tips

Changing the language settings of Mail Designer 365

Creating a new design

Early access to Beta versions of Mail Designer 365

How to use the search and sort features in Mail Designer 365

Keyboard shortcuts for alignment tools

Mail Designer 365 Best Practice Guide

The Style section

3 Incredible Eye-Catchers to Use in Your Designs

3 Ways to Use Blend Modes

Aligning different objects

Combining design elements

Creating a Sketched Headline Effect

Creating Call to Action Buttons

Creating polygons and polygrams

Editing images using third party applications

Grouping design elements

Moving objects to the front or back

Using hex color values

Adding Patterns and Textures

Applying a background to a text area

Choosing a background

Edit the inner background of your design

3 Ways to Use Blend Modes

Using Blend Modes

Using Blend Modes on Text

Adding a From Address for Sending

Adding Email Contacts

Assigning attributes to your contacts in Mail Designer Campaigns

Case Study: Delivery Hub Audience Tools for Segmentation

Creating Audiences

Creating Signup Forms

Import Contacts from Mailchimp into Mail Designer Campaigns

Importing contacts from Apple Contacts to Mail Designer Campaigns

Importing Contacts from Campaign Monitor to use with Mail Designer 365 Campaigns

Inviting Team Members to Give Feedback on Designs

Saving your design

Sending a Campaign

Sending to Individual Recipients via Direct Mail

Set up a Team

Upload a Design to Crew Chat

Using the Testmail Feature

Sending to Individual Recipients in Campaigns Interface

Using the Mail Designer 365 Subscription Form Inserter for WordPress

Creating Audiences

Adding Email Contacts

Import Contacts from Mailchimp into Mail Designer Campaigns

Creating Signup Forms

Adjust letter spacing for text styles

Apply Emphasis to a Text Section

Creating "mobile only" text styles

Paste text and keep style

Setting up a fallback font

Using Text Styles

Adding borders to design elements

Creating a border for your design

Using Alignment & Distribution Tools

Using Mail Designer 365's image effects

Using the Pinning Tool

Using the Shadow Tool

Adding different types of text links

All Caps tool

Automatic hyphenation

Creating Nested Lists

Editing a text area

Editing text in an image area

Special characters

Using web fonts in Mail Designer 365

Working with font sets

Adding and duplicating graphics, shapes, And objects

Adding animated graphics

Adding video placeholders

Pixel precise element editing

Resizing objects

Rotating objects

Rounded corners

Using objects with text

Exporting to other email marketing tools

Exporting your design as a website

Hosting images for HTML email designs

Editing image areas

Optimizing your image area

Using Alt Text

Adding image masks

Adding photos

Adding your own logos and signatures

Filling a mask with your image

How to crop images

Using Retina images for the desktop version

Using the image optimisation tool

Using Unsplash Image Integration

Adding and removing layout blocks

Adding space in between layout blocks

Adjusting the size of areas within a layout block

Deleting saved custom layout blocks

Duplicating layout blocks

Saving custom made layout blocks

Text and image areas

Using Ready-Made Layout Blocks

Adding buttons

Adding different buttons with different links

Adding multiple links with a single image background

Creating a text link

Creating an image link

Format link styles

Formatting styles for text links

Why is my link being applied to the entire image area instead of my button or shape?

Adding layout blocks for the mobile version

Creating "mobile only" text styles

Hiding layout blocks in the smartphone view

Modifying a layout block for the mobile version

Working with text and links

Configuring SMTP email accounts

Converting email templates to JPG or PNG file

Exporting a design to Campaign Monitor

Exporting a design to Mailchimp

Formatting when uploaded to Mailchimp

Print your document

Using placeholders with Campaign Monitor

Using placeholders with Mailchimp

Creating a plain text version of your design

Inbox Optimisation - Optimise the email preview text

Checking your design for issues

Using the spell check and grammar check

Changing the size of the preview window

Inbox Optimisation - Optimise the email preview text

Open the preview window

Refreshing the preview window

Setting up a custom preview device

Accessing the tables feature

Adding borders to your table

Adding content to your tables

Building your table layout

Changing the color of your table

Using TextScout AI for Email Subject Lines

Deactivating Retina images for your template

Using Retina images with your design

Popular Articles

Adding multiple links with a single image background

Converting email templates to JPG or PNG file

Using placeholders with Mailchimp

Creating an image link

Hosting images for HTML email designs

Newest Articles

Using the Mail Designer 365 Subscription Form Inserter for WordPress

Sending to Individual Recipients in Campaigns Interface

Importing contacts from Apple Contacts to Mail Designer Campaigns

Importing Contacts from Campaign Monitor to use with Mail Designer 365 Campaigns

Sending to Individual Recipients via Direct Mail

Recently Updated Articles

Adding Email Contacts

Using the Mail Designer 365 Subscription Form Inserter for WordPress

Sending to Individual Recipients via Direct Mail

Sending a Campaign

Sending to Individual Recipients in Campaigns Interface

Jun 02 2017

Converting email templates to JPG or PNG file

By Other Sharing Options

How do I convert my email template to JPG or PNG file?

Currently, Mail Designer 365 does not directly support exporting your email design as JPG or PNG files. However, if you still want to convert your email design as a JPG or PNG file, we've got your back!

First, export your Mail Designer 365 email template as a PDF file by choosing "File" > "Export as PDF..."

Now, open your PDF file.

Then, go to your menu bar at the top. Choose "File" > "Save As..."

When the popup appears, you can choose the format you want. You can decide if you want to convert the PDF into a JPG or PNG file.

You can also choose "Export..." from the Preview mode.

Under "Format," you can choose whether you want to export as a JPEG or PNG.

Jun 02 2017

Formatting when uploaded to Mailchimp

By Gabrielle Other Sharing Options

Is your email design being displayed incorrectly?

Usually, the edit mode in Mailchimp will display your Mail Designer 365 email design inaccurately. If you come across this problem, don't worry. Mailchimp's editor view does not read the more advanced designs you can create with Mail Designer 365 properly. Your email design is still safe and intact.

After uploading your design to Mailchimp, open your template in the Preview mode rather than the Editor view. Mailchimp's preview mode will show you your design as it's supposed to look.

You can find Mailchimp's preview mode by clicking "Preview and Test" from the upper right corner of the Mailchimp website. Then, choose "Enter preview mode." The format of your email design should now look the same as it does in Mail Designer 365.

May 23 2017

Using placeholders with Campaign Monitor

By Gabrielle Other Sharing Options

With Campaign Monitor, you can use placeholders within your email design. Placeholders will automatically insert personalized details into your email. If you personalize your campaigns, then recipients will feel a more direct connection with your brand.

To use Campaign Monitor placeholders:

‣ Go to a text area within your design
‣ Choose Insert > Campaign Monitor
‣ Choose the placeholder you would like to add

You can insert a placeholder into your text. Remember, information from your Campaign Monitor account will then replace the placeholder.

Campaign Monitor placeholders:

May 23 2017

Exporting a design to Campaign Monitor

By Gabrielle Other Sharing Options

As well as offering integrated sending features in Mail Designer 365 Delivery Hub, Mail Designer 365 also offers direct integration with Campaign Monitor.

In order to export your Mail Designer 365 email design to Campaign Monitor, go to Share > Campaign Monitor:

You’ll then be asked to enter your Campaign Monitor API key:

How to generate your API key:

‣ Sign in to your Campaign Monitor account

‣ Go to Settings > API & integrations

‣ Scroll down to API Key where you will find your account's unique API key

‣ Paste this into Mail Designer in the field provided

Good to know: Mail Designer 365 can store your API key in your keychain, so you should only need to set this up once.

Once you have added your API key, click Export to send your design to Campaign Monitor.

May 23 2017

Using placeholders with Mailchimp

By Gabrielle Other Sharing Options

With Mailchimp, you can use “placeholders” or “merge tags” in your email design. These are helpful for creating content. With their help, you will be able to insert your personalized details into your emails automatically.

To use Mailchimp placeholders

‣ Go to a text area within your design

‣ Right-click and choose "Insert" > "Mailchimp"

‣ Choose the placeholder you would like to add:

Adding a Mailchimp placeholder in Mail Designer 365

This will add a placeholder into your text. Remember, this will later be replaced with information from your Mailchimp account.

For more information about Mail placeholders:

May 23 2017

Exporting a design to Mailchimp

By equinux Team Other Sharing Options

As well as offering integrated sending features in Mail Designer 365 Delivery Hub, Mail Designer 365 also offers direct integration with Mailchimp.

In order to export your Mail Designer 365 email design to Mailchimp, go to Share > Mailchimp:

You’ll then need to enter your Mailchimp API key:

To generate your API key, follow these steps:

Go to the Mailchimp website and sign in to your Mailchimp account. Then, click the icon to go to your account settings and choose Extras > API keys:

Here you can create a new API key for Mail Designer 365:

Copy and paste the API key into Mail Designer 365 in the field provided. Mail Designer 365 can store your API key in your keychain, so you only need to set this up once.

Once you have added your Mailchimp API key to Mail Designer 365, click Export to share your design to Mailchimp.

May 23 2017

Print your document

By Other Sharing Options

How to print

Mail Designer 365 makes it easy to print your design in case you want to hand it directly to your customers. Print a document by choosing ”File" > "Print...” from the top menu bar or using the keyboard shortcut ⌘ + P.