Visual editor screenshot

​
Overview

Email templates in Notifuse are built using a visual drag-and-drop editor that combines:
  • MJML Framework: Guarantees full email client compatibility across all devices and email providers
  • Liquid Templating: Dynamic content personalization using variables like {{ contact.first_name }}
  • Version Control: Every template update creates a new version to track previously sent contents
  • Multi-Purpose: Used by both broadcast campaigns and transactional notifications

​
Template Builder Features

  • Drag-and-Drop Interface: Visual editor for easy template creation
  • Responsive Design: Mobile-optimized layouts that work across all devices
  • Pre-built Blocks: Headers, footers, buttons, images, and content sections
  • Brand Consistency: Colors, fonts, logos, and styling options
  • Real-time Preview: See exactly how your email will look before sending

​
Usage

Templates are used across Notifuse for:
  • Broadcast Campaigns: Mass email campaigns sent to your contact lists
  • Transactional Notifications: Automated emails triggered by user actions
  • Double Opt-In Emails: Sent when anonymous contacts subscribe to lists
  • Welcome Emails: Sent when contacts confirm their subsription to lists
  • Unsubscribe Confirmations: Sent when contacts opt out
Email templates screenshot

​
Liquid Syntax

Notifuse uses Liquid templating to insert dynamic content into your emails. Variables are enclosed in double curly braces and automatically replaced with actual data when emails are sent.

​
Contact Variables

The contact object contains the full contact profile with all stored information. Access any contact field for personalization: 
Hello {{ contact.first_name }}!

Your account email: {{ contact.email }}
Full name: {{ contact.first_name }} {{ contact.last_name }}
Output Example: 
Hello John!

Your account email: john.doe@example.com
Full name: John Doe

​
List Variables

Reference the mailing list information: 
You're subscribed to: {{ list.name }}
List ID: {{ list.id }}
Output Example: 
You're subscribed to: Newsletter
List ID: newsletter

​
System URLs

Use pre-generated URLs for common actions: 
<a href="{{ unsubscribe_url }}">Unsubscribe from this list</a>

​
Subscription Confirmation

<a href="{{ confirm_subscription_url }}">Confirm your subscription</a>

​
Notification Center

<a href="{{ notification_center_url }}">Manage your preferences</a>

​
Complete Example

Welcome {{ contact.first_name }}!

Thank you for subscribing to {{ list.name }}. We're excited to have you on board!

Your registered email: {{ contact.email }}

Manage Preferences: {{ notification_center_url }}

Don't want to receive these emails?
Unsubscribe here: {{ unsubscribe_url }}

​
Available Data Structure

When designing templates, you have access to this data structure: 
{
  "contact": {
    "first_name": "John",
    "last_name": "Doe",
    "email": "john.doe@example.com"
  },
  "list": {
    "id": "newsletter",
    "name": "Newsletter"
  },
  "unsubscribe_url": "https://your_notifuse_endpoint.your_website.com/unsubscribe?email=john.doe@example.com&lid=newsletter&email_hmac=abc123",
  "confirm_subscription_url": "https://your_notifuse_endpoint.your_website.com/notification-center?action=confirm&email=john.doe@example.com&lid=newsletter&email_hmac=abc123",
  "notification_center_url": "https://your_notifuse_endpoint.your_website.com/notification-center?email=john.doe@example.com&email_hmac=abc123&wid=workspace123"
}