Editors Webpagina's

De editor van de module Webpagina’s:

Editor_Webpaginas.png

In dit scherm zie je:

  1. Een bewerkingsmenu in de header met acht grijze buttons en één blauwe.
  2. Het tool palette aan de linkerkant van het scherm.
  3. 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:

Header_editor.png

 

Button Functie
Button_Opslaan.jpg Opslaan
De button Opslaan. Maak er een gewoonte van om vaak op deze button te klikken.
Button_voorbeeld.jpg Bekijken
De button Bekijken. Je ziet nu hoe je webpagina getoond wordt op een desktop, op een smartphone en op een tablet.
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
Te veel 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 eerder opgeslagen versies inladen. Dit geldt zowel voor automatisch opgeslagen versies als voor zelf opgeslagen versies.
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 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.
  • Campagne medium: gaat het om een e-mail of een webpagina?
  • 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

Lees meer over web analytics in het artikel: Hoe werkt Google Analytics in Spotler en wat stel ik in?

Button_templatewijzigen.jpg 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.
Button_broncodetonen.jpg 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.

 

Paul_Liggend_Bullhorn.png 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:

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

Draganddrop_Web.gif

Uitleg van de elementen:

Element Toelichting
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.
Multiblok.png Multiblokken
Zelfde type als vrije opmaak blokken, maar hiermee is het mogelijk om meerdere contentblokken naast elkaar te plaatsen.
Formulier.png 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.png 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.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.
Youtube_EN.png 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:

  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
    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:

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.

 

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

Omar_bord_serieus.png

 

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:

Link_invoegen-bewerken.png

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_invoegen-bewerken_dropdown.png

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.

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

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