The Drag & Drop Editor makes it easy to design professional-looking emails. It provides more options to customize your email and also ensures that your email looks perfect on any email client and device.
In this article, we will walk you through the editor interface and explain the key sections.
We've divided the Drag & Drop Editor articles into the following parts:
- Part 1: Editor Overview - YOU ARE HERE
- Part 2: Layouts vs content blocks
- Part 3: How to use content blocks?
- Part 4: Set the design style for your entire email
- Part 5: Save blocks to reuse in your campaigns
- Part 6: Edit emails in mobile view
- Part 7: Restore, preview, test, and save campaign design
⬅️ Left navigation panel
The left navigation panel allows you to insert content, set the template style, and use AI to design your email:
To add content to your email design, you can either insert content blocks (texts, images, videos, etc.) or sections. A section can contain multiple content blocks and can be saved to be reused in future campaigns. To learn more about the difference between content blocks and sections, check our dedicated article Differences between sections and content blocks.
Begin your email design by dragging and dropping content blocks into the canvas such as title, texts, images, etc. To learn more, check our dedicated article Use content blocks (Text & Links, Image, Button, etc.).
Drag and drop pre-designed sections into your email canvas to easily design an email in minutes. To learn more, check our dedicated article Save time designing your emails with pre-designed sections.
From there, find the sections you saved to reuse in your future email design. You can then simply drag and drop saved sections into your email canvas. To learn more, check our dedicated article Save content blocks to reuse in your campaigns.
Set design settings for the whole template such as font, and link color to avoid adding settings for each content block separately. To learn more, check our dedicated article Set the design style for your entire email.
Generate or edit your text content directly from your email design to leverage your marketing strategy. To learn more, check our dedicated article Generate marketing content with the Brevo AI assistant.
⬆️ Top navigation bar
In the top navigation bar, you will find the following options:
🏷 Campaign name
The name you gave to your campaign at the beginning of the campaign creation flow.
↩️ Undo/Redo changes
You can undo (⌘ or Ctrl + Z) or redo (⇧ + ⌘ or Ctrl + Z) changes while updating your design.
⌚️ Campaign last saved status
On the top left, you will see the last saved status of your campaign. The saved time is updated when the campaign is auto-saved while you are updating the design or when you manually save the campaign from Actions > Save. Click on the last saved status date to access the Version History and view backups of your email campaign and restore a version if needed.
💻 Desktop and mobile view editing
- 🖥 The Desktop view is displayed by default. Edit your campaign as you would like it to appear on desktops.
- 📱Switch to mobile view and edit your campaign as you would like it to appear on mobile devices. To learn more, check our dedicated article Edit emails in mobile view.
📤 Send test email
You are redirected to the Preview & Test function where you can send test emails to one or more of your contacts. You can also review your campaign and make changes until everything looks the way you want.
✅ Save & quit
Save your campaign and take you back to the campaign design step.
👆 More action
Automatic and manual backups of your campaign are available here and you can also see the preview of all the versions. You can load a previous version of your campaign by selecting the version and then clicking on Restore. You can continue editing the campaign once the selected version is loaded.
You are redirected to the Preview & Test function where you can validate the personalizations in your email by using one of your contacts or/and dynamic transactional parameters and see how your email will look in different email clients.
Learn the keyboard shortcuts that can be used inside the editor to work easily and save time when designing your email campaigns. |
Save time when creating your emails by saving your brand's assets in the Brand Library. Once set up, every new template you select will inherit your brand properties, such as logo, colors, fonts, and social media links. To learn more, check our dedicated article Automatically design your emails with your brand's assets using the Brand Library.
Use this function to code your templates. To learn more, check our dedicated article Developer Mode function.
Click Save to save your changes and keep working on the design.
Save your email campaign design as a PDF file to print or share it with others.
Save your email design as a template to reuse it in future email campaigns:
- When you are done designing your email, click > Save as template.
❗️ ImportantAny changes you make to your design after saving it as a template will not be reflected in the template. - Name your template to easily find and recognize it in your email templates list.
- Click Save as template.
Your email design has been saved as a template! 🎉 You can now go to Campaigns > Templates > Email to define your template's settings, edit it if needed, and activate it. To know where you can use your templates, check our dedicated article Where can I use my email template? (Campaigns, Automation & Transactional).
To learn more on how to use the options available in Actions, see Restore, preview, test, and save campaign design.
⏩ What's next?
- Part 2: Layouts vs content blocks
- Part 3: How to use content blocks?
- Part 4: Set the design style for your entire email
- Part 5: Save blocks to reuse in your campaigns
- Part 6: Edit emails in mobile view
- Part 7: Preview and send test email
🤔 Have a question?
If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.
If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.