---
title: "Your loyalty emails, your brand — bring your own HTML, no separate email tool needed"
slug: "your-loyalty-emails-your-brand-bring-your-own-html-no-separate-email-tool-needed"
url: "https://joy.so/updates/your-loyalty-emails-your-brand-bring-your-own-html-no-separate-email-tool-needed/"
kind: "update"
author: "Thomas Nguyen"
author_url: "https://joy.so/author/thomas/"
published_at: "2026-05-09T10:05:00.000+00:00"
updated_at: "2026-10-08T08:58:08.000+00:00"
description: "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."
category: "Product Updates"
tags: ["Product Updates"]
reading_time: 2
feature_image: "https://cdn-web.joy.so/cdn/image/2026/05/email-html-thumb-740682.png"
---

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

## 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

### Step 1: Open a notification

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

### Step 2: Switch to HTML Editor

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

### 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.

### Step 4: Apply it to all

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

### 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.

## Setup guides

[Automated customer email notifications](https://help.joy.so/notifications/automated-customer-email-notifications/)

## Good to know

The HTML Editor is available on every Joy plan. You own how the email renders across inboxes, so test in Gmail, Outlook, Apple Mail, and a mobile client before live 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.