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.

Find out how your company can benefit from Dialog Insight.

Read also

Security and conformity

Tracking Pixels in Emails: An Ethical Solution Exists

The CNIL seeks to regulate the use of tracking pixels in emails. Between legal obligations, marketing lobbying, and technical solutions like Dialog Insight, find out how to reconcile compliance, performance, and privacy.

Data Management

Explicit Data vs. Implicit Data in Digital Marketing: How to Use Both to Boost Customer Experience

Customer data falls into two main categories: explicit data, voluntarily provided by the user, and implicit data, inferred from their behaviors. Understanding their complementary roles and knowing how to leverage them together makes it possible to personalize the experience, optimize marketing campaigns, and strengthen customer loyalty.

Omni-Channel Marketing Campaign

Email Marketing vs. SMS Marketing: Which One to Choose?

Email marketing or SMS marketing: Which is more effective to reach your customers? Discover the advantages, limitations, and uses of each channel, along with best practices to combine them and maximize your conversions.

Omni-Channel Marketing Campaign

7 tips for an optimal omnichannel customer experience

Consumers are becoming more and more careful about who they give their money to and which brands they trust. Adopting an omni-channel strategy has become a must if you want to optimize your customer experience and be at the top of your performance.

Omni-Channel Marketing Campaign

Email Marketing vs. SMS Marketing: Which One to Choose?

Email marketing or SMS marketing: Which is more effective to reach your customers? Discover the advantages, limitations, and uses of each channel, along with best practices to combine them and maximize your conversions.

Omni-Channel Marketing Campaign

How to make Coupons and Discounts work for Your Customers and Your Business

Discounts and coupons are a great way to attract a large generic group of new and existing customers to your store, or a particular sale or promotion.

New at Dialog Insight

Every message, on the right channel, at the right time — automatically.

What if your campaigns could find on their own the ideal channel and the perfect moment to generate more impact?With Smart Channel and Omnichannel STO, your campaigns become more engaging and more effective: