Editor: CTA buttons


Met een call to action weergave kan je een link een buttonstijl meegeven.

Waar kan je het inzetten?

De CTA-button is instelbaar bij alle paginatypen en bloktypen waar de teksteditor beschikbaar is en het plaatsen van een klasse is toegestaan, zoals bij het veld 'Tekst' in het bloktype Inhoud.

Alleen via de editor kan je een klasse inzetten: de CTA is niet instelbaar via een blokrol en en ook niet met het verwijzingen-cluster.

Hoe werkt het?

  • Klik in het tekstvlak van een blok en maak een interne link, externe link of downloadlink aan.
  • Selecteer de link en ga via de editor naar Opmaak > Klassen en kies 'Call to action' of 'Call to action light'.
  • Ook in de editor zie je dat de weergave van de link verandert in de gekozen CTA-stijl.

Praktijkvoorbeeld

Subsite gezond Zuid-Holland maakt op diverse pagina's gebruik van CTA buttons - met ronde hoeken.

Voorbeeld gezond Zuid-Holland

Weergave CTA buttons

De kleur en border van de Call to action

De kleuren van de CTA button zijn gebaseerd op de kleur die ingesteld is bij blokrol 'Accentdonker 1'. Deze kleur is vast; toont ook bij gebruik van blokrollen.

Call to action

  • Achtergrondkleur: Themakleur 1 achtergrond
  • Border: Themakleur 1 achtergrond
  • Tekst: Themakleur 1 voorgrond

Call to action light

  • Achtergrondkleur: Themakleur 1 voorgrond
  • Border: Themakleur 1 achtergrond
  • Tekst: Themakleur 1 achtergrond

Ronde of scherpe hoeken

De waarde die ingevoerd is bij: Afmeting ronding groot (in de stijlparameters) zorgt voor ronde hoeken. Indien niet ingevuld heeft de CTA button een rechthoekige vorm zoals de voorbeelden op deze pagina.