You can use it to drive sales through featured products and coupons. You can connect with customers through helpful tips and information. You can even boost your social following or traffic to your site. Just remember, good email campaigns are tailored to your needs as well as to the needs of your users. A good email newsletter is not an update of company news. It offers readers exclusive information they could not get anywhere else and then calls on them to click, buy or subscribe.
To do that, your newsletter format should be simple and easy to read, yet attention-grabbing. When it comes to email newsletter design and layout, there are some best practices to follow.
Design your newsletter with a width of around to px and make sure the important information is within the top to px. Open up Photoshop and create a new document with a width of px, a height of px and a resolution of 72dpi. Be sure the color mode is RGB. For this newsletter example, I filled the background layer with a light gray. Then I created a container px wide to house the main content. I filled it with white and positioned it in the center of the document. I added this notice to the top of the newsletter using the Myriad Pro font , 10pt size:.
Email not displaying correctly? View it in your browser. Some email clients might not download images by default. To improve accessibility, always include a link to view the email newsletter in a web browser. The goal is to keep interested readers up-to-date with the latest goings on through a weekly bundle.
Since the branding on my blog has already been established, choosing the fonts, color, and graphics of my newsletter is easy. The above image is the header of the blog, which I also created in Photoshop.
I start by opening up the psd of the blog header and copying the mascot over into the email newsletter template. From there, I grab the name and slogan and copy them into the email newsletter template, as well.
With some minor revisions to the text, the newsletter looks like this:. Again, borrowing the design attributes already laid out in my blog, The Pet Anthology, I create the heading using Museo Sans , drag and drop the main image and copy in the article text. A dotted border placed underneath will separate each article field. I then duplicate the first entry twice and move them down to fill out the rest of the spots for this newsletter. Using guides , I insert the remaining two entries and erase the duplicated content.
I want to include an area for social network and RSS icons, and I want to let the subscriber share the newsletter with friends. I start by creating a rectangle px wide and include a call to action that encourages subscribers to follow us. I use the appropriate social network icons, changing the colors to reflect my branding. Keeping in mind the usability of email newsletters I decide to keep things simple. Since everyone uses different email providers such as Gmail, Outlook, or Yahoo, emails can appear differently for various subscribers.
Sometimes images are blocked, alt text is missing, or fonts won't render. If this happens, you could damage your credibility and lose subscribers.
That's why it's important to test your emails before you send them. In this post, we'll discuss the best free and paid email testing, previewing, and rendering tools you can use to make sure your emails are ready for the eyes of your leads and customers. Before we get started let's take a moment to review HTML versus plain text emails and previews. Plain text emails don't include any of the multimedia, colors, images, special fonts, etc.
There are benefits to both HTML and plain text emails and specific use cases in which it's wise to use one option over the other. No matter which email type you choose, you should preview your emails to make sure they're ready for your audience.
This is especially important if you go with an HTML email since it inherently includes multimedia elements, colors, fonts, branded elements, images, and more. As your HTML emails become more sophisticated and as your email list grows, it's important to preview and test your emails prior to them being sent to recipients.
By previewing your messages, you'll ensure your emails are professional, error-free, easy-to-read, and ready for your leads and customers. An HTML preview allows you to adjust anything necessary prior to the final version being sent to your audience. That way, you can send your messages to the people who matter most — your customers — with complete confidence. It's important to note that the following free email preview tools are also free email testing tools.
Meaning, they have the ability to assist with email previews and email testing. With HubSpot's Email Marketing Tools, you can create, personalize, and optimize all of your marketing emails without the need for any code or help from designers.
Since this tool is part of your all-in-one HubSpot CRM platform, you'll know the data that you're using to customize your emails is accurate. For instance, personalize emails by referring to the recipient's lifecycle stage, membership status — then schedule your campaign so your customized emails are sent automatically.
Pre-made and customizable email templates as well as the tool's drag-and-drop editor allow you to quickly create and send beautiful and professional emails to your recipient list. Testing the visual design of your emails is important.
However, don't forget to preview your actual content as well. With SubjectLine. The tool considers the total length, word length, urgency, and more. Word choice matters in your subject lines and this tool will help you come up with more clickable subjects so your readers are more likely to open. If you want to code a pixel-perfect HTML email, here is a step-by-step DIY guide, that will facilitate your email template production process Development of an HTML email is almost like metamorphosis of a tadpole into frog.
It undergoes so many changes right from the conceptualization to the final delivery of the HTML email template. Once the email marketer determines the purpose of sending an email, the copywriter drafts the email copy according to the wireframe. Subsequently, the email designer works on the email design according to the wireframe.
This file is loaded in the ESP and deployed after thorough testing for flawless rendering. Most of the marketers send HTML email rather than a plain text email because of its enhanced aesthetics. As a number of people are involved in the creation of an email HTML, even a minor change can take too long to ger resolved. In fact, it roughly takes hours to develop an email template. The intricacies of the process add to the time taken in developing a single HTML email template.
Through this article, we will show you how to create HTML email template , which you can refer to for basic troubleshooting of your email template HTML code.
0コメント