HTML Recommendations

HTML Recommendations

Only edit the source HTML if you understand what you are doing. Otherwise, you might break your template. If you're planning to use your own HTML, please keep in mind that OpenMoves will not be able to support or assist in any coding issues.

When setting up your own HTML for an email message, here are some recommendations:
  • Use inline CSS

    Many tend to avoid CSS altogether but if you must use CSS, it is always use inline CSS. An exception to this is for responsive design.

  • Avoid shorthand properties. Always declare the property individually.

For example, DO NOT DO THIS:

p { font:bold 10pt/11pt georgia,times,serif; }

Instead, DO THIS:

p {font-weight: bold; font-size: 10pt; line-height: 11pt; font-family: georgia,times,serif;}
  • Keep your email width between 600-700 pixels

    Some email clients show your email in the preview pane so having a width more than 700px can cause part of your message to be cut off. Keeping your email width between 600-700px will prevent recipients from needing to scroll horizontally. In addition, it is shown that if your message is constantly wider than 700px, your email may be considered spam and cause some soft bounces.

  • Make sure the title tag doesn't contain the word "Untitled."

  • Avoid hitting the spacebar to position your content

  • Avoid the use of scripts, such as JavaScript

  • Avoid red or blue textual colors — spammers' colors of choice

    Do not use "invisible" text

  • Always include an ALT tag in your images.

    Sometimes an email client may have images turned off. In this case, the Alt tag will show in the box so it is recommended to include a good description of the image or promotion.
  • Always include the dimensions of your image

    Without set dimensions, many email clients will set their own sizes when images are blocked and break your layout. Make sure your images are correctly sized before adding them to your email since some email clients may take the full size of the image.
  • If using a background image, provide a fall back color

    Some email clients have no support for background images. Always provide a fall back color in case the background image does not show. Make sure to set the color to something where the text is legible.
  • Test, Test, Test!

    Don’t forget to test your email on multiple email browsers. Images and breaks may be different depending on the email browser’s settings so make sure to test the messages and make sure they’re rendering the way you want them to.

Designing an email message can be a lot of work, with all the different email clients and keeping up to date with changes in standard HTML/coding. We highly recommend using the drag & drop editor which provides easy editing and design capabilities and is automatically coded to be responsive in almost all browsers and devices.

    • Related Articles

    • Message Design Recommendations

      In order to make sure your email stands out, successfully gets to the intended recipients and is also compliant with e-marketing laws, we recommend following these tips: Make the subject interesting and add a catchy line of text as the first sentence ...
    • Getting started - Creating your campaign HTML content

      Having chosen a suitable template and setup your campaign, you're now ready to create your campaign content. This is done using our drag and drop drag-and-drop editor tool. Have a go at: Clicking and editing the text in the email Dragging in new ...
    • Deliverability

      Being a marketer, we understand it can be tough just managing your company, let alone your email marketing campaigns. That’s why, to help you ease any future issues with your sends and deliverability, we’ve come up with a list of deliverability ...
    • Getting started - Creating your campaign plain text content

      Emails are sent as 'multi-part'. This means if a recipient is on a hand-held device such as a Blackberry or has blocked HTML, they will automatically be sent your plain text version. A plain text version of your email is important for a few reasons: ...
    • Getting Started - Introduction

      Welcome to our email marketing platform, it's great to have you on board. To login to your account, visit our Login and Support Page. You should bookmark this page for future use. The login and support page will also be your resource and guide on how ...