Brevo’s drag and drop email editor makes it easy to create professional emails—no coding required! Whether you start from scratch or choose a pre-made template, customize designs easily from the Design step when creating campaigns or templates. Personalize emails with dynamic content like contact details or purchase history for a tailored recipient experience!
Discover the Drag & Drop email editor and learn more about its different sections:
| 🎨 Email canvas |
🗄️ Content 🖌️ Style |
⬆️ Top navigation bar |
🧑💻 Access the Drag & Drop email editor
To start designing with the Drag & Drop email editor:
- Create an email campaign or email template and set it up.
- Access the Design step to select an email template to start with.
-
Depending on whether you're creating an email template or campaign, the
procedure differs:
Click Start designing and:
- Browse Your emails and Pre-built templates categories to select a pre-designed email template to start with, or
- Click Start from scratch > Drag and drop editor to start with a blank design.
Browse through the different tabs to view the email designs and click the email template you want to use.
The Drag & Drop email editor opens, where you can design your email with a simple and no-code interface! Next time, you will be able to choose your own email templates and previous email campaigns to start with from the same page. Use your emails designed with the Drag & Drop email editor in your email campaigns, automations, and conversations!
🎨 Email canvas
The email canvas is the main workspace where you design your email layout and fill it with content. Simply drop elements from the left navigation panel and configure them to bring your email to life and customize it without code. Enjoy a real-time, visual view of your email as you build it—what you see is what you get!
➡️ To learn more about how to fill in your email canvas, check our dedicated section Drag & Drop email editor.
⬅️ Left navigation panel
The left sidebar is the control center for building and styling your email. It is divided into three main tabs—Content, Style, and Aura AI—each designed to guide you through a specific part of your email creation journey. From dragging in content blocks to applying global styles and generating text with AI, everything starts here.
➡️ To learn more about the different tabs, check our dedicated sections below for Content, Style, and Aura AI.
🗄️ Content
The Content tab is where you’ll find all the building blocks of your email. You can drag and drop elements like text, images, buttons, social links, dividers, and entire sections directly into the email canvas. These components are the foundation of your email’s structure and messaging.
|
|
Content blocks are different content types that you can add to your email. You can drag & drop the content blocks into the style blocks. |
The available content blocks are:
|
|
|
The Title and Text blocks allow you to add written content to your email:
|
Both offer formatting options—font style, size, color, alignment, and links—to maintain clear, on-brand messaging.
➡️ To learn more about the Title and Text content blocks, check our dedicated article About the Title and Text content blocks.
|
|
The Image block allows you to add visuals to your email—like event photos, icons, and illustrations. You can insert your own images, choose from our built-in stock and GIF image gallery, or even create custom images directly from the editor. Easily adjust alignment, size, alt text, and add links to make your visuals both attractive and functional. |
➡️ To learn more about the Image content block, check our dedicated articles Insert and edit images in your email designs and Add and manage images in the Content library.
|
|
The Video block allows you to add a video thumbnail linked to a hosted video (e.g., on YouTube or Vimeo). Since most email clients do not support embedded video playback, clicking the thumbnail will redirect recipients to the video on its original platform. You can customize the thumbnail image, play button style, and link URL to drive engagement. |
➡️ To learn more about the Video content block, check our dedicated article Insert videos in my email campaign.
|
|
The Button block allows you to add a clear call-to-action (CTA) to your email—like Shop Now, Register, or Learn More. You can customize the text, colors, size, alignment, and link destination to match your design and drive clicks. |
➡️ To learn more about the Button content block, check our dedicated article(s) Insert effective calls-to-action (CTAs) in your email designs (button).
|
|
The Dynamic content block allows you to use a single email layout to create multiple personalized emails for each recipient, making it feel like a one-to-one conversation. For example, create a single email layout for your order confirmation emails that will be automatically filled with your recipients' information at the time of sending, such as their order total and list of purchased products. |
➡️ To learn more about how to use the Dynamic content block, check our dedicated article Understand the dynamic content block (Data feeds and event data).
|
|
The Logo block allows you to insert your brand logo into the email—typically placed at the top. This ensures your recipients can instantly recognize who the message is from, reinforcing your brand identity and increasing trust. You can adjust the logo’s size and alignment to fit your layout. |
➡️ To learn more about how to use the Logo content block, check our dedicated article Save your brand's assets in the brand library.
|
|
The Social block allows you to add clickable icons that link to your company’s social media pages (such as Facebook, Instagram, LinkedIn, Twitter, etc.). Customize their style, size, alignment, and color to match your brand while encouraging cross-platform engagement. |
➡️ To learn more about how to use the Social content block, check our dedicated article Save your brand's assets in the brand library.
|
|
The HTML block allows you to go beyond drag-and-drop elements by embedding custom HTML code directly into your email design. This is perfect for adding custom layouts, embedded widgets, countdown timers, or integrating with third-party tools that provide embed code. Some email clients do not support all HTML elements. |
➡️ To learn more about the HTML content block, check our dedicated article Limitations when using HTML for your email campaigns.
|
Divider |
The Divider block allows you to insert a horizontal line to visually separate content within your email. This helps organize sections, create space, and make your message easier to scan. You can customize the line’s thickness, style, color, and width. |
➡️ To learn more about the Divider content block, check our dedicated section Visually separate sections with a line.
|
|
The Product block allows you to showcase products from your online store—no copying needed. Create branded emails displaying your products exactly as they appear on your website. |
➡️ To learn more about the Product content block, check our dedicated article Insert products from your online store into your emails with the product block.
|
|
The Navigation block allows you to create anchor links that let recipients jump to specific sections within a long email. This is especially useful for content-rich emails, such as newsletters, menus, or product catalogs. You can style the links like a website navigation bar. |
➡️ To learn more about the Navigation content block, check our dedicated article(s) Add a table of contents and anchor links in your email.
|
Spacer |
The Spacer block allows you to insert blank space between content blocks to improve your email’s layout and visual flow. Use it to separate sections, prevent elements from feeling crowded, or align content precisely. You can adjust the height of the spacer to fit the desired amount of space. |
|
|
The Sections tab gathers pre-designed content layouts for text, images, buttons, and social media links, removing the need for design skills and simplifying your email creation process. Personalize pre-designed sections with your own elements to create unique and engaging content that connects with your audience, while maintaining your brand's voice and identity. ➡️ To learn more about the Sections tab, check our dedicated article Save time designing your emails with pre-designed sections. |
|
|
The Saved tab allows you to easily reuse your favorite content. Save sections that you can reuse across all your email designs. Design custom sections such as your headers and footers, save them, and easily reuse them in your other email designs! ➡️ To learn more about the Saved tab, check our dedicated article Save sections for reuse in your email designs. |
🖌️ Style
|
The Style tab lets you define the overall look and layout of your email. From setting font styles and background colors to adjusting spacing, padding, and column structures, this tab controls how your email feels visually and ensures design consistency throughout. ➡️ To learn more about the Style tab, check our dedicated article Set the design style for your entire email. |
⬆️ Top navigation bar
The top navigation bar provides quick access to essential tools that help you manage, preview, and fine-tune your email design. From here, you can navigate back to your template or campaign settings, undo changes, switch between device views, test your email, and more—all in one place!
-
Brevo icon
Hover over the Brevo icon and click it to return to your email campaign or template creation. -
Name of the email design
Click your email design name to rename it. -
Cancel or restore actions and last saved
Cancel (Ctrl or ⌘ + Z) or restore ( + Ctrl or ⌘ + Z) an action you just performed on your email design. You can also access the previous version of your design and restore it by clicking last saved. -
Desktop and mobile preview
Switch from desktop to mobile views to adapt your email design to all screen sizes.
➡️ To learn more about the mobile view, check our dedicated article Optimize your email design for mobile devices (mobile-responsive). -
Preview & test
Preview your email design as a recipient or on different email clients, or send a test email to ensure your email displays as expected in your recipients' inboxes.
➡️ To learn more about how to preview and test your email, check our dedicated article Preview and test your email campaign. -
Save & quit
Save your design and return to your email campaign or template creation. -
More actions
Brand librarySave 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 about the brand library, check our dedicated article Automatically design your emails with your brand's assets using the Brand Library.
Developer mode❗️ ImportantThis option is only available if you contact the support team to enable the Developer Mode in the Drag & Drop Editor.Use this function to go further into the personalization of your email design by using code.
➡️ To learn more about the developer mode, check our dedicated article Use the developer mode for advanced customization of email designs.
Keyboard shortcutsLearn the keyboard shortcuts that can be used inside the editor to work easily and save time when designing your email campaigns.
SaveClick Save to manually save your changes. Brevo automatically saves your design every minute.
Save as templateSave your email design as a template to reuse it in future email communications. Your saved template can be found in Marketing > Templates > Email. From there, you will be able to define its settings, edit it if needed, and activate it.
➡️ To learn more about email templates, check our dedicated article Where can I use my email template? (Campaigns, Automation & Transactional).
Save as PDFSave your email campaign design as a PDF file to print or share it with others.
⏭️ What's next?
🤔 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 Agency partner.