Editor Messages

The editor of the Messages module looks like this:

The screen is structured as follows:

The edit menu in the header. You see standard functionalities to save your message, view it, undo or redo actions and a folder with templates.
Elements, Content, Structures and General on the left side of the screen. You need these parts to compose a message.
The canvas with a desktop icon and a mobile icon on the right. This is where you place your content for your post.

1. The edit menu in the header

The edit menu in the header looks like this:

Button	Functie
	Save Your message will be saved automatically, but the safest way is to save your message every now and then. This way you build up multiple versions of your message.
	View This function opens a preview of your message. See how your message will look on desktop, mobile or tablet. Are you going to A/B test elements in your newsletter? Then you can see in the example what the different variants look like.
	Undo Does a change turn out differently than expected? Use this function to undo the change.
	Redo Undone too much? Then you can easily perform an action again.
	Web analytics To also follow your readers on your website, an integration with Google Analytics is available in Spotler. This way you can see exactly what a reader has done on your website as a result of a click in an e-mail message. Press the icon and enter the default Google Analytics values, such as medium, source, name, content and word. All links then receive these values. It is possible to change this per link. When creating a link you will see a second tab Web analytics. For a distinction in your Google Analytics, you adjust the campaign word per link. Campaign medium: is it an email or a web page? Campaign source: the name of this specific mailing Campaign name: the title of the mailing Campaign content: the main subject of the mailing Campaign word: specific to links Read more about web analytics in the article: How does Google Analytics work in Spotler and which settings should I use?
	SPML Center Special code is used to format your message. We call this SPML. When sending the message, the SPML code is converted to HTML code. In the SPML Center you will see the SPML code.
	Templates You can compose a message from a blank page, but it is also possible to work with templates for your message layout. When multiple templates are available in your account, e.g. different languages or brands, it is possible to load another template with this icon. Have you already created content and are you considering that you still want this in a different template? No problem, your content will be preserved.
	Save as template Are you satisfied with the layout of your message and would you like to use it more often as the basis for other messages? Then save your message as a template. When you compose a message again, you will find the template in the template library when composing a message.
	Close editor Satisfied with your message? Save it and close the editor with this button.

2. Elements, Content, Structures and General

On the left side of your screen you will see the parts you need to compose your message. Depending on what you select, you will see the options that belong to these components:

Elements: here you will find various elements to compose your message, such as: header, text, image, button and more.
Content: here you will find saved blocks. You can save blocks for your message yourself or maybe you have something developed by us.
Structures: with a structure you determine the structure of your newsletter. The structure of a message consists of rows and sections.
General: determine the general options for your message, such as width and text color.

Do you want to know in more detail what these parts entail? Then click on the links below:

3. The canvas

You use the elements, content, structures and general settings to format your message. You do this on the right side of the canvas.

Structure of a message on the canvas

A message consists of sections, rows and elements.

The top level is a section:

The second level is a row:

The deepest level is an element, such as a button:

Navigate between levels

Do you simply want to move from element to row and from row to section? For example, select an element and use the navigation above the element.

= To section level

= To row level

= To element level (icon corresponds to element)

Drag and drop

The editor works like a drag and drop editor. That means you can add and drag elements with your mouse.

Moving content

It is also possible to move items if you have moved them on the canvas. This is possible for elements within a section as well as for moving entire sections. You can read more about sections in the article Structures.

Remove content

It is possible to remove sections from your canvas, but also individual elements.

Delete section
Click on the section you want to delete. You will see several options appear, such as the trash can to delete your section.

Delete row
Click on the row you want to delete. Several options will appear, such as the trash can to delete your element.

Delete element
Click on the element you want to delete. Several options will appear, such as the trash can to delete your element.

Articles in this section