HomeProduct DocsAPI ReferenceChangelog
RecurlyAPI GuidesRecurly.jsWebhooksAPI ReferenceSupportBook demo
Product Docs

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.

Upcoming: Join our CSMs for a live session. Register now →
Launch Launch · Easy HTML guide

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.

Apply it once or selectively

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

Keep every quote and bracket

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.


Did this page help you?