Templates
Design, preview, and manage your email templates using visual tools or raw HTML.
Managing Email Templates
Donutwork decouples email design from your application logic. By using templates, your marketing team can update content and layouts without touching a single line of backend code.
Two Editing Modes
Donutwork offers total flexibility in template creation by supporting two distinct approaches:
Visual Mail Designer
A drag-and-drop editor based on GrapesJS for creating responsive layouts without coding.
Advanced Code Editor
A professional environment (Ace Editor) with syntax highlighting for developers needing custom HTML/CSS.
Working with Templates
From the main dashboard, you can:
- Create New Templates: Define clear filenames (e.g.,
welcome-kitorpayment-failed). Naming follows the[a-z0-9-]pattern. - Visual Designer: Click the Palette icon to enter the visual editor. It includes pre-built blocks like buttons, images, and columns.
- Code Editor: Click the Pencil icon to edit raw HTML.
- Live Preview: Use the Eye icon within the editor to see how your email renders on mobile and desktop devices.
Workflow Integration
Once a template is saved, it is immediately available in the Workflow module. Simply drag a Send Email node into your flow and select the desired template from the dropdown menu.