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 components 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||What it does|
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.
This function opens a preview of your message. See how your message will be viewed on desktop, mobile or tablet.
Are you going to A/B test elements in your newsletter? Then the preview will show you what the different versions will look like.
Does a change turn out differently than expected? Use this function to undo the change.
Undone too much? Then you can easily redo an action.
To track your readers on your website as well, 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 email 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 called Web analytics. For a distinction in your Google Analytics, you adjust the campaign word per link.
Read more about web analytics in the article: How does Google Analytics work in Spotler and which settings should I use?
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.
You can compose a message from a blank canvas, 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 that you want to bring to a different template as well? No problem, your content will be preserved.
Save as template
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 come with 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 get detailed information on what these components entail? Then click on the link(s) 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 as a drag and drop editor. That means you can add and drag elements with your cursor.
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.
It is possible to remove sections from your canvas, but you can also delete individual elements.
Click on the section you want to delete. You will see several options appear, such as the trash can to delete your section.
Click on the row you want to delete. Several options will appear, such as the trash can to delete your element.
Click on the element you want to delete. Several options will appear, such as the trash can to delete your element.