Creating Email Templates
Notify's template builder lets you create professional, responsive email templates without writing a single line of HTML. Whether you need a password reset, a welcome email, or a product update, you can build, customize, and preview your emails in minutes.
This guide walks you through creating your first template, and tweaking it to match your brand.
Let's get started.
Template Builder Interface
Basic Setup
- Navigate to notify.cx/dashboard/template/create
- Enter a template label (used to identify your template)
- Set an email subject line
- Start building with blocks
Building Blocks
The builder offers these drag-and-drop components:
Category | Components | Description |
---|---|---|
Text | Main Heading | Large, prominent text for titles |
Subheading | Secondary level headings | |
Paragraph | Text blocks with inline link support | |
Lists | Bullet points and numbered lists | |
Code Snippets | Syntax-highlighted code blocks | |
Quotes | Styled blockquotes | |
Footer Text | Small text for email footers | |
Interactive | Buttons | Call-to-action buttons |
Hyperlinks | Clickable text links | |
Social Media | Social media icon links | |
Unsubscribe | Unsubscribe link options | |
Media | Images | Responsive image blocks |
YouTube | Video thumbnail previews | |
Layout | Dividers | Horizontal line separators |
Composite | CTA with Text | Button + description combination |
More soon... | New blocks added regularly |
Styling Options
Category | Property | Options |
---|---|---|
Typography | Font Size | xs to 5xl |
Font Weight | thin to black | |
Text Color | Custom color picker | |
Text Alignment | left, center, right | |
Letter Spacing | tight to wide | |
Line Height | relaxed to loose | |
Layout | Padding | 0 to 16 (in pixels) |
Margins | 0 to 16 (in pixels) | |
Width | auto, full, or custom | |
Background | Custom color picker | |
Alignment | start, center, end | |
Component | Image Fit | cover, contain, fill |
Borders | width, style, color | |
Button Style | solid, outline, ghost | |
Link Style | underline, hover effects | |
List Format | bullet, numbered, custom |
Working with Variables
Emails aren't static. You need dynamic content — usernames, order numbers, magic links — without making a mess of your template.
Notify makes this easy:
- Wrap dynamic content in
{variable_name}
- Use variables in text, buttons, subject lines - even as dynamic placeholders for hyperlinks.
- Notify automatically detects and tracks variables for each template.
- Test variable replacement in preview mode
Example:
Welcome, {customer_name}!
Your order #{order_id} has been confirmed.
When sending, just pass the values, and Notify handles the rest. No extra setup. No surprises.
There are two ways to fill in variables when sending an email:
- From the Notify website – Pick a template, and Notify prompts you for the required variables before sending.
- Using the Notify NPM package – Pass variable values in the request body (covered in Framework Guides and Managing Variables in Templates).
Template Management
Saving Templates
When you save a template in Notify, it gets a unique ID that you can use to send emails via the Notify SDK or API.
How It Works
- Click "Save Template" after designing your email.
- Your template gets a unique ID.
- View all saved templates at notify.cx/dashboard/templates/view.
- From this page, you can:
- Copy the template ID to use in your backend with the Notify SDK/API.
- Send emails directly from the website, filling in variables on the spot.
With Notify, you build once and send as many times as you want, instantly, whether through code or manually from the dashboard.
Block Actions
You have a few options for each block:
- Edit: Modify block content or styling
- Clone: Create a copy of the selected block
- Delete: Remove a block
Pre-made Templates
If you'd rather skip the hassle of designing emails from scratch — Notify provides battle-tested pre-made templates for common use cases like password resets, welcome emails, notifications, and more.
Browse and use our pre-made templates:
- Click "Browse Templates" in the builder
- Choose a template that fits your needs. These are also present (and previewable) in the Marketplace.
- Customize it to match your brand - edit text, colors, and layout as needed.
Once saved, your customized template gets a unique ID, ready to use via the Notify SDK, API, or directly from the dashboard.
Next Steps
- Learn about managing template variables
- See how to send emails using templates
- Explore template testing