Hoe maak ik een call-to-action

De call-to-action is bedoeld om een actie voor de lezer uit te lichten. De knop trekt aandacht door een opvallende kleur en bevat een interne of externe link naar de pagina waar je de actie kan uitvoeren.

Kleur call-to-action button

De call-to-action button heeft altijd 2 kleuropties:

• Standaard 
• Alternatief 

Welke kleuren dit zijn is afhankelijk van je website. Daarnaast heeft de call-to-action knop ruimte voor tekst en een icoon. Een externe link bevat al een icoon en kan daarom geen extra icoon bevatten.

Bekijk de verschillende call-to-actions

Tekst in een alternatieve kleurVoorbeeld met een icoonVoorbeeld met externe link

Een contentblok call-to-action toevoegen

Om een call-to-action knop aan te maken ga je naar het cms en kies bij componenten voor 'Call to action'.

Velden component call-to-actionTitel van het veldWat vul ik hier in?ToelichtingLinktekstKies een linktekst, richtlijn is maximaal 30 tekens.Zorg dat de titel de actie omschrijft. Dus, 'Rijbewijs aanvragen' of 'Locaties bekijken'. Het is dan voor de gebruiker duidelijk wat hij/zij kan verwachten nadat er op de knop geklikt is.LinkSelecteer de link.

• Interne link (paperclip icoon): selecteer de pagina waar je naar wilt linken.
• Externe link: Geef de URL door naar de gewenste locatie.
• Interne link met parameters: plak de tekst van zoek je opdracht na www.[naamvanjewebsite].nl in het veld voor je parameter

Lees meer over externe links.

IcoonSelecteeer een icoon selecteren uit Afbeeldingen.

Het icoon moet eerst worden toegevoegd en gepubliceerd bij bij 'Afbeeldingen'.

Let op: bij een externe link wordt altijd het icoon voor externe links getoond. Een eigen icoon tonen is dan niet mogelijk.

Deze afbeelding kan bekeken worden op Platform Rijksoverheid Online. Screenshot van de call to action knop in het cms

Call-to-action gebruiken?

Wil je weten wanneer je deze functionaliteit gebruikt? Lees de beschrijving van de call-to-action.