• Opt-Out Statement is provided. You are not required to add one. Optional: Please include a blank row at the bottom of your email as a place holder.
• View Online Link: If you would like a view online link added to the top of your email, please include a blank row on top with following text:  ‘View Online’  or “View in Browser”. For the link use: # (we will edit & add the link) or {{~~ViewAsHtml~~}}  (this tells the system to add the link automatically once your email is setup).
• Do not use a PDF to Email converter.  The coding does not work for email.
• The width of your emails should be 600-800 pixels. This will display better on most clients. The width must be a whole-number pixel value.
• Keep your design simple. Try to use table-based layers and avoid coding that requires HTML floats or positioning.
• Background images generally do not load on most email clients.
• Images: Make the file size as lightweight as possible. Rule of thumb: a visually-complex color JPG at 500px by 500px should be around 100 kb. Make sure that the image’s dimensions are whole-number pixel values.
• Make sure your message includes text.  You should never design an email that is one large image. Sending a mass email with only one large image and no text can be ineffective as it may get flagged as spam, fail to convey important information to recipients who cannot view images, and hinder accessibility for individuals using screen readers.
• Do not include your from line, subject line, or snippet (pre-header text) on the HTML file unless you want it displayed on the email message.
• Avoid elements that require Flash or JavaScript. If you would like animation or movement in an email, a .gif is your best bet.
• Use as few columns as your content needs.
• Try not to have overlapping visual elements.
• Include your logo and add a link to it.  Studies show 18%+ of all clicks are on a logo.
• Don’t forget about mobile devices.  People are opening emails on mobile devices more and more each day.  Your email should be readable on these devices and look close to the desktop version. Make sure links are clearly visible and can easily be clicked on as well.

Fonts: Use even/whole number fonts (ex- 10px vs 9x or 9.5px). Most email clients only read specific fonts.  Custom fonts work in some email clients but will fall back to a default system. If you have your own font, you should limit that to your logo or any text you add to images.

• Email Safe/Friendly Fonts: Arial, Courier New, Georgia, Helvetica, Lucida Sans, Tahoma, Times New Roman, Trebuchet MS
• Web Safe Fonts: Lato, Open Sans, Oswald, Oxygen, Poppins, Quicksand, Merriweather, Raleway, Roboto, Rubik, Ubuntu. Web-safe fonts and email-safe fonts are different. Web-safe fonts are specifically made for use on websites and can’t be found in operating systems or software. They’re added to websites using special tools. Email clients, like Gmail or Outlook, have their own set of email-safe fonts. These fonts may not be the same across all email clients. For instance, Gmail supports fonts like Open Sans and Roboto, but Outlook and Apple Mail don’t. However, if an email client doesn’t support a specific font, it will use a default font instead:  Apple Mail: Helvetica, Gmail: Arial, Outlook: Calibri.

Note:  Email coding is not as advanced as coding used for web design.  There are a number of email template builders available online.  We also provide creative services billed by the hour.  Please inquire if you’d like a quote.