Skip to content
Product update

Your loyalty emails, your brand — bring your own HTML, no separate email tool needed

Switch any notification email to HTML mode and edit the whole template — header, nav, banner, footer — with Liquid variables for personalization. On every Joy plan.

Joy Loyalty HTML email editor with the template variables panel, Custom HTML box and a live sign-up email preview
2 min read

Summarize this post with AI

Why this matters

Every customer-facing notification in Joy now has two tabs on its edit page: Visual Editor and HTML Editor. Use HTML Editor to send loyalty emails in the same layout as your marketing emails, without a separate email tool.

  • Paste the HTML you already use

    Paste the template you use elsewhere, or edit the one Joy generates from your Visual Editor settings. Add your navigation menu and a footer with your social icons and store links.

  • Keep each notification's own message

    Place {{content_body}} in your HTML and Joy renders the message body from the Visual Editor there. Every Liquid variable that works in Visual mode also works in HTML mode.

  • Apply one layout to every notification

    Click Apply to all notifications and Joy sets HTML mode, with your layout, on every customer-facing notification at once.

Try this
Open your VIP tier upgrade notification, switch to HTML Editor, and add the navigation menu and footer from your marketing emails.

How to access and use

  1. Step 1: Open a notification

    Go to Settings → Notifications and open any customer-facing type.

  2. Step 2: Switch to HTML Editor

    Click the HTML Editor tab at the top of the edit page.

  3. Step 3: Add your HTML

    Edit the generated HTML or paste your own. Keep {{link_unsubscribe}} in it, because Joy won't save without it.

  4. Step 4: Apply it to all

    Optionally, click Apply to all notifications. A confirmation shows how many will change.

  5. Step 5: Test, then save

    Check the email with Send Test and Preview, then click Save. The mode active when you save is the one that sends.

Frequently asked questions

Will I lose my Visual Editor content when I switch?

No. Joy saves the Visual and HTML versions separately, so you can switch back and forth freely. The subject line stays a separate field in both modes.

Which HTML elements does Joy remove on save?

Joy strips script, iframe, form, input, object, and embed tags, event handlers such as onclick, and javascript: URLs. Inline style attributes stay exactly as you wrote them.

Can I go back to a clean starting template?

Yes. Click Load default template to refill the editor with HTML built from your current Visual Editor settings.

Keep exploring

Stop being ordinary. Start leading

20,000+

Brands run loyalty on Joy

4.9★

Shopify App Store rating

1,790

Merchant reviews