De editor van de module Webpagina’s:
In dit scherm zie je:
- Een bewerkingsmenu in de header met acht grijze buttons en één blauwe.
- Het tool palette aan de linkerkant van het scherm.
- Het canvas met contentblokken centraal op het scherm.
Aan de slag
1. Het bewerkingsmenu in de header
Het bewerkingsmenu in de header ziet er als volgt uit:
| Button | Functie |
| Opslaan De button Opslaan. Maak er een gewoonte van om vaak op deze button te klikken. |
|
| Bekijken De button Bekijken. Je ziet nu hoe je webpagina getoond wordt op een desktop, op een smartphone en op een tablet. |
|
| Ongedaan maken Pakt een wijziging iets anders uit dan verwacht? Maak met deze functie de wijziging ongedaan. |
|
| Opnieuw uitvoeren Te veel ongedaan gemaakt? Dan kun je hiermee weer eenvoudig een handeling opnieuw uitvoeren. |
|
| Vorige versie inladen Spotler slaat automatisch na tien handelingen en/of 5 minuten wijzigingen op. Met deze dropdown kun je eerder opgeslagen versies inladen. Dit geldt zowel voor automatisch opgeslagen versies als voor zelf opgeslagen versies. |
|
 |
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 medium, 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.
Lees meer over web analytics in het artikel: Hoe werkt Google Analytics in Spotler en wat stel ik in? |
 |
Template wijzigen Wanneer er meerdere templates beschikbaar zijn in je account, dan is het mogelijk om via dit icoon een ander template in te laden. |
 |
Broncode tonen Via dit icoon zie je de HTML-code van de webpagina. Pas goed op met wat je hierin aanpast, want dit kan nadelige gevolgen hebben voor je webpagina. |
 |
Kies een template vóórdat je de webpagina bewerkt Kies een template vóórdat je de webpagina bewerkt. Wijzigingen gaan namelijk verloren bij het kiezen van een ander template. |
2. Het tool palette: editor-opties
Het tool palette ziet er als volgt uit:
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.
Uitleg van de elementen:
| Element | Toelichting |
 |
Vrije opmaak blokken Dit is het standaard contentblok voor artikelen. De elementen zijn vrij in te vullen. |
 |
RSS-feed Laadt automatisch content in via een RSS-feed. |
 |
Multiblokken Zelfde type als vrije opmaak blokken, maar hiermee is het mogelijk om meerdere contentblokken naast elkaar te plaatsen. |
 |
Formulier Voeg een formulier toe op de webpagina. Een formulier die alleen in te vullen is door genodigden via e-mail kan je op een webpagina in Spotler zetten. Of als je het makkelijker vind om een formulier te verslepen op een webpagina in Spotler in plaats van te integreren op je eigen website. |
 |
Survey Voeg een survey toe op de webpagina. Je kunt geen survey direct in de mail plaatsen, maar je kunt wel vanuit je e-mail verwijzen naar de webpagina waar de survey op staat. |
 |
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. |
 |
Youtube-video Voeg een youtube video toe aan je webpagina. Je hoeft alleen de url van de video in te voeren. |
3. Het canvas met contentblokken
Zodra je contentblokken hebt versleept vanuit het tool palette naar het canvas, dan kun je drie verschillende bewerkingmenu’s openen:
- Het bewerkingsmenu voor het wijzigen van het bloktype door te klikken op de checkbox aan de linkerkant van de titelbalk van het contentblok.
- Het bewerkingsmenu van het contentblok door te klikken op het dropdownpijltje aan de rechterkant van de titelbalk van het contentblok.
- 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:
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’:
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:
Uitleg van de functies:
- Standaard bewerkingsfuncties
Met deze drie functies voer je drie bekende standaard bewerkingsfuncties uit. - Social media
Als je content wilt laten delen via social media, klik dan op Social media. Er verschijnt een pop-up waarin je een keuze kunt maken voor delen via Facebook, Twitter, LinkedIn of Google of kies voor meerdere platforms. Geef je share een naam en plaats een trackable link in je contentblok. Voor de weergave van de link kun je kiezen uit een naam voor je link, een visual of een button.
Het bewerkingsmenu Inhoud artikel bewerken
Zodra je dubbelklikt in het contentblok, verschijnt het volgende scherm:
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. |
| 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?
|
|
| Afbeelding bewerken/invoegen Zodra je klikt op Afbeelding bewerken/invoegen verschijnt een pop-upscherm met twee tabbladen:
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. |
|
| 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. |
|
| 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. |
 |
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. |
| 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 selecteren en selecteer 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:
Je ziet het volgende pop-upscherm verschijnen:
In dit scherm zie je de tabbladen Algemeen, Web analytics en Wijzig profiel.
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 Web analytics kun je:
- De linkwaardes invullen voor je Google Analytics
Via het tabblad Wijzig profiel kun je:
- Op basis van een klik een profiel wijzigen of een tag en score toevoegen/verwijderen. Denk aan een interesse wegschrijven op basis van een klik.
Wil je meer weten of tagging en scoring op je webpagina? Lees dan het artikel: Tagging en scoring in je bericht of webpagina.
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:
Link naar een landingspagina in Spotler
De naam zegt het al. Deze link gebruik je als je wilt linken naar een landingspagina 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.
 |
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.
 |
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. |
Web analytics
Via het tabblad Web analytics 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.