Select partials below
Brands include custom color schemes and settings. Contact admin to create new brands.
Replace image/asset paths. Examples:
• Empty = keep original paths (../assets-v2/...)
• https://cdn.example.com = https://cdn.example.com/assets-v2/...
• /static = /static/assets-v2/...
Applied to preview and export.
If a brand with this name exists, it will be updated. Otherwise, a new brand will be created.
Send a test version of your email to verify how it renders in email clients.
Configure SMTP server settings for sending test emails.
Test SMTP connection and view detailed server responses.
Save your work as a project file. Projects can be stored on the server or downloaded to your computer.
Edit placeholder values in selected partials:
Select partials to see editable fields
border-collapse: collapse required on all tablesmso-table-lspace: 0; mso-table-rspace: 0; for Outlookwidth="100%"width="600" for desktoprole="presentation" for accessibility<style> tags#FF0000 not #F00)Georgia, serif)mso-line-height-rule: exactly for Outlook consistency<head> for mobile optimizationmax-width instead of fixed widths where possiblewidth=\"100%\" and style=\"max-width: Xpx\" for fluid imagesdisplay: block<!--[if mso]>...<![endif]--><v:rect>, <v:image><table> for layout - no CSS positioning<div> - use table cells<!--[if mso]> <v:roundrect arcsize="10%" fillcolor="#4A90E2" strokecolor="#4A90E2"> <w:anchorlock/> <center style="color: #ffffff; font-family: sans-serif;"> <![endif]--> <a href="URL" style="background-color:#4A90E2; border:1px solid #4A90E2; color:#ffffff; display:inline-block; padding:12px 30px; text-decoration:none;">Button Text</a> <!--[if mso]></center></v:roundrect><![endif]-->
alt textwidth and height attributesdisplay: block to remove bottom spacingborder: 0 to remove default borderscolor-scheme: light only to prevent inversion.force-white class to maintain white backgrounds[[#variableName#]][[#customerFirstName#]]A comprehensive tool for building transactional emails with brand-specific customization, dynamic content management, and multi-format export capabilities. Build professional HTML emails using a modular partial system with live preview and dynamic content editing.
1. Select Brand
Choose a brand from the Brand tab. Each brand has its own partials and color scheme.
2. Select Header & Footer (Required)
Choose a header and footer from the dropdown menus at the top. Every email must have both for export.
3. Add Content Partials
Click partials from the "Partials" tab to add them to your email. They'll appear in "Selected Partials".
4. Arrange Order
Drag partials in the Selected area to reorder them, or use the ↑↓ arrow buttons.
5. Edit Dynamic Content
Go to the "Dynamic" tab to edit placeholder text like [[#customerName#]], prices, addresses, order details, etc.
6. Customize Colors
In the "Brand" tab, click "Scan Email Colors" to detect all colors. Edit them and save as brand presets for reuse.
7. Configure Assets
In the "Brand" tab, set the "Assets Base URL" to point images to your CDN or server (e.g., https://cdn.example.com).
8. Preview
View your email in Desktop/Tablet/Mobile sizes using the preview toolbar buttons.
9. Save Project
In the "Templates" tab (now "Project Management"), save your current work to server or download as JSON to resume later.
10. Test Email (Optional)
Send test emails using the Test Email tab. Admin configures SMTP settings, you just provide subject and recipients.
11. Admin Control (Optional)
Access the "Admin" tab to edit master template files, manage brands, configure SMTP, and customize builder theme. Password required (default: admin123).
12. Export
Enter an internal name, check "Export as ZIP" if needed, and click Export. You'll get the complete assembled email plus individual partial files.
[[#variable#]] format for personalization fields[[#descriptiveName#]] format for placeholdersassets-v2/images/ or use the Assets Base URL field for external hostingadmin123 - change in production!)Developed by Ant at Biglook as a personal side project and conceptual demonstration. This builder represents a complete rebuild and modernization of the original 2019 beta version, incorporating lessons learned over six years of use and feedback. Built in spare time to explore self-contained PHP applications and modular email template systems.
Technical Stack: PHP 8.2+ • Bootstrap 4.6 • jQuery 3.6 • SortableJS 1.15
Version: 3.0 (December 2025) • Export Formats: Folder & ZIP
New in 3.0: Project management system • Brand editing for admin • Theme customization • SMTP defaults • Test email simplification
Previous: 2.1 (Admin master editor, splash screen) • 2.0 (Color scanner, dynamic content) • 1.0 Beta (2019)
Enter admin password to manage master files.
Admin mode: Edit master partials and email template. Changes affect all new brand copies.
Enable detailed logging of all actions during this session. Logs are saved to the logs/ folder.
Restrict access to specific IP addresses. Leave empty to allow all IPs.
Loading...
Customize the splash screen logo and builder color scheme.
Loading...
Use [[#variable#]] format for dynamic content fields
| Name: | |
| Date: | |
| Brand: | |
| Header: | |
| Footer: | |
| Partials: | |
| Export Path: |
email-exports/ folder on the server.
email-exports/ folder.
Loading export history...
Sorry - use of this tool is restricted and you do not appear to be whitelisted. Please contact Ant for support.
Your IP: 216.73.217.169