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

  1. Navigate to notify.cx/dashboard/template/create
  2. Enter a template label (used to identify your template)
  3. Set an email subject line
  4. Start building with blocks

Building Blocks

The builder offers these drag-and-drop components:

CategoryComponentsDescription
TextMain HeadingLarge, prominent text for titles
SubheadingSecondary level headings
ParagraphText blocks with inline link support
ListsBullet points and numbered lists
Code SnippetsSyntax-highlighted code blocks
QuotesStyled blockquotes
Footer TextSmall text for email footers
InteractiveButtonsCall-to-action buttons
HyperlinksClickable text links
Social MediaSocial media icon links
UnsubscribeUnsubscribe link options
MediaImagesResponsive image blocks
YouTubeVideo thumbnail previews
LayoutDividersHorizontal line separators
CompositeCTA with TextButton + description combination
More soon...New blocks added regularly

Styling Options

CategoryPropertyOptions
TypographyFont Sizexs to 5xl
Font Weightthin to black
Text ColorCustom color picker
Text Alignmentleft, center, right
Letter Spacingtight to wide
Line Heightrelaxed to loose
LayoutPadding0 to 16 (in pixels)
Margins0 to 16 (in pixels)
Widthauto, full, or custom
BackgroundCustom color picker
Alignmentstart, center, end
ComponentImage Fitcover, contain, fill
Borderswidth, style, color
Button Stylesolid, outline, ghost
Link Styleunderline, hover effects
List Formatbullet, 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:

  1. Wrap dynamic content in {variable_name}
  2. Use variables in text, buttons, subject lines - even as dynamic placeholders for hyperlinks.
  3. Notify automatically detects and tracks variables for each template.
  4. 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

  1. Click "Save Template" after designing your email.
  2. Your template gets a unique ID.
  3. View all saved templates at notify.cx/dashboard/templates/view.
  4. 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:

  1. Click "Browse Templates" in the builder
  2. Choose a template that fits your needs. These are also present (and previewable) in the Marketplace.
  3. 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