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.

​

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

​

Context menu

When you click a section in a message, you get access to various functions for the section.

​

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