Blokken

Knop / CTA

Voeg een klikbare knop toe die deelnemers naar een URL stuurt. Kies uit drie stijlen en pas de uitlijning aan.

Preview

Overzicht

Het Knop block plaatst een call-to-action knop op de pagina. De knop linkt naar een URL die je zelf instelt. Je kiest uit drie visuele stijlen (primair, omlijnd, tekst), bepaalt de uitlijning en kunt instellen of de link in een nieuw tabblad opent. Zonder URL wordt de knop grijs weergegeven met een "geen URL ingesteld" tooltip.

Hoe het werkt

1Voeg het block toe
Klik op + of typ /knop in het slash command veld.
2Stel de knoptekst in
Typ de tekst die op de knop verschijnt, zoals "Start de training" of "Meer informatie".
3Voer de URL in
Plak de URL waar de knop naartoe moet linken.
4Kies een stijl
Selecteer een van de drie stijlopties: Primair (gevulde kleur), Omlijnd (rand) of Tekst (minimaal).

Instellingen

InstellingBeschrijvingStandaard
KnoptekstDe tekst die op de knop wordt weergegevenKlik hier
URLDe bestemmings-URL van de knop-
StijlPrimair (gevuld), Omlijnd (rand) of Tekst (ghost)Primair
UitlijningLinks, midden of rechts uitlijnenMidden
Nieuw tabbladOf de link in een nieuw tabblad opentAan
AnimatieGeen, Fade in, Slide omhoog, Slide links, Slide rechts, Bounce, Blur in, Zoom inGeen
Span achtergrondKleur, afbeelding of video als achtergrondWit
Span afmetingenHoogte (auto/50%/75%/100%) en breedte (auto/60%/80%/100%)Auto

Tips & best practices

Gebruik actieve tekst

Schrijf actieve, concrete knopteksten zoals "Start de cursus" of "Download het handboek" in plaats van "Klik hier".

Eén primaire CTA per pagina

Gebruik maximaal één primaire (gevulde) knop per pagina. Extra knoppen kun je als omlijnd of tekst-stijl tonen.

Externe links in nieuw tabblad

Laat externe links standaard in een nieuw tabblad openen, zodat deelnemers hun voortgang niet kwijtraken.

Gerelateerde blocks

  • Tekst - Voeg uitleg toe boven of onder je knop om context te geven.
  • Callout - Combineer een callout met een knop voor extra nadruk op een actie.