Webpages Editors

The editor of the Webpages module:

Editor_Webpaginas_EN.png

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:

Header_editor_EN.png

Button Function
Button_Opslaan.jpg Save
The Save button. Make it a habit of clicking this button often.
Button_voorbeeld.jpg Preview
The Preview button. Now you can see how the webpage will be displayed on a desktop, smartphone or tablet.
Button_ongedaan.jpg Undo
Not satisfied with a change you have made? Use this function to undo your action.
Button_opnieuw.jpg Redo
Have you undone too much? With this function you can easily redo an action.
Button_vorigeversie.jpg 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.
Analyrtics.png

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

Module_Berichten_Editor_Header_More_Changetemplate_EN.png 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.
Module_Berichten_Editor_Header_More_Sourcecode_EN.png 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.

 

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

Editor_options_EN.png

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.

Dragandrop_Web_EN.gif

Explanation of the elements:

Element Explanation
Freelayout_EN.png

Free layout block
This is the default content block for articles. All the elements can be filled in freely.

RSS_EN.png

RSS feed
Automatically loads content from an RSS feed.

Multiblock_EN.png

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_EN.png

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_EN.png 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.
Formfeedback_EN.png 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_EN.png 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:

Module_Berichten_Changeblocktype_EN.png

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.

Webpagina_s_bullseye.jpg

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:

Module_Berichten_contentblok_editor_EN.png

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:

Module_Berichten_contentblok_bewerken_EN.png

 

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.
Contentblok_editor_anker.jpg 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.
Contentblok_editor_afbeelding.jpg 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.
Contentblok_editor_personalisatie.jpg 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.
Contentblok_editor_plattetekst.jpg 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.

 

Bewust.jpg 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.

 

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

Contentblok_editor_linkinvoegen.jpg

The following popup screen will appear:

Module_Berichten_Insert_link_popup.png

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 Webanalytics tab allows you to:

  • Enter the codesfor Webanalytics


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:

Module_Berichten_Insertlink_dropdown.png

Link to a webpage within Spotler
It’s all in the name. Use this type of link when you want to link to a webpage 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.

 

Waarschuwing.jpg 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.

 

Tip.jpg 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.

 

Edit profile
Let’s say your link points to an article about flights and you are working for a travel agency. It would be logical that you would like to add this interest to your reader’s profile. Check the Edit profile box and specify which field of interest you would like to change and then activate it. Of course, you can edit other database fields as well.

 

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