Easy HTML guide: HTML basics
Master the fundamentals of customizing Recurly email templates with this beginner-friendly HTML guide. Learn how to locate header and footer settings, understand essential HTML tags, and apply safe editing rules to brand your transactional emails without breaking the code.
HTML basics
Know what you are editing and what to leave alone.
Navigation Menu
Where your HTML lives
Recurly adds an optional header to the top of every email and an optional footer to the bottom. Edit them once to brand every email. Each email has a plain-text and an HTML version, and you edit them separately.
Go to Configuration → Email Templates, then open Email Header (Default Template) or Email Footer (Default Template).
Header
Holds your global styles, logo, and content width. It sits above every email.
Footer
Holds your legal links, copyright line, and company address. It sits below every email.
Paste into the default template to brand every email at once. Paste into individual templates to roll it out one email at a time.
Tags you will see
You only need to recognize a few: <p> for paragraphs, <a> for links, <br> for a line break, <strong> and <em> for emphasis, and <div> for a block.
Editing rules
Replace only the placeholder values. Removing a quote or an angle bracket breaks the template. When you use Find & Replace in your text editor, turn on Match case so merge tags stay untouched.
Updated about 1 hour ago
HTML basics