Editors Berichten

De editor van de module Berichten:

Editor_Berichten.png

  1. Een bewerkingsmenu in de header met grijze buttons
  2. Het tool palette aan de linkerkant van het scherm.
  3. Het canvas met contentblokken centraal op het scherm.

Hieronder vind je een uitleg van de verschillende functies binnen de editors.

1. Het bewerkingsmenu in de header

Het bewerkingsmenu in de header ziet er als volgt uit:

Header_menu_editor.png

Button Functie
Button_Opslaan.jpg Opslaan
Spotler slaat automatisch op, maar de meest veilige manier is om zelf zo nu en dan je bericht op te slaan. Op deze manier bouw je meerdere versies op van je bericht.
Button_voorbeeld.jpg Bekijken
Deze functie opent een voorbeeldweergave van je bericht. Bekijk hoe je bericht er op desktop, mobiel of tablet eruit ziet.
Button_ongedaan.jpg Ongedaan maken
Pakt een wijziging iets anders uit dan verwacht? Maak met deze functie de wijziging ongedaan.
Button_opnieuw.jpg Opnieuw uitvoeren
Teveel ongedaan gemaakt? Dan kun je hiermee weer eenvoudig een handeling opnieuw uitvoeren.
Button_vorigeversie.jpg Vorige versie inladen
Spotler slaat automatisch na tien handelingen en/of 5 minuten wijzigingen op. Met deze dropdown kun je zowel automatisch opgeslagen versies als zelf opgeslagen versies inladen.
Analyrtics.png Web analytics
Om je lezers ook te volgen op je website is er een integratie met Google Analytics beschikbaar in Spotler. Zo zie je precies wat een lezer op je website heeft gedaan naar aanleiding van een klik in een e-mailbericht. Druk op het icoon en geef de standaard Google Analytics waarden op, zoals bron, naam, inhoud en woord.

Alle links krijgen vervolgens deze waardes mee. Het is mogelijk om dit per link nog aan te passen. Bij het aanmaken van een link zie je een tweede tab Webanalytics. Voor onderscheid in je Google Analytics pas je het campagnewoord per link aan.
  • Campagne bron: de naam van deze specifieke mailing
  • Campagne naam: de titel van de mailing
  • Campagne inhoud: het hoofdonderwerp van de mailing
  • Campagne woord: specifiek voor links
Button_templatewijzigen.jpg Template wijzigen
Wanneer er meerdere templates beschikbaar zijn in je account, bv. verschillende talen of merken, dan is het mogelijk om met dit icoon een ander template in te laden. Let op: kies een template vóórdat je het bericht bewerkt. Wijzigingen gaan namelijk verloren bij het kiezen van een ander template.
Button_broncodetonen.jpg Broncode tonen
Via dit icoon zie je de HTML-code van het bericht. Pas goed op met wat je hierin aanpast, want dit kan nadelige gevolgen hebben voor je bericht.

 

2. Tool palette

Het tool palette ziet er als volgt uit:

Editor-opties.png

Het tool palette werkt als een drag & drop editor. Dit houdt in dat je elementen kunt verslepen met je muis. Vanuit het tool palette versleep je contentblokken en formulierafschriften op het canvas.

Vrijeopmaak_verslepen.gif

Uitleg van de elementen:

Element Toelichting
Multiblok.png Multiblok
Zelfde type als vrije opmaak blokken, maar hiermee is het mogelijk om meerdere contentblokken naast elkaar te plaatsen.
Vrije_opmaak.png Vrije opmaak blokken
Dit is het standaard contentblok voor artikelen. De elementen zijn vrij in te vullen.
RSS_feed.png RSS-feed
Laadt automatisch content in via een RSS-feed.
Formulierafschrift.png Formulierafschrift
Voeg een formulierafschrift toe aan bijvoorbeeld een bevestiging. Voor de respondent kan het prettig zijn om de ingevulde gegevens nog even terug te zien.

 

eCommerce.jpg Zie je ook productblokken?
Product blokken zijn content blokken waar content van je webwinkel wordt ingeladen door middel van een koppeling. Deze optie is beschikbaar in het product eCommerce.

 

3. Het canvas met contentblokken 

Met het tool palette versleep je de contentblokken naar het canvas. In de editor zie je op het canvas minstens een header en footer van je template. Daar tussen bouw je het bericht op naar eigen wens. Je hebt minimaal de volgende standaard opties in je template:

  • Een contentblok met een afbeelding links
  • Een contentblok met een afbeelding rechts
  • Een contentblok met alleen tekst

Afhankelijk van je ontwerp heb je misschien wel meer opties.

Hoe is een template opgebouwd op basis van een ontwerp?
Als voorbeeld gebruiken we de Spotler nieuwsbrief. Hiervoor is een ontwerp gemaakt die is opgebouwd uit een aantal contentblokken. Van tevoren hebben we bedacht hoe de contentblokken er uit moeten zien. We willen een blok met een beeld links en ruimte voor tekst rechts. En een blok waarbij de tekst aan de linkerkant staat en het beeld rechts is te zien. Bovenaan willen we de header. In de onderstaande printscreen zie je de drie losse contentblokken. Deze zijn rood omlijnd.

Ontwerp.png

De footer en de header staan vast. Deze kun je niet van plaats wisselen, maar je kunt wel delen van de footer aanpassen. De contentblokken kun je wisselen van plek en dupliceren. Op deze manier kan je zelf de opbouw van je bericht bepalen.

Wil je een template hebben op basis van jouw ontwerp, lever ons dan een Photoshop bestand aan. Deze hebben wij nodig om de juiste lettertypes, groottes en verhoudingen te verwerken in jouw template.

Contentblokken toevoegen aan canvas

Het tool palette werkt als een drag & drop-editor. Met je muis versleep je vanuit het tool palette contentblokken of een formulierafschrift op je canvas.

In onderstaande afbeelding zie je hoe je een blok versleept van het tool palette naar het canvas.

Vrijeopmaak_verslepen.gif

In je template kun je kiezen uit meerdere typen contentblokken. Wil je zien welke contentblokken je kunt inzetten? Versleep dan een vrij opmaak blok op je canvas en dubbelklik om het blok te openen. Bovenin de editor van het vrije opmaakblok verschijnt een dropdown-menu met de opties.

Contentblok_wijzigen.gif

Wil je meer opties dan in je template beschikbaar? Neem dan contact op met je Spotler partner.

Contenblokken verwisselen van plek

De contentblokken kun je wisselen van plek en dupliceren. Op deze manier kan je zelf de opbouw van je bericht bepalen.

Contentblok_wisselen.gif

Bewerkingsmenu's contentblokken

Zodra je contentblokken hebt versleept vanuit het tool palette naar het canvas, dan kun je drie verschillende bewerkingmenu’s openen:

  1. Het bewerkingsmenu voor het wijzigen van het bloktype door te klikken op de checkbox aan de linkerkant van de titelbalk van het contentblok.
  2. Het bewerkingsmenu van het contentblok door te klikken op het dropdownpijltje aan de rechterkant van de titelbalk van het contentblok.
  3. Het bewerkingsmenu Inhoud artikel bewerken door te dubbelklikken in het contentblok.

Het bewerkingsmenu voor het wijzigen van het bloktype

Zodra je een vinkje in de checkbox aan de linkerkant van het contentblok hebt gezet, verschijnt het volgende scherm:

Webpagina_canvas_bloktypewijzigen.jpg

Een contentblok staat standaard op de optie Standaard.

Wil je een blok niet aan iedere ontvanger tonen,  maar aan een selectieve groep, dan kies je voor Optioneel blok. Als je kiest voor Optioneel blok, dan verschijnt aan de rechterzijde van de blokbalk een zogenaamde ‘target’ of ‘bullseye’:

Webpagina_s_bullseye.jpg

Klik op dit icoon en selecteer in de pop-up het interesseveld of de dynamische lijst aan wie je het contentblok wilt tonen. Het contentblok zal nu alleen getoond worden aan de lezers die binnen deze selecties vallen.

Het bewerkingsmenu van het contentblok

Zodra je hebt geklikt op het dropdownmenu aan de rechterkant van de blokbalk, verschijnt het volgende bewerkingsscherm:

Webpagina_canvas_dropdown.jpg

Uitleg van de functies:

  • Standaard bewerkingsfuncties
    Met deze drie functies voer je drie bekende standaard bewerkingsfuncties uit.
  • Social media
    Je kunt je artikel links in je contentblok deelbaar maken. Standaard is er geen Social media zichtbaar in je contentblok. Deze zal je moeten activeren om te tonen.

    Socialmedia-nietzichtbaar.png
    De voorwaarde om social media te activeren is dat er een link met tracking is opgenomen in je contentblok. Wanneer dit het geval is, klik dan op Social media in het dropdown-menu in de blokbalk.


    Socialmedia_dropdown.png


    Er verschijnt een pop-up waarin je een keuze kunt maken voor delen via Facebook, Twitter, LinkedIn, Google of kies voor meerdere platforms. Geef je share een naam en selecteer de trackable link in je contentblok die je deelbaar wilt maken. Vul eventueel een omschrijving in die meegenomen kan worden wanneer iemand jouw link deelt op Twitter.

    Socialmedia_popup.png


    Nadat je een keuze hebt gemaakt op welke platforms je link gedeeld mag worden en welke link, klik je op Ok. Je ziet nu dat er in je contentblok social media getoond wordt.

    Socialmedia_zichtbaar.png


Het bewerkingsmenu Inhoud artikel bewerken

Zodra je dubbelklikt in het contentblok, verschijnt het volgende scherm:

Webpagina_s_contentblok_bewerken.jpg

Er zijn standaard bewerkingsfuncties terug te vinden in dit scherm. We gaan ervan uit dat je deze herkent en kunt toepassen

Uitleg van overige functies:

Functie Toelichting
Template wijzigen Template wijzigen
Met het dropdownmenu Wijzig template laad je een andere lay-out in voor je contentblok.

Standaard zijn er verschillende lay-outs voor je contentblokken beschikbaar in je template. Denk aan een variant met een afbeelding links en een afbeelding rechts.

Contentblok_editor_anker.jpg Anker
Stel: je maakt een inhoudsopgave met een overzicht van alle artikelen op je webpagina. Deze artikelen wil je natuurlijk linken zodat je lezers met één klik direct het gewenste artikel kunnen lezen.

Een anker plaats je aan de bovenkant van het artikel dat je wilt linken. De titel van het artikel in de inhoudsopgave koppel je vervolgens aan het juiste anker. Natuurlijk kun je ook woorden en titels ankeren.

 

Hoe plaats je een anker?

  • Zet de cursor op de plek waar je het anker wilt invoegen.
  • Klik op het ankersymbool.
  • Vul via het pop-upscherm een naam van het anker in.
  • Ga terug naar het contentblok waar de informatie staat die je wilt linken aan het anker.
  • Plaats de link.
Contentblok_editor_afbeelding.jpg Afbeelding bewerken/invoegen
Zodra je klikt op Afbeelding bewerken/invoegen verschijnt een pop-upscherm met twee tabbladen:
  • Tabblad Kies een afbeelding
  • Tabblad Eigenschappen afbeelding

In het tabblad Kies een afbeelding zie je voorbeelden van de afbeeldingen die je via de module Afbeeldingen hebt geüpload. Via dit tabblad kun je ook afbeeldingen uploaden van een externe locatie.

In het tabblad Eigenschappen afbeelding vul je de eigenschappen van je afbeelding in. Wat vaak vergeten wordt, maar wat wel belangrijk is: de ALT-tekst. Beschrijf je afbeelding altijd kort. Deze beschrijving of ALT-tekst wordt getoond als de afbeelding niet automatisch wordt ingeladen zodra je lezers je nieuwsbrief ontvangen.

Contentblok_editor_personalisatie.jpg Personalisatie invoegen
Een personalisatieveld activeer je door te klikken op het icoon voor Personalisatie invoegen. Je kunt op alle databasevelden in je account personaliseren. Denk aan: interesses, bedrijfsnaam, accountmanager, klantnummer etc.
Contentblok_editor_plattetekst.jpg Platte tekst plakken
Ctrl+C en Ctrl+V je graag? Wie doet het niet: stukken tekst van je website, uit een pdf of een Word-document kopiëren naar je contentblokken in Spotler? Daar is ook niks mis mee.

Ctrl+V dan altijd platte tekst! Zorg er alleen altijd voor dat je gekopieerde tekst als platte tekst geplakt wordt in je contentblok. Waarom? Je kopieert niet alleen de tekst, maar ook de stijl en opmaak van de tekst en die zullen niet overeenkomen met de stijl en opmaak van het contentblok in Spotler.

 

Waarschuwing.jpg Kies een lay-out vóórdat je het contentblok bewerkt
Let op: kies een lay-out vóórdat je de webpagina opmaakt. Wijzigingen gaan namelijk verloren bij het kiezen van een andere lay-out.

 

Waarschuwing.jpg Afbeelding vervangen
Wil je een afbeelding vervangen in je template? Zorg er dan voor dat je met je cursor op de afbeelding staat die je wilt vervangen. Verwijder dus niet van te voren de te vervangen afbeelding!

Kies voor de optie Afbeelding bewerken/invoegen en vervolgens de gewenste afbeelding. Op deze manier blijft je afbeelding netjes responsive reageren.

 

Extra uitleg over het plaatsen van links

Zorg er altijd voor dat je links in je webpagina’s goed zijn. Wij zien nog vaak dat links niet trackable zijn, naar de verkeerde locatie gaan, het simpelweg niet doen etc. Voorkom dit.

Selecteer de tekst, de titel of de afbeelding die je wilt linken en klik in de editor van je contentblok op het volgend icoon:

Contentblok_editor_linkinvoegen.jpg

Je ziet het volgende pop-upscherm verschijnen:

Contentblok_popup_linkinvoegen.jpg

In dit scherm zie je de tabbladen Algemeen en Webanalytics

Via het tabblad Algemeen kun je:

  • Een keuze maken uit het type link dat je wilt invoegen
  • Afhankelijk van het type link: de url van de link en een naam voor de link invoegen.
  • Afhankelijk van het type link: wijzigingen in het profiel aanbrengen

Via het tabblad Webanalytics kun je:

  • De linkwaardes invullen voor je Google Analytics


Verschillende type links

Externe link met tracking
Wanneer je een link aanmaakt in een e-mail bericht en deze optie kiest, dan wordt je link meetbaar en zie je de resultaten terug in de rapportage van je mailing. Voor webpagina’s is er nog geen rapportage beschikbaar. Waarom zie je deze optie dan terug in de module Webpagina’s? Wij raden aan om wel alvast je links aan te maken met tracking. Wanneer in de toekomst een rapportage beschikbaar wordt van de webpagina’s, dan hoef je niet opnieuw de links aan te passen. Daarnaast kun je met deze mogelijkheid wel Google Analytics toepassen.

Maar er is meer mogelijk op het gebied van links:

Contentblok_editor_linkopties.jpg

Link naar een webpagina in Spotler
De naam zegt het al. Deze link gebruik je als je wilt linken naar een webpagina binnen Spotler.

Link naar een anker
Deze link gebruik je als je wilt verwijzen naar een plek in je bericht of webpagina. De lezer ziet dan het beeldscherm verspringen naar de plek van het anker. Pas dit toe als je naar een specifieke alinea wilt verwijzen of naar een titel als je een inhoudsopgave gebruikt.

Link naar een e-mailadres
Deze link gebruik je als je een e-mailprogramma wilt openen. Het verschilt per e-mailprogramma of dit automatisch gebeurt.

Speciale link
Als het goed is heb je al een afmeldlink, online-lezen-link en link naar een profielwijzigingspagina in je template. Is dat niet zo, kies dan de optie Speciale link. Naast deze drie speciale links, kun je ook nog kiezen voor de optie Link naar de printversie. Als de lezer op deze link klikt dan opent er een browser met daarin een PDF-versie van het bericht.

Link naar een document
Wanneer je wilt verwijzen naar een document in de module Documenten van Spotler, gebruik je deze link.

Link (zonder tracking) naar een externe pagina
Dit is een link naar een webpagina, waar geen meetresultaten van worden bijgehouden. Je gebruikt deze link als je naar een URL verwijst in je tekst, bijvoorbeeld: https://www.spotler.com.

 

Waarschuwing.jpg Maak uitgeschreven URL's niet trackable
Als je een uitgeschreven URL – zoals www.spotler.com-  meetbaar zou maken, dan wordt er stukje code toegevoegd aan de URL om deze trackable te maken. Je verwijst dus niet daadwerkelijk naar https://www.spotler.com en dat wordt gezien als phishing. Maak je gebruik van uitgeschreven URL’s, zorg dan altijd voor een link zonder tracking.

 

Conversielink
Als je kiest voor een externe link met tracking, link naar een webpagina in Spotler of een link naar een document, dan zie je de checkbox Conversielink verschijnen.

De checkbox Conversielink is standaard aangevinkt en zorgt ervoor dat de link als conversie wordt meegeteld in de rapportage. Een conversielink zorgt voor verkeer naar je website. Maar wat is dan een link die geen conversielink is? Een voorbeeld van een link die geen conversielink is, is een afmeldlink. Dit is wel een link met tracking (meetbaar), omdat je wilt zien of iemand op “afmelden” heeft geklikt, maar zorgt niet voor verkeer naar je website.

 

Tip.jpg De url van de link en een naam voor de link
Het is handig om een unieke naam aan je link mee te geven, zodat je hem makkelijk herkent in de rapportage. Tip: noem in de linknaam of het een tekstlink, afbeeldingslink of titellink betreft.

 

Profiel wijzigen
Stel dat je link verwijst naar een artikel over vliegreizen en dat je werkt bij een reisbureau. Het is dan prima voor te stellen dat je deze interesse wilt vastleggen in het profiel van je lezer. Zet een vinkje in de checkbox Profiel wijzigen en geef aan welk interesseveld je wilt wijzigen en activeer deze. Natuurlijk kun je ook andere databasevelden wijzigen.

Google Analytics
Via het tabblad Webstatistieken zie je welke Google Analytics waarden je hebt opgegeven. Als het goed is, hoef je alleen nog het specifieke campagnewoord in te vullen om de link te specificeren.

De standaard Google Analytics waarden zoals bron, naam en inhoud kun je voor al je links in één keer invullen. Ga daarvoor naar het Bewerkingsmenu in de header.