Optimize your email for mobile viewing

Click through for steps to optimize your email for mobile…
Sophie Lamarche
1 April 2012
Omni-Channel Marketing Campaign
1 min 20
optimisez vos courriels pour le mobile
  1. Target mobile devices with the @media query

    The @media query will provide targeted CSS style sheets that are triggered when a device’s capabilities match specific criteria. It will allow you to adjust widths, padding and hide some content all together.

  2. Make it smaller

    Mobile devices have smaller screens and therefore you should be coding your email so that the @media query will shrink the width of your email to about 300 pixels eliminating the need to zoom in or pan out.

  3. Turn off font resizing

    Mobile devices use a browser (Webkit) that will automatically adjust the text size for better viewing on your device. If you make all of the changes above it is a good idea to add some code to turn this feature off. You can do that by applying the following CSS to your body tag:

  4. Highlight the important stuff

    Place all important messages in the upper portion of the email if possible. No one likes to scroll down forever.

  5. Hide low priority content

    In order to ensure maximum scanability of your email on a mobile device you can hide secondary content by adding the hide class to any image, paragraph or entire table.

  6. Use a single column design

    A single column makes it easier to quickly browse through an email. If you decide to use more columns for secondary content you can always choose to hide them for mobile.

  7. Be touch friendly

    Design your buttons a little bigger so they easy to click without having to zoom in.

  8. Test, test and test some more

    Don’t forget to test your new email design on all platforms. Think about how it will look in a vertical pane as well as horizontal.

    Inquire today to see how we can help your emails become mobile friendly.

Découvrez comment votre entreprise peut bénéficier de Dialog Insight.

À lire aussi

Customer Data Platform

Taming vocabulary in the world of marketing data management tools

Do you lose yourself in the marketing and technological vocabulary? Do you understand the changing framework that is attached to MarTech? If so, you will love this article!

Omni-Channel Marketing Campaign

Creating loyal customers

It’s no secret that attracting a new customer costs more than increasing the value of an existing customer.

Omni-Channel Marketing Campaign

Tips to create a successful automated welcome campaign

Welcoming new subscribers is important especially when you want to make a good first impression. That's why our topic of the day is: automated welcome emails.

Omni-Channel Marketing Campaign

New Year’s resolution: Test before you send

Hands down, email is the easiest medium to test for effectiveness. Here are some examples of tests that we recommend to help you achieve optimal results.

Omni-Channel Marketing Campaign

Google takes action against pop-ups usage on mobile websites: what does that mean for marketers?

The user experience is at the heart of the giant Google's concerns. That is why the announcement regarding sanctions on the use of intrusive interstitial on mobile sites was not a big surprise.

Data Management

CASL: 4 tactics to confirm consent

You may have already received emails asking you to confirm your subscriptions to continue to receive them. From a marketing point of view, what are the results you can expect with this type of mailing?