CTA-knop¶

Een CTA-knop (Call-To-Action) is een gecentreerde actieknop. Gebruik dit blok om de bezoeker een duidelijke volgende stap te geven: contact opnemen, document downloaden, een formulier openen, naar een andere pagina springen.

CTA-knop in de Content Builder

Hoe het op de site verschijnt¶

CTA-knop op de site

Velden¶

Veld	Type	Verplicht	Wat erin?
Knop	Link-veld met aanpasbare tekst	Ja	Bestemming + zichtbare tekst van de knop.

Het Link-veld is één samengesteld veld. Je kiest eerst het type bestemming, dan vul je de details in en optioneel een eigen tekst voor op de knop.

Beschikbare bestemmingstypes¶

Pagina (entry) — een andere pagina op deze site
URL — een externe link (bv. naar kbc.be)
E-mail — opent de mailclient van de bezoeker met dit adres ingevuld
Telefoon — opent het belprogramma met dit nummer (vooral nuttig op mobiel)
Bestand (asset) — link naar een document uit Bestanden (bv. een PDF-brochure)

Eigen tekst op de knop¶

Standaard toont de knop "Lees meer" (NL) of "En savoir plus" (FR). Wil je een andere tekst? Vink Aangepaste tekst aan en typ wat er op de knop moet staan, bv. "Maak een afspraak", "Brochure downloaden", "Contacteer ons".

In een nieuw venster openen¶

Voor externe links kan je doel = _blank zetten. De knop opent dan in een nieuw browservenster en de bezoeker blijft op jouw site. Op de knop verschijnt een klein extern-link-icoon. Voor interne links niet doen — dat is verwarrend voor de bezoeker.

Hoe het rendert¶

De knop staat gecentreerd in een eigen sectie, met witruimte erboven en eronder.
Stijl volgt de site-huisstijl (KBC-blauw of CBC-rood, afhankelijk van het thema).
Externe links → klein extern-link-icoon na de tekst.
Interne links → chevron-icoon (>) na de tekst.

Goede knop-teksten¶

Werkwoord vooraan, doel duidelijk: "Bereken uw premie", "Vraag een afspraak aan", "Bekijk onze openingsuren".
Kort: 2 tot 5 woorden. "Klik hier" zegt niets — gebruik altijd de bestemming als tekst.
Niet "meer info" — dat is waardeloos voor SEO en toegankelijkheid. Wees specifiek.
Niet hetzelfde als de hoofding erboven, anders is het dubbelop.

Wanneer een CTA-knop gebruiken¶

Aan het einde van een pagina als afsluiter ("Klaar om te starten? Maak een afspraak").
Na een uitleg-blok waar de bezoeker wil doorklikken naar meer info.
Niet meer dan één à twee CTA-knoppen per pagina — anders verliest elke knop zijn aandacht.

Veelgemaakte fouten¶

Drie CTA's onder elkaar — bezoeker kiest niets. Pak één hoofdactie en laat secundaire acties weg of in de tekst staan als gewone link.
CTA naar een pagina die niet bestaat — controleer in Voorbeeld of de knop werkt voor publicatie.
Externe link zonder doel = nieuw venster — bezoeker raakt jouw site kwijt. Vink het altijd aan voor externe URL's.
Geen aangepaste tekst waardoor de knop overal "Lees meer" toont. Vrijwel altijd is een specifiekere tekst beter.

CTA-knop voor een telefoon-link

Op mobiel is een telefoon-link een hele krachtige CTA: één tap en de bezoeker belt jullie kantoor. Tekst: "Bel ons direct: 02 123 45 67". Type: Telefoon.