Email-based newsletters require hidden HTML code to add structure to newsletter text and ensure that images and texts are displayed correctly. Without proper implementation of the HTML computer language, your newsletter could suffer display issues or worse – be sent straight to your client’s junk folder! Here’s what you need to take into consideration when creating and sending out newsletters…
Before building a responsive HTML newsletter to connect with customers, consider the design, type of content, and how you would like clients to respond to this form of email marketing. Do you want clients to click on a link to your blog, sign up for services, or buy your latest product? Also, to avoid any complaints of spam, consider policies and permissions that may apply to you and your clients.
Unlike today’s web pages with CSS language, HTML newsletters need to display in older software tools like Outlook, Yahoo, Gmail, and Hotmail. Even when using an existing template, tables are still required for structure. A single or two-column layout will make for easier display on smaller devices and should include the following:
Instead of setting margins to a particular scale, use multiple tables inside each other with the width=height attribute. Don’t forget to nest your tables and close all open tags!
A fixed width is best especially if the newsletter contains banners or images. 500–600 Pixels is recommended and will allow for automatic scaling down on small devices. The height will vary according to the content, but keep the newsletter short as most clients won’t want to continuously scroll down for information.
A good rule of thumb for any images:
Include a few links that lead to pages on your own website, or outbound links to other relevant web pages. Different tags perform different functions, for example, if you want a specific link to open up in a separate tab, use the target=”_blank” attribute. Tags separate normal text from HTML code and allow for bolder titles, images and tables. They also tell browsers what to render on a page. Keep font size and type within the <table> tag, except for images or larger individual fonts for which the <td> attribute will then apply.
Test everything before you click that send button! Check your newsletter on all major e-mail clients such as Outlook, Gmail, Yahoo, Hotmail, etc. as well as on various operating systems, software and devices – PC, Mac, iPhone, iPad, and Android, etc. Lastly, don’t forget to check that all your links are present and correct.
Easy2Access has a team of highly experienced web developers, programmers and internet marketers to take care of all your digital marketing needs, including the creation of quality HTML newsletters. Contact our team today!