Email Marketing Self Help Email Marketing Self Help

  • Home
  • Sitemap
Home / HTML for Email / Mobile tips for building a CYO campaign

Mobile tips for building a CYO campaign

If you’re building a Code-Your-Own (CYO) campaign, it’s important to make sure it’s optimized for all email inboxes — and for mobile environments. To aid you in these efforts, we’ve pulled together a set of mobile-specific tips and a few other important reminders.

Due to the nuances of HTML, it’s crucial that any person copying, adjusting, or writing HTML code is formidably experienced with HTML coding. We do not offer direct support for customer-created code.

Maximum width

Your email should be no wider than 640 pixels. Keeping your mailing 640 pixels wide (or less) ensures that it will display properly on all email clients, including mobile devices. The iPhone has a preview pane of 320px wide and Android’s is at 480px. This means that most mobile device users are familiar with scrolling horizontally; however, an email wider than 640 pixels may not fit on one plane and may not display as intended.

Image sizes

Stick to reasonable image sizes – they should be consistent and small. You’ll want to make sure that your images fit within the dimensions of your template. We recommend images that are 480 x 480 pixels or smaller.

Check the plaintext version

It’s important to pay attention to the plaintext version of your campaign. Although it’s becoming less common, some mobile devices will still default to the plaintext version of a campaign.

Don’t use Javascript

Not only can Javascript cause browser problems for the recipient, but in the vast majority of cases, it will be stripped out of the email entirely. Additionally, many receiving servers view Javascript as a red flag, which can seriously impact your deliverability.

Don’t use Flash

It’s just not a good idea to use Flash in your campaigns. This is because using Flash in your email design can affect both delivery and display. Spam filters are particularly hard on Flash and regularly block emails that contain it. If your email does get past the spam filter, you may still run into problems. Most email clients will strip out Flash, leaving your recipient with a blank screen. If animation is important to you, try inserting an animated GIF instead.

Streaming media can’t be seen

Streaming media requires an open connection to an external source. As a result, many email clients and associated firewalls will either block the email or disable the streaming media prior to it arriving in an inbox. To communicate this way, we recommend embedding a static image in your design that links to a webpage with the hosted media.

Don’t try to embed media files

Some servers will block emails with embedded video and sound files, or they’ll strip out the embedded content, leaving your recipient with nothing to view or hear. Rather than embedding the media file, take a screenshot of the video and link that image to the video. You can store the file in your document library or host it directly on your site.

HTML for Email

Related Articles

  • Style controls for legacy CYO templates
  • Ways to use HTML code in your campaigns
  • Standard personalization tags
  • Using HTML code for tables

Categories

  • 32Audience
  • 16Automations & Response Data
  • 29Delivery
  • 45Drag & Drop Editor
  • 18General Troubleshooting
  • 40Getting Started
  • 18HQ Accounts
  • 11HTML for Email
  • 32Lite, Essentials, Team & Corporate Accounts

© Copyright 2022. All rights reserved.