Email Template Designer
Click a block to edit its settings
How to use: Download the HTML file and paste its contents into Mailchimp, SendGrid, Klaviyo, HubSpot, or any ESP that accepts custom HTML templates. The generated HTML is table-based and works in Gmail, Outlook, and Apple Mail.
Privacy First: Your files are processed securely. Whenever possible, processing happens in your browser and files are never stored on our servers.
Build beautiful, fully responsive HTML email templates using a drag-and-drop visual block editor - no HTML or CSS knowledge required. Start from six preset templates: Newsletter, Promotional, Welcome, Order Confirmation, Announcement, or Blank. Add and configure nine block types - Header, Hero, Text, Button, Image, Divider, Spacer, Two-column, and Footer. Customize colors, fonts, padding, and alignment per block. Preview in desktop and mobile views before exporting. Export production-ready HTML compatible with Gmail, Outlook, Mailchimp, Klaviyo, HubSpot, SendGrid, and any other email service provider. All design runs in your browser. No account required.
How to Use
- 1Select a template preset from the dropdown (Newsletter, Promotional, Welcome Email, Order Confirmation, Announcement, or Blank) to start with a pre-built layout
- 2Click any block in the left panel to select it - its settings appear below the block list
- 3Edit the selected block's content: headline, body text, colors, button text/URL, image URL, alignment, and more
- 4Use the ↑↓ arrows next to each block to reorder them, or click the trash icon to delete a block
- 5Click 'Add Block' to insert a new block at the bottom - choose from Header, Hero, Text, Button, Image, Divider, Spacer, Two Columns, or Footer
- 6Switch to the 'Design' tab to change global styles: email background color, accent color, text color, content width, and font family
- 7Toggle Desktop / Mobile in the toolbar to preview how the email renders on different screen sizes
- 8Click 'Download' to save the production-ready HTML file, or 'Copy HTML' to copy it to your clipboard
- 9Paste the HTML into Mailchimp, SendGrid, Klaviyo, HubSpot, or any ESP that supports custom HTML templates
Features
- 6 ready-to-use template presets: Newsletter, Promotional, Welcome, Order Confirmation, Announcement, Blank
- 9 block types: Header, Hero Banner, Text, Button/CTA, Image, Divider, Spacer, Two Columns, Footer
- Visual block editor - click to select, edit settings instantly
- Reorder blocks with move-up/down controls - no drag-and-drop library required
- Per-block settings: text content, alignment (left/center/right), background colors, button URL and colors
- Image block with hosted URL support and alt text/caption
- Footer block with company info, address, unsubscribe text, and optional Facebook/Twitter/LinkedIn links
- Global design controls: email background, accent color, text color, content width (560/600/640px), font family
- 5 font families: Arial/Helvetica, Georgia, Trebuchet MS, Verdana, Courier New
- Desktop and mobile preview toggle for responsive testing
- Table-based HTML output - compatible with Gmail, Outlook, Apple Mail, Yahoo Mail
- Mobile-responsive media query included for supported clients
- One-click Copy HTML to clipboard
- Download as self-contained .html file ready to paste into any ESP
- 100% browser-based - no server, no sign-up, no data sent anywhere
Frequently Asked Questions
Community Feedback
Like
Total Rating
No ratings yetReviews
No reviews yet. Be the first!
Rate & Review
Was this tool helpful?
Rate this tool:
Write a Review