Drag and drop editor
In the Content step you can edit the appearance and content of the message.
You can insert text and images (and other content) in the columns and rows of the message.
You can define format/layout (such as font type and size, colors and margins) at global level (the whole message) or by individual sections.
You can easily drag and drop content from the side-panel (menus, buttons, SoMe links, HTML content, and header and footer blocks).
SuperOffice Marketing is supplied with many ready-made message templates, and you can easily move content around to get the appearance you want. Save frequently used content as blocks to save time.
Tip
We normally recommend a maximum width of 600 pixels for mailings. You can also check what the mailing will look like, on smart phones for example, by clicking Mobile 
in the menu in the lower left corner. See also Customize the message for display on mobile devices.
Edit columns and blocks/sections
When you click a section (such as column, content box, row), buttons with editing options appear. The side-panel displays editing options for the selected section.
A blue frame is shown around the selected element, so that you always know which part of the message you are editing.
If you click text content, a text editing toolbar is displayed.
The global menu is always displayed at the lower left of the content area.
Edit text and images
Edit text, insert images and add other content by clicking a section in the message. Use the text editing toolbar and the side-panel to edit the selected section.
Insert new content
In the side-panel, you can drag and drop elements from the Content section to the message. You can also click + over or under a row to insert a new row.
Move, copy and delete content
You can select a section and use the buttons to move ( 
), duplicate ( 
) and delete ( 
) it.
Edit format and layout
The appearance and properties of the message (such as font type and size, colors and margins) can be defined at global level (the whole message) or by section (as described above).
To edit the message at a global level, select Body in the side-panel.
As you build your email, it is easy to overlook details such as a forgotten preheader or an empty link. The Audit tab highlights these issues, allowing you to review and resolve them directly.
For example, if you see a warning for missing preheader text, go to the Body tab and find the Email Settings section to add this detail. The preheader text appears right after the subject line in the recipient's inbox, making it a small but impactful part of your email's first impression.
Side-panel
The side-panel contains the following main sections:
| Icon | Name | Function |
|---|---|---|
 |
Content | This section contains various content types, such as columns, text sections, images, menus/buttons and SoMe links. Drag and drop content from this section to the message. Click the content to edit it in the side panel. |
 |
Blocks | This section contains saved content blocks such as headers and footers. Drag and drop content from this section to the message. To save a content block, click a row and select Save block  . |
 |
Body | In this section you can edit the global properties and layout for the message. If you have defined specific properties for individual sections, these are not overridden by global properties. |
 |
Images | In this section you can find millions of images to use in your mailing. Drag and drop content from this section to the message. |
 |
Audit | In this section you can check for issues in your design and content. |
Note
If the Images section is not visible, this preference may have been disabled due to organizational privacy rules.
See also Add content.
Global menu
From the global menu, you can preview, undo or repeat actions, and se how the message looks on desktop or mobile. This menu is always displayed at the lower left in the content area.
| Icon | Name | Function |
|---|---|---|
 |
Undo/Redo | Undoes the last action or redoes an undone action. |
 |
Preview | Opens a preview of the message on a desktop or mobile display. |
 , |
Toggle showing for desktop or mobile devices | Used to see what the appearance is like on a desktop or smart phone. |
Context menu
When you click a section in a message, you get access to various functions for the section.
| Icon | Name | Function |
|---|---|---|
 |
Add row | Adds a row below or above the selected section. |
|
Move | Click and drag to move the section. |
|
Delete | Deletes the section. |
|
Duplicate | Creates a copy of the section. |
|
Save block | Saves the selected section as a block. Lets you reuse content (like headers and footers) across messages. |
Placeholders
To give the message a more personal touch, you can use placeholders to insert customer-specific information such as the customer's first name. In this way, you can customize the content for each individual customer.
These placeholders are called template variables in the old editor and merge tags in the Drag and drop editor.
Types:
- Merge tags linked to contacts. For example, [[customer.name]] inserts the contact's full name.
- Merge tags linked to companies. For example, [[company.name]] inserts the name of the company the contact belongs to.
Example
Instead of this text:
"Dear Customer. Would you like to know more about how our product can help your company win new customers? Please call us at SuperShop."
You can send this one:
"Dear Chris. Would you like to know more about how our product can help Car Care Ltd win new customers? Please call Ryan Webster at SuperShop."
The text you enter will look like this:
"Dear [[customer.firstname]]. Would you like to know more about how our product can help [[company.name]] win new customers? Please call [[company.ourSalesContact.name]] at SuperShop."
Two different editors
Are you using the new Drag & drop editor or the previous version of the editor?
In early 2021 SuperOffice added a new message editor (the "Drag & drop editor") to replace the old one (the "Editor"). The message editor is used when creating email mailings and form responses. The old message editor will still be available to edit messages and templates created in the old version. All new mailings and templates use the new message editor.
Editor (old)
The user guide for the old editor is located in the SuperOffice version 10.1 help.