Tips For Sending HTML EmailsBack to top
New to Notifications? Please be sure to start with the first article in this series: Notifications (Booking Status): Introduction.
Creating notifications and emails that render the same across all email platforms can be tricky since all email clients have their own set of rules. That said, a finely tweaked HTML email can organize your notifications and receipts in ways not available through plain text. Here are some tips for creating emails that will render correctly across all email platforms:
Keep it simple
You aren't building a web page. Overly complex HTML emails can cause delivery and formatting issues. Use the minimum formatting to provide an attractive and functional layout.
Use a Table Structure
Many platforms don’t support absolute positioning (float, margin, padding), so tables work much better as the framework for your design.
Use Inline CSS
It’s a pain, but it’s more reliable than using CSS in the header. Gmail for instance, strips out the CSS in all emails. If you use inline, your style won’t get lost for those Gmail recipients.
Images need to be hosted online elsewhere, such as on your website. This can be accomplished using the full, absolute link, to the location where your image is hosted, such as:
Google Drive and Dropbox will not work for hosting as they do not support hosting for third-party sites.
Avoid Image-only Email
Avoid image-only email. This is a BIG Spam flag and you’re more than likely to end up in the Junk folder.
Avoid Background Images
Many email clients don’t support this and your recipient will not see it.
Use ALT Tags
Images with ALT tags improve SEO and will display descriptive text if, for some reason, the image can't be displayed. Also, correctly size your images before including them in your email and include the size dimensions. If you don’t specify the height and width dimensions, some email clients will set their own size for your image which could alter your email design.
Send tests to the most popular platforms and check out what it looks like for yourself. We would suggest sending at least one test to Outlook 2007 since it uses the support for HTML and CSS that is built into Word 2007 to display HTML email instead of Internet Explorer. Many times, emails look fine in Gmail, Yahoo, Hotmail, etc… but then they look completely different in Outlook.
Q: Can I configure separate notifications for each item booked?
A: Yes, this is a new feature to Checkfront notifications. See above for more details.
Q: Emails appear to be getting caught in my junk folder?
A: You may need to add an SPF record to your domain to authorize Checkfront to send on your behalf.