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

Blog

Revolutionize your audience engagement through personalization and relationship marketing

In a media landscape saturated with content, capturing consumer attention is a major challenge for entertainment companies. To stand out, an attractive offer alone is no longer enough—brands must engage their audience in a personalized, relevant, and continuous way. This is where relationship marketing strategies come into play, supported by intelligent data analysis and automated interactions.

Blog

Create a consistent omnichannel experience to boost your sales through intelligent customer data activation

Today, consumers effortlessly move from one screen to another, from one channel to the next, before making a purchasing decision. In the face of this complexity, simply being present across multiple channels is no longer enough. What truly makes a difference is a brand’s ability to deliver a seamless, consistent, and personalized experience at every stage of the customer journey.

News

Make your analysis more reliable by identifying openings generated by Apple bots

With the widespread adoption of privacy protection in email tools, marketers are facing a major challenge: the reliability of open rates. Thanks to our feature, it is now possible to identify and filter out openings automatically generated by Apple bots.

Blog

Maximize loyalty and conversion in the financial sector through immersive experiences

Customer expectations are evolving as rapidly as the technologies that surround them—and the financial sector is no exception. Today’s consumers demand tailored, proactive, and engaging experiences, inspired by the standards set by leading digital platforms.

Blog

What Are Some Customer Data Platform Use Cases? 

Explore 9 ways Customer Data Platforms (CDP) are revolutionizing business: from segmentation to personalization and operational efficiency. An essential guide for marketers eager to make the most of customer data.

Blog

What is Marketing Technology (MarTech) and Why Is It Important Today?

Discover the importance of marketing technology (MarTech) in today's landscape: strategy optimization, automation, and personalization for an unprecedented customer experience. Explore how MarTech is transforming data collection, campaign development, and performance analysis for enhanced efficiency and ROI.