Webpages Editors

The editor of the Webpages module:

The screen consists of the following parts:

1. An editing menu in the header with five grey buttons and a white one.
2. The tool palette on the left side of the screen.
3. The canvas containing content blocks centred on your screen.

 

1. The editing menu in the header

The editing menu in the header looks as follows:

Button	Function
	Save The Save button. Make it a habit of clicking this button often.
	Preview The Preview button. Now you can see how the webpage will be displayed on a desktop, smartphone or tablet.
	Undo Not satisfied with a change you have made? Use this function to undo your action.
	Redo Have you undone too much? With this function you can easily redo an action.
	Previous version Spotler automatically saves your changes after 10 actions or after 5 minutes. With this drop-down you can reload any automatically or manually saved versions.
	Web Analytics To follow your readers’ behaviour on your website, Spotler offers Web Analytics integration. In this way you can track what your readers do on your website as a result of a click on a webpage. Click on the icon and fill in the standard Web Analytics values such as: source, name, content and word. All links will now contain these values. It is possible to make changes  for each separate link. When you are creating a link, you will see an additional tab, Web analytics. For better distinction between links in your Web Analytics account, you can edit the campaign word for each link separately. 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: hyperlink-specific
	Change template When you have several templates available in your account, e.g. multiple languages or brands, you can use this icon to load another template.
	Show source code With this icon you can view the HTML code of your message. Be careful when making any changes, as this can have an adverse effect on your webpage.

 

Choose a template before editing the webpage. Changes you have made to your webpage will be lost once you switch templates.

 

 2. Het tool palette: Editor-options

The tool palette looks like this:

The tool palette has a drag-and-drop interface. This means you can move objects using your mouse. From the tool palette you can drag content blocks and form feedback to your canvas.

Explanation of the elements:

Element	Explanation
	Free layout block This is the default content block for articles. All the elements can be filled in freely.
	RSS feed Automatically loads content from an RSS feed.
	Multi block Of the same type as the free layout blocks, but with the possibility to place multiple content blocks next to each other.
	Form Add a form to your webpage. A restricted form that is only meant for invitees via your email can be added to a webpage in Spotler. It can also be easier to simply drag the form onto your canvas than to integrate it into your own website.
	Survey Add a survey to the webpage. You cannot add a survey directly to an email message; however, you can link to the survey page in your email.
	Form feedback Add a form transcript to, for example, a confirmation. It can be useful for the recipient to receive a transcript of the data they have entered.
	Youtube Add a Youtube video on your page. You just have to fill in the url of the video.

 

3. Canvas and content blocks

As soon as you drag content blocks from the tool palette to the canvas, you can open three different editing menus:

1. The editing menu for changing the block type by clicking on the checkbox on the left side of the content block’s title bar.
2. The content block’s editing menu by clicking the drop-down arrow on the right side of the content block’s title bar.
3. The Edit block content editing menu by double-clicking somewhere within the content block.

The editing menu for changing the block type.

When you check the box to the left of the content block, the following screen will appear:

A content block is set to the Standard block option by default.

Do you want hide a content block for certain readers? To make a content block appear only to a select group of people, choose the Optional block type. When you choose this option, a so-called ‘target’ or ‘bullseye’ will appear on the right side of the block bar.

Click on this icon and in the pop-up select the area of interest or the target group to which the content block should be visible. The content block will now only be shown to readers that fit those criteria.

The editing menu of the content block

When you click on the drop-down menu to the right of the block bar, the following editing screen will appear:

Explanation of the functions:

• Standard editing functions
  Using these three functions you can perform the three commonly known editing functions.

• Social media
  If you would like to enable sharing via social media, click on Social media. A popup will appear in which you can choose to enable sharing on one or more of the following platforms: Facebook, Twitter, Linkedin and Google. Provide a title for your sharing buttons and place a trackable link in your content block. The link can be shown as a name, an image or a button.

The editing menu Edit block content

When you double-click the content block, the following screen will appear:

 

Explanation of the functions:

Function	Explanation
Change template	With the drop-down menu you can load another layout for your content blocks. By default, there are several layouts available for your content blocks. For example, you can choose a template with an image on the left side and one with an image on the right side.
	Anchor Let’s say you want to make a table of contents containing all the articles on your webpage. You would naturally want to link to all of these articles, so your readers can jump to the desired article with just the click of a mouse. First position the anchor at the top of the article you would like to point to. Then point to the right anchor in the article title in the table of contents. Of course, you can also place anchors on words or headings. How to place an anchor? Position your cursor in the position where you would like to add the anchor. Click on the anchor symbol. In the popup screen specify a name for your anchor. Return to the content block that contains the information you would like to point the anchor to. Place the anchor link.
	Edit/add images When you click Insert/add image, a pop-up containing two tabs will appear: Select an image tab Image properties tab In the Select an image tab you will see previews of images you have uploaded via the Images module. In this tab you can also upload images from an external location. In the Image properties tab you can fill in your image properties. An important feature that is overlooked too often, but is definitely important is the ALT text. Always add a short description of your image. These descriptions or ALT text will be shown if the image is not loaded by default when your readers receive your newsletter.
	Add personalization A personalized field can be activated by clicking on the icon Personalize field. You can personalize all the database fields in your account. For instance: interests, company name, account manager, client number etc.
	Pasting plain text Fond of using Ctrl+C and Ctrl+V? Everybody does it, copying pieces of content from your website, a PDF or a Word document and pasting it into a content block in Spotler. Nothing wrong with that. Just make sure you always Ctrl+V plain text! Only paste plain text into a content block. Why? Because you are not only copying the text but also the styling and layout rules of the piece of text and they will not be the same as the styling and layout rules of the content block in Spotler.

 

Choose a layout before you edit your content block Attention: always choose a layout before you start making changes to your webpage. This is because all changes will be lost when you switch layouts.

 

Replacing an image Would you like to replace one of the images in your template? Place your cursor on the image you would like to replace. That means you shouldn’t delete the image first! Choose the Insert/add image option and then pick the image you would like to use. In this way you ensure your image will remain responsive.

 

Additional explanation about placing links

Make sure that the links on your webpage work properly. We still too often see that links are not trackable, point to the wrong location or simply don’t work. Prevent this from happening.

Select the text orthe title or click on the the image you would like to add the link to and click on the symbol in the content block editor:

The following popup screen will appear:

In this screen you will find the General and Webanalytics tab.

The General tab allows you to:

• Choose the type of link you would like to use
• Depending on the link type, you can specify a URL and link name
• Depending on the type of link, you can make changes to the profile

The Web analytics tab allows you to:

• Enter the codesfor Web analytics

The Update profile tab allows you to:

• Update a profile or add/remove a tag and score based on one click. Think of registering an interest based on a click.

Do you want to know more or tagging and scoring in your message? Then read the article:Tagging and scoring in your message or web page.

Different type of links

External link with tracking
When you create a link in your email message and you pick this option, the link will become trackable and you will see the results appear in your mailings report. Reports are not yet available for webpages. Then why would this option be added to the module Webpages? Our advice is to create the trackable links anyway. In the future when reports will be added to the module Webpages you won’t have to go back and edit all your links. Besides you can apply Webanalytics with this option.

But more is possible with links:

Link to a landingpage within Spotler
It’s all in the name. Use this type of link when you want to link to a landingpage within Spotler.

Link to an anchor
This link is used if you want to point to a location in your message or webpage. The reader will see the screen jump to the location of the anchor. Use this to point to a specific paragraph or to a heading if you are using a table of contents.

Link to an email address
When the reader clicks on this link, their default email client will open a new email message. It depends on the email client whether this happens automatically.

Special link
You should already have an unsubscribe link, a link to the online version and a change profile link in your template. If not, you can add these using the option Special link. In addition to these three special links, you can also choose the option Link to print version. When the reader clicks on this link, a browser window will open containing a PDF version of your message.

Link to a document
When you want to link to a document in the module Documents within Spotler you should use this link type.

Link (without tracking) to an external page
This is a link to a webpage that doesn’t include data tracking. You can use this link if you refer to a URL in your text, for example:
https://www.spotler.com.

 

Don’t add tracking to your external URLs If you add tracking to an external URL, such as www.spotler.com, a piece of code is added to the URL that enables data tracking. This means you are not really pointing to the domain https://www.spotler.com and that is considered phishing. If you are writing your URLs in full, make sure you don’t add tracking.

 

Conversion link
When you are creating an external link with tracking, a Link to a webpage in Spotler or a Link to a document, you will also see a checkbox with the Conversion link option.

This option is checked by default and ensures that the conversion data for this link will be added to your mailing report. A conversion link is a link that creates traffic to your website. But what isn’t considered a conversion link? One example would be the unsubscribe link. This is a link with tracking (measurable), because you want to know if someone has clicked ‘unsubscribe’, but it does not generate traffic to your website.

 

The link URL and the link name You should choose a unique name for your link, so you can easily recognize it in the report. Tip: in the link name specify if it is a text link, an image link or a heading link.

Web analytics
Via the Webanalytics tab you can see which Google Analytics values you have supplied. If everything has been done properly, you will only need to add the specific campaign word for specifying the link.

The standard Google Analytics values such as source, name and content can be filled in for all your links at once. To do this, go to the Editing menu in the header.