Monthly Archives

April 2021

using wysiwyg editors to create HTML email designs

How to Build Emails with a WYSIWYG Editor: What to Consider

By Gabrielle Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy, Mail Designer 365 Newsletter Academy

In a time where email designers are continuously pushing the boundaries to build awesome email campaigns, creating emails that make a lasting impression can be a challenge.

For many designers, a WYSIWYG email editor is a great solution for easily creating great email content. Not only can you build and test email designs in real time, you'll also save a vast amount of time doing so!

In this guide, we're taking you through the ins and outs of drag and drop email design and sharing firsthand our best practice tips on using WYSIWYG editors effectively.

Get expert email best practice tips delivered directly to your inbox!

 
 
There was a problem registering your email address.
Please check and try again.
Thank you for registering! Please check your email inbox.
We've just sent you an email for you to confirm your email address, if you haven't already.

What is WYSIWYG?

WYSIWYG (aka what you see is what you get) is a design tool used to build content, such as websites, and in our case, HTML email templates.

When using a WYSIWYG editor, your design will be updated in realtime as you edit, meaning you can check and preview your content as you go along.

Generally, WYSIWYG editors provide you with ready-made blocks and graphics to make the design process easier (e.g. the Mail Designer 365 content library) and making changes to your layout is done by dragging and dropping elements in to your design.

Mail Designer 365's WYSIWYG editor

WYSIWYG email editors allow you to create entire HTML email designs by dragging and dropping in elements.

Benefits of Using a WYSIWYG Editor

When it comes to designing emails, a WYSIWYG editor has many great advantages - particularly if you are short on time or don't have a lot of experience with coding.

Edit and correct as you go

Even the most experienced designers know the frustration of having to continuously revisit email drafts in order to make minor changes. When working in a WYSIWYG editor, you have full control over what you are creating, down to every last pixel.

Change and edit email content with a few clicks, without having to worry about breaking the email code.

Save time for other important tasks

With drag and drop editing, what was previously a largely time consuming job can now be carried out quickly and with ease. This frees up your time to concentrate on other elements of your email marketing strategy.

You've got the design right - now you're free to spend more time crafting an effective subject line, optimizing your email copy, and segmenting your email list.

Accessible to your whole team

Due to its intuitive nature, using a WYSIWYG editor allows everyone on your team to carry out complex design techniques without coding knowledge. This way, everyone can become an email pro!

Built in resources on hand

Most WYSIWYG editors provide you with a basic selection of ready-made graphics such as buttons and social media icons that you can conveniently place into your email templates. Especially if you don't have your own graphics available, this can be a real time saver.

Tips for Creating Emails with a WYSIWYG Editor

Although a WYSIWYG editor makes it much easier to create email templates, there are still some important things to be aware of if you opt to design emails this way.

Email size

Because it's so easy to create emails using a drag and drop interface, it's also easy to quickly get carried away when it comes to the amount of content you are adding.

Adding too many elements to your email design will cause the overall file to become too large when you come to send. This can result in slow loading speeds, cut off emails, or your email not being delivered at all.

As well as monitoring the amount of layout blocks in your email design, it's also best practice to optimize the images in your email in order to reduce the overall file size.

image optimisation tools in mail designer 365's WYSIWYG editor

Optimize your email's images to ensure the overall size of the exported HTML file is not too big

For more information on this, check out our blog post.

Email compatibility

Compatibility is an important factor of any email design. There are many email clients out there and each one behaves differently. While there is no one size fits all fix, there are steps you can take to ensure your design looks good in all email clients.

One common issue that often arises when creating emails in a WYSIWYG editor is the wrong font being displayed in certain email clients. This usually happens when a font is not available on the recipient's device. Utilising text styles and email safe fallback fonts is an effective way of preventing this.

adding fallback fonts in Mail Designer 365

Defining text styles and adding fallback fonts helps to avoid compatibility issues in other email clients.

Email accessibility

Accessibility is important however you choose to create your email content. A design that looks good to you may be troublesome for your recipients to process. For this reason, it's important to put the right measures in place before sending.

One of the most important accessibility measures is the use of alt text. Not only is this important for when images can't be loaded properly, it also enables screen readers to describe images and other graphics to visually impaired recipients.

 

setting up alt texts for an email design in mail designer 365

Alt text makes your design more accessible for visually impaired readers

Learn more about accessible emails in this post.

Email deliverability

Finally, one last thing to be aware of is spam testing and email deliverability. As well as not reaching your audience, having your emails marked as spam could result in you being blacklisted from certain email clients.

With HTML emails, we recommend taking these three key steps to prevent your email message being falsely identified as spam:

  1. Include a mixture of real text and images. Image only emails are more likely to be marked as spam
  2. Include a visible unsubscribe link in your email (this is a legal requirement)
  3. Avoid using spam-like terms in your email subject line (e.g. "win", "free", "money", "$$$", etc.)

 

adding an unsubscribe link to an email design

Unsubscribe links are a legal requirement for all promotional emails

This post goes into more detail about how to avoid being marked as spam.

Using the WYSIWYG Editor in Mail Designer 365

Looking for a drag and drop email tool for the Mac? Mail Designer 365 is the best WYSIWYG email editor for macOS.

Alongside a vast collection of ready-made email templates to help you get started, Mail Designer 365 also offers the following great features:

  • Over 1000 possible layout combinations, including table layouts
  • Integrated smartphone view for creating mobile responsive designs
  • Modern preview tools for iPhone, iPad, Apple Watch, and more
  • Dedicated Testmail service
  • Built in web-based Approval tools for easier teamwork (learn more)
  • Direct export to Mailchimp, Campaign Monitor, and Direct Mail plus compatibility with all leading ESPs
create mobile responsive email designs in mail designer 365

Create mobile responsive designs in minutes with Mail Designer 365's WYSIWYG interface.

Get started with Mail Designer 365 today

Start your 7 day free trial and use your Mac to create stylish email newsletters for your business.
No credit card required
OS X 10.11 - macOS Big Sur

Enjoyed this post?

Get more inspirational tips, tricks, and best practice examples in the Mail Designer 365 Newsletter Academy -
your one stop hub for all things email marketing strategy and newsletter design.

planet earth poster by Greenpeace

Creating Email Campaigns for Earth Day - Best Practice Tips

By Gabrielle Uncategorized

Planet Earth is our home and we owe her a lot! What better way to celebrate the world we live in than by creating powerful email content for Earth Day?

Whether you're planning an exciting promotion, sharing sustainability tips with subscribers or raising awareness about key environmental issues, you can use email to make this Earth Day really count.

In this post, we're sharing some of our favorite examples of Earth Day email campaigns, including some best practice tips on how to create your own email template for Earth Day.

Get expert email best practice tips delivered directly to your inbox!

 
 
There was a problem registering your email address.
Please check and try again.
Thank you for registering! Please check your email inbox.
We've just sent you an email for you to confirm your email address, if you haven't already.

What is Earth Day?

Earth Day is a large global movement, founded in 1970, to promote clean and sustainable living on our planet. It is celebrated worldwide each year on April 22nd.

The focus of Earth Day is on protecting the earth for future generations. This includes raising awareness about important topics such as: climate change, saving energy, wildlife conservation, cutting down on greenhouse gas emissions and reducing waste.

Today, more and more people are actively aiming to become more environmentally friendly. Earth Day provides businesses with a chance to not only raise awareness of topical issues, but also to demonstrate their role in working towards a better, more sustainable world.

planet earth poster by Greenpeace

Earth Day takes place every year on April 22nd and focuses on environmental conservation and sustainability

Best Practice Tips and Ideas for Earth Day Emails

If you're creating an Earth Day email campaign for the first time, you might be wondering where to begin. Follow these key tips to get started...

Craft an engaging subject line

The subject line is the first thing your readers will see and often determines whether or not they will open your email - especially in email providers like Gmail and Outlook, where promotional emails are kept separate.

For this reason, it's important you give it your all when it comes to crafting the subject line. Use keywords relating to Earth Day and try including topical emojis to add a pop of color (🌎💚🌲🌱).

Making your email subject as intriguing and interesting as possible helps guarantee your readers will click through to the rest of your campaign.

Write positive email copy

Earth Day is all about encouraging each other to take care of the planet and become more sustainable for future generations. For this reason, it's best practice to adopt a positive, motivational tone in your emails.

As well as general messages of encouragement, this could also include sharing tips and useful advice on how to become more sustainable, plus highlighting positive progress your business and customers have already achieved.

Include earthy tones in your design

Green, teal, blue and neutral tones are all great for an Earth Day email design. Typically, green is most associated with environmental issues, but including a combination of earthy tones is a great way to mix things up and make your design more visually effective.

Share powerful images

A picture speaks a thousand words. Whether it's images of your business actively contributing to conservation efforts, product photos of a new sustainable product line or powerful stock photos, the right image can make the world of difference to your email.

Check out websites such as Unsplash, Pexels, and Pixabay for access to high quality, license-free stock images to include in your designs. You can also use the image editing tools in Mail Designer 365 to give your images even more emphasis.

Use social media to your advantage

While email is one effective communication channel, you can also use your other social media platforms to continue the conversation online. Instagram, Twitter, YouTube, etc. are all great platforms for connecting with your customers which can be easily cross promoted in your email campaigns.

Make sure all of your emails contain links to your other social media pages and don't forget to use the #EarthDay hashtag for even more exposure.

Our Favorite Earth Day Email Campaigns

Discover email design inspiration for your Earth Day email campaigns from big name brands. Want more great examples? Check out our "Spring" Pinterest board for even more inspiring seasonal designs.

J Crew

earth day email campaign by j crew

Charitable Earth Day email campaign by J Crew

This powerful campaign by J Crew not only gives back to the Earth by supporting local national parks, it also shares practical tips with readers on how to shop sustainably.

Jurlique

Earth Day email campaign by Jurlique

"Earth Day every day" is the message in this campaign by Jurlique

In their Earth Day campaign, skincare brand Jurlique inform their customers about their efforts to operate sustainably. An eco-friendly free gift promotion also adds an extra element of flair to this email.

P.S. Love the headline effect created in this email? Use Blend Modes in Mail Designer 365 to recreate this cool, natural lettering in your Earth Day campaigns!

Lou & Grey

Earth Day email by Lou & Grey

This pink design by Lou & Grey perfectly incorporates key brand elements into a seasonal promotion

This Earth Day email design by Lou & Grey is another good example of a themed giveaway promotion. Although it's not a typical design for the theme, we love how Lou & Grey have stayed true to their branding and were still able to spread awareness about this important event.

Adobe

Earth Day email campaign by Adobe

Adobe used this email campaign to celebrate the beauty of planet earth with subscribers.

In this campaign by Adobe Stock, Adobe use powerful imagery to show the beauty of planet earth and promote their dedicated collection of natural images.

Pet Smart

email campaign for Earth Day by Pet Smart

Pet Smart created an email campaign highlighting their most eco-friendly products in honor of Earth Day.

This Earth Day email by Pet Smart showcases some of their top eco-friendly products for customers looking to buy sustainably. The cute dog graphic fits well with the theme and keeps the whole email lighthearted - making the subject matter easier to process and enjoy.

Leesa

Earth Day email promotion by Leesa

Leesa proves their commitment to sustainability with this informative Earth Day campaign

We love the earthy colors and messaging in this Earth Day email by Leesa. In this campaign, they go the extra mile to show their customers how they are actively working to become more sustainable.

Sharing tips and advice with customers is also a great way for them to use their platform for good.

Create Awesome Earth Day Email Templates in Mail Designer 365

Mail Designer 365 has all the tools and resources you need to create powerful email campaigns this Earth Day. From ready-made HTML email templates to eye-catching sustainability graphics, you can build your next email template in minutes - with a little help from the intuitive drag & drop editor.

mail designer 365 email template for sustainability tips

Share sustainability tips with this eye-catching email template: exclusively available in Mail Designer 365

Not got a Mail Designer 365 plan yet? Start your free trial today and start creating amazing email designs for Earth Day and all year round.

Get started with Mail Designer 365 today

Start your 7 day free trial and use your Mac to create stylish email newsletters for your business.
No credit card required
OS X 10.11 - macOS Big Sur

Enjoyed this post?

Get more inspirational tips, tricks, and best practice examples in the Mail Designer 365 Newsletter Academy -
your one stop hub for all things email marketing strategy and newsletter design.

Privacy Settings / Datenschutz-Einstellungen