Email Templates - Best Practices
> Design your templates to be easily read across all devices. Our team has noticed that over 60% of emails are read on a mobile devices, so be considerate of the dimensions of your banners.
> Use nested table to separate and organize the distribution of your content. Not only will this guarantee that the design will be viewed in a consistent manner, but it gives the less tech savvy team edit templates more easily.
> If possible maintain the total width at no more the 600 pixels.
Images
> Avoid including too many images if possible.
> Personal email should be have next to no images.
> Try to avoid linking images.
> Be aware of the background and text color, specifically if your images fail to load.
> Specify dimensions for all images to fit within the recommended margins of 600 width.
> Always name your images and include a description note.
Links
> All call to actions should be linked, and nothing else!
> Refrain from including too many links in your emails.
> Always hyperlink your links.
Testing
> Remember to test templates across multiple browsers, email providers and devices before activating as bulk email campaign.
Leveraging Templates from the MarketingFox Resource Library
We encourage you to learn html, that the easiest way to do so, is with our templates. Learning to code in HTML can be quite daunting, we recommend apply the basic concepts we outline below and leveraging some of the tool that are available within email services provider (Marketo, MailChimp, Eloqua, Pardot, etc) to tweak formatting.
Download our html code for email template creation and test out the code for yourself.
Template 1: Click Here
Template 2: Click Here
Frequently Asked Questions are listed below:
Q.) How do I edit the banner at the top?
> Right click on the image and copy image url.
> Go to the HTML Code Editor
> Press “Control F” (Find within the page) and paste the copied image url
> The code listed below will become highlighted
<div><span style="font-size: 14px; font-family: arial, helvetica, sans-serif; color: #bdbdbd;"><img title="MarketingFox - Complimentary Template" src="http://static.wixstatic.com/media/a1dd0a_71a4e5713d0541b38c06795cbd67071a.png_srz_p_620_219_75_22_0.50_1.20_0.00_png_srz" alt="MarketingFox - Complimentary Template" width="620" height="218" /></span></div>
Image name – “MarketingFox - Complimentary Template”
Image web location –http://static.wixstatic.com/media/a1dd0a_71a4e5713d0541b38c06795cbd67071a.png_srz_p_620_219_75_22_0.50_1.20_0.00_png_srz
Image title – “MarketingFox - Complimentary Template”
Image Dimensions - width="620" height="218"
www.marketingfox.net
Comments
Post a Comment