Email Builder & Templates
Design professional, responsive emails without writing a single line of CSS. Save your designs as templates and trigger them via our API.
Visual Designer
Drag and drop components like buttons, social icons, and images. Real-time preview across mobile and desktop.
Code Mode
Direct HTML/CSS editing for developers. We handle the complex table nesting required for email client compatibility.
Getting Started
Access the Email Builder from your workspace dashboard under Email > Builder. From here you can create new designs or manage existing templates.
1. Choosing a Mode
- Visual: Best for marketing teams and quick designs.
- Code: Best for developers who need full control over the layout.
- Text: Best for transactional notifications where high deliverability is priority.
2. Using Dynamic Variables
Personalize your emails by inserting variables. Use the double-curly brace syntax:
Hello {{name}},
Welcome to {{workspaceName}}!
Your registered email is {{email}}.3. Saving as Template
Once you're happy with your design, click Save as Template. Each template is assigned a unique ID (e.g., tmpl_8291dk).
API Integration
The primary advantage of the Email Builder is the ability to trigger these designs programmatically.
Triggering a Template
Pass the templateId in your API requests to the Newsletter or Email endpoints.
// POST /v1/newsletter/subscribe
{
"email": "subscriber@example.com",
"name": "Jane Doe",
"templateId": "tmpl_8291dk"
}Social Icons Configuration
Our social icon component supports all major platforms. You can customize the icon size, colors, and layout (icons only or labeled buttons).
- Style: Choose between minimalist icons or prominent buttons.
- Alignment: Left, Center, or Right.
- Colors: Use brand default colors or pick your own to match your email theme.