Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Building & Configuration

Email Best Practices

Written by Ben Lewis

Updated at February 5th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • FAQs
  • Support
  • Installation & Developers
    Installing Appcues Web API & Data Extras Troubleshooting Installing Appcues Mobile
  • Web Experiences
    Studio Building Web Experiences Customization & Styling FAQ Targeting Troubleshooting Use Cases
  • Mobile Experiences
    Building Mobile Experiences Installation & Overview Troubleshooting Mobile Analytics & Integrations
  • Account Management
    Subscription Users & Data
  • Analytics
    Experience and Event Analytics Data
  • Best Practices
    Product-led Growth Pro Tips Best Practices Use Cases
  • Integrations
    Integration Documents Extras Use Cases
  • System Status
    System Status & Incidents
  • Workflows
    Use Cases Building & Configuration Workflow Analytics and Integrations
+ More

Emails can render differently based on the way that the end user is viewing the email. Content can render differently on Gmail vs Outlook vs Apple Mail. This is particularly true when composing email directly in HTML but there are some best practices you can follow to improve consistency: 

  • Use Inline CSS Styles
    Many email clients strip out <style> tags, so applying CSS directly within HTML elements ensures consistent styling. This approach enhances compatibility across different platforms.
  • Structure with Tables
    While modern web design favors <div> elements, HTML emails achieve better consistency across clients when using tables for layout. This method helps maintain the intended design, especially in clients like Outlook.
  • Avoid Background Images
    Background images may not display properly in all email clients. Instead, use solid background colors to ensure your email looks as intended everywhere
  • Ensure Responsiveness
    Design your emails to be responsive, adapting to various screen sizes. A mobile-first approach can be beneficial, ensuring readability and usability on smaller devices.
  • Test Across Email Clients
    Before sending, test your email in multiple clients to identify and fix rendering issues. This step helps maintain a consistent appearance for all recipients. When doing advanced testing platforms like Litmus and Email on Acid can be helpful to see how your emails will render.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Flow Analytics Overview
  • View Form & Survey Results
  • Test Mode
DON'T TAKE OUR WORD FOR IT

Start building with Appcues for free

Try before you buy
No credit card required
Support included
Start building for freeBook a demo
or take an interactive tour
Appcues logo

Product

In-app messaging
Email
Push notifications
Workflows
Data
How it works
Pricing
What's new

Use cases

Onboarding
Free-trial conversion
Feature adoption
Feedback
Support

Integrations

Why connect
All integrations
All workflows

Company

About
Careers
HIRING
Why Appcues
Teams
Customers

Support

Request a demo
Start free trial
Developer Docs
Help Center
Customer Success
Contact

Resources

Product Adoption Academy
Courses
Workshops
Templates
Examples
Made with Appcues
The Appcues Blog
PLG Collective
Product-led Experience Report
The Product Experience Playbook
The Product-Led Growth Flywheel
© 2025 Appcues. All rights reserved.
SecurityTerms of ServiceWebsite Terms of UsePrivacy PolicyCookie Preferences
Expand