Our drag and drop* editor is governed by the three main functions found under the tabs for Content, Rows, and Settings. While working on a campaign draft, the editor tools are located in the panel on the right.
Content tab
The Content tab is home to all of the different content blocks that you can use to build your campaign. Each of block has its own settings, such as granular control for padding and alignment options. You’ll see that the right-side panel will automatically switch its content to the selected block element for you to adjust and control. Content blocks can be added, removed, copied, and moved.
For more information about content blocks and how to use them, please refer to this article.
Rows tab
In the drag and drop* editor, each campaign is made up of rows, which have their own properties. Each row can contain between 1 and 6 columns, which can be adjusted while creating a campaign. Rows can be added, removed, copied, and moved.
For more information about rows, please refer to this article.
Settings tab
The third tab controls the general settings for the campaign. However, it is important to note that these settings become the general options that will apply to the entire campaign. This means that the font family that has been determined in the settings tab as the default font will then be used everywhere in your campaign, except where you use a custom setting.
For more information about the Settings tab, please refer to this article.
Autosave, undo, redo, and history
While you’re working in the drag and drop* editor, it will autosave your content every 60 seconds. This means that changes are recorded throughout a session, so that you can revert back to older versions from the same session when necessary.
Due to the autosave functionality, the editor can only accommodate one user working on a specific campaign at once. When more than one user works in a draft, the editor is unable to determine which version should be saved, which can result in changes being overwritten or even completely lost. Two users should not attempt to edit the same draft simultaneously.
In the bottom left corner of your campaign draft, there are three icons. The leftmost icon is a clock with an arrow around it – that is the History icon. Click on that icon to select a previous version of the campaign from this session and revert to it. Please note: It is not possible to revert to a version of the campaign from a previous session.
The center icon is an arrow pointing to the left – that is the Undo button. Click on that icon to undo your most recent action. The rightmost icon is an arrow pointing to the right – that is the Redo icon. Click on that icon to redo your most recent action.
Timing out
When a user opens a campaign in the drag and drop editor, it starts an invisible 50 minute timer. When a user is idle for 50 minutes, a pop-up window will appear asking them if they are still editing. If they do not respond within 60 seconds, they will be automatically logged out.
The 50 minute timer is reset every time a user clicks outside of the editor iframe. As a result, if a user is busy in the editor and does not click on anything in the top gray bar such as Rename, Preview, Send test, Save, or Review, then the system will think the user is idle. Users can prevent this by periodically clicking on one of the buttons listed above in order to reset the timer.
Note: There are some other factors that can interfere with our system’s ability to track session length. We recommend that you have your email marketing account open in only one tab at a time, so the first step will be to close any additional open tabs. Next, you may need to clear your browser’s cache and cookies. If you have browser plugins, you may also need to turn those off. If the behavior persists, your organization may have some network settings that prevent our system from tracking session length; try logging in to your account with a personal device on a network that isn’t connected to your organization. If that resolves the behavior, your IT team will be your best resource for preventing it on your organization’s network.
Mobile design mode
In the upper left corner of your campaign draft, there are two icons. The left icon is a desktop screen, which represents the desktop design mode. Desktop design mode allows you to build your campaign while seeing how it will look on a desktop device. By default, all campaign drafts open in desktop design mode.
The right icon is smartphone icon, which represents mobile design mode. Mobile design mode allows you to build your campaign while seeing how it will look on a mobile device.
For more information about mobile design mode, please refer to this article. For more information about mobile stacking, please refer to this article.
Personalization
Similar to the legacy* editor, you can add personalization to your campaigns created in the drag and drop* editor. For more information about personalization in the drag and drop* editor, please refer to this article.
* In April 2022, our legacy editor was replaced with a new drag and drop editor. Accounts that existed prior to this change still have access to the legacy editor through their previously saved templates and campaigns, however new, from-scratch campaigns can only be created in the new drag and drop editor. Accounts that were created after this change only have access to the new drag and drop editor. Please refer to our new editor FAQ article for more information.