Feathr's template editor allows the use of HTML content in email templates. Please see the below recommendations for best practices for using HTML in Feathr.
- HTML pulled from other mailing programs (e.g., Mailchimp, Constant Contact) does not always work the same in Feathr's template editor. If the HTML originates from another mailing program, please be prepared to make some edits.
- Feathr's template editor wraps your design with <body> tags in order to automatically add a header and footer. Do not use <body> tags in your HTML, as this will cause your email to have a duplicate header and footer.
- Do not use <script> and <iframe> tags, as these are not supported.
- Avoid styling that is already supported by our template editor (e.g., a header and footer)
- Avoid unnecessary styling that is already supported by most browsers (e.g., an embedded translation function)
- Avoid using external stylesheets and styling in the header. Using in line styling will have more consistent results.
- Forms and surveys embedded directly into the email template will not function successfully. Email clients (Gmail, Outlook, etc.) often strip out the HTML needed for the form/survey to function. Try hosting the form/survey on a landing page, and linking it in your email instead.
- See additional guidance from Beefree, the program we use as our template editor in Feathr.
Troubleshooting
-
Duplicate header and footer: See above recommendation, regarding the use of <body> tags.
- Try replacing <body> tags with <table> tags instead, to prevent the header and footer from duplicating. Simply search "body" in the design, and replace all instances with "table" instead.
- Merge tags not working: Ensure you're using Feathr merge tags, not merge tags from a different program.
-
Design not rendering the same as in other programs: See above recommendation, regarding HTML pulled from other programs.
- Ensure you're following all of the recommendations in this article. Remove unnecessary and incompatible elements from your design.
- Try combining sections of HTML (instead of the entire HTML code) with the design features provided in the template editor.
- Error message appears when attempting to send test emails or publish your email campaign: This indicates your HTML is not compatible with Feathr's template builder. Please review the above information and make adjustments as needed.
- We understand that you might not be personally creating your HTML design; please consider reaching out to the creator of the design for assistance with editing.
- If every recommendation from this article has been followed and additional assistance is needed, please feel free to reach out to support@feathr.co.