Email Editor & Block Types
Design professional emails with the drag-and-drop editor. 100+ block types across 12 categories — navigation, hero, content, e-commerce, gallery, blog, social, and more.
Accessing the Editor
Navigate to Automations → Email → Email Templates to see your templates. Click "Create Template" for a new template, or click "Edit" on an existing one to open the drag-and-drop editor.
Starter Templates
If you haven't created any email templates yet, Bugalou auto-generates two starters (also used in broadcasts):
- Welcome Email — a welcome message template
- Order Confirmation — a transactional template
Template Settings
At the top of the editor, configure:
- Template Name — internal reference name
- Subject — the email subject line
- From Email — sender email address
- From Name — sender display name
- Reply-To Email — where replies go
- Preheader — preview text in email clients
Block Categories
The editor's sidebar organizes 100+ blocks into 12 categories:
🔖 Saved Blocks
Your saved reusable sections: Hero Section, CTA Section.
☰ Navigation (5 blocks)
Logo, Navigation bar, Logo + Navigation, Logo + Social Links, Logo + Button.
🏙️ Hero (5 blocks)
Standard Hero, Extended Hero, Title + Image, Side-by-Side, Image Below.
✏️ Elements (7 blocks)
Title, Text, Quote, Links, Title + Button, Two Buttons, Three Buttons.
📝 Content (13 blocks)
Message, Mini Box CTA, Basic CTA, Box CTA, Simple Content, Box Content, Image Simple, Title + Image + Content, Title + Image, Side by Side, Double Image, Double Icons, Triple Image.
⭐ Special (15 blocks)
Survey, Quiz, Centered Signature, Aligned Signature, Digital Signature, Accordion, Countdown timer, Applications, Image Event, Basic Event, Three Features, Two Features, Horizontal Feature, Mini Feature, Code Block.
🛒 E-commerce (11 blocks)
Products Grid, Product List, Abandoned Cart, Single Product, Single Product Aligned, Two Products, Three Products, Standard Discount, Horizontal Discount, Shipment Tracking, Order Summary.
🖼️ Gallery (6 blocks)
Single Image, Two Images, Three Images, Four Images, Five Images, Carousel.
📰 Blog (8 blocks)
Extended, Basic, Double, Mini, Author Bio 1, Author Bio 2, RSS Featured, RSS List.
🔻 Footer (5 blocks)
Centered, Basic, Aligned, Navigation Footer, App Links.
🤝 Social (2 blocks)
Social Links, Social Share.
📦 Basic (7 blocks)
Text, Image, Button, Spacer, Divider, Section, Embed.
Editing Blocks
Click any block in the canvas to open its dedicated editor. Each block type has unique settings (colors, fonts, images, links, etc.). A floating text toolbar appears for inline text formatting.
Dynamic Variables
Use the Token Selector to insert dynamic variables into email content:
{{firstName}}— recipient's first name{{orderId}}— order number- And more depending on your trigger data
Preview & Test
- Preview — see your email as recipients will see it
- Send Test — send a test email to any address
Template Management
On the templates page you can:
- Search — find templates by name
- Duplicate — create a copy of a template
- Delete — remove a template permanently
- Preview in sidebar — quick preview without opening the editor