Skip to main content

[New design] Drag & Drop Editor - Part 1: Editor Overview

The [New design] 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 [New design] Drag & Drop Editor articles into the following parts:

To start with, take a look at our detailed video on how to use the Drag & Drop Editor (New) 🚀: 

Left navigation panel

The left navigation panel has predefined blocks such as text, image along with your saved blocks, and the default template settings. This part is divided into 3 tabs: Content, My Content, and Design. More details below!

DragDropEditor_left-navigation_EN.gif

Content

Begin your email design by dragging and dropping the layouts and content blocks into the canvas.
For more information, see Layouts vs content blocks.

My Content

💡 Good to know
This tab will appear as soon as you save a block.

Here you will find all your saved content blocks, that you can simply drag & drop into your canvas.
For more information, see Save blocks to reuse in your campaigns.

Design

Here you can set design settings for the whole template such as font, link color to avoid adding settings for each content block separately.
For more information, see Set the design style for your entire email.

Top navigation bar

In the top navigation bar, you will find the following options:

DragDropEditor_top-navigation_EN.gif

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.

Undo/Redo changes

You can undo or redo changes while updating your design.

Campaign name

The name you gave to your campaign at the beginning of the campaign creation flow.

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.
    For more information, see Edit emails in mobile view.

Actions

For more information on how to use the options available in Actions, see Restore, preview, test, and save campaign design.

  • Version History
    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 selected version. You can continue editing the campaign once the selected version is loaded.
  • Preview
    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.
  • 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.
  • Developer Mode
    Use this function to code your templates.
    For more information, see the Developer Mode function.
    ❗️ Important
    This option is only available if you contact the support team to enable the Developer Mode in the [New design] Drag & Drop Editor.
  • Save
    Click Save to save your changes and keep working on the design.

Continue

Save your campaign and take you back to the campaign design step.

⏩ 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.