Giter VIP home page Giter VIP logo

html-email's Introduction

HTML Email

HTML Email vs. Plain Text Email

HTML email is an email that is formatted like a web page using HTML, CSS, graphics, color, table columns and links

Plain text email is an email that only includes text without any coding involved

Why use HTML emails?

  • Better visually engages users
  • Easy to break up content into more digestible pieces
  • Can track opens and clicks
  • Better conversion rate to sales than a plain text email

Cons of HTML emails

  • Takes more time to create then a plain text email
  • Image blocking
  • More chance to be placed in the spam folder if there is sloppy code
  • Format is not consistent across all email clients

HTML Best Practices

  • An HTML email should also contain a plain text version
  • Use inline-styling instead of linking am external stylesheet
  • Keep the maximum width between 600-800 pixels
  • Design for simplicity with grid-based layers and tables
  • Don't use JavaScript or Flash in HTML emails, if animation is desired use a gif
  • Use absolute links for images, so you need to host them on a reliable server
  • Use basic cross-platform fonts like Arial, Verdana, Georgia and Times New Roman
  • Need to consider multiple email providers and responsive design when trying to make your email consistent throughout all email providers and web browsers
  • Send HTML emails to yourself to test the layout across multiple email providers and web browsers

Resources:
MailChimp HTML Email Basics
MailChimp HTML to Text Email Converter

html-email's People

Contributors

swanie21 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.