Last Updated: 01 Nov 2023
|
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
marketing-tech:html-email:design-best-practices [Apr 22, 2010 03:44 AM] dordal |
marketing-tech:html-email:design-best-practices [Nov 1, 2023 08:04 AM] 114.119.137.232 old revision restored (Nov 21, 2020 10:39 PM) |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | == HTML Email Design Best Practices == | ||
+ | When you're designing emails, you should think about several things. Be sure to also see the [[/ | ||
+ | |||
+ | * **What does it look like when images are turned off?** Most email clients load images only after the user requests that they be loaded, so many, if not most, of your users will see your emails with images off. Be sure to use good '' | ||
+ | * **What does it look like in the preview pane?** Most desktop email clients (and a lot of web clients) have a ' | ||
+ | * **Do you want a fixed width or expandable email?** Most HTML email as of this writing uses a fixed with; the message is designed as a ~600 pixel wide block, and is laid out within those constraints. This is certainly the ' | ||
+ | * It lets people with wider monitors read more of your email without scrolling. | ||
+ | * It lets people on mobile phones read your email without horizontal scrolling. | ||
+ | * **Keep your email to 600px wide.** Anything more than that, and you risk making people scroll horizontally in email clients like [[http:// | ||
+ | * **Should you center your message?** Personally, I prefer to center messages in an email window, rather than left align them. There' | ||
+ | |||
+ | === Common Design Elements === | ||
+ | |||
+ | Make sure every email you build has some common design elements: | ||
+ | * **' | ||
+ | * **' | ||
+ | * **' | ||
+ | * **Privacy Policy/ | ||
+ | * **[Optional] Request to add sender to safe-senders list**: A line of text, preferably placed at or near the top of the email, that asks the user to add your address to their address book. |