Knop

Tekst #

Met de widget Knop voeg je een klikbare button (knop)toe aan je pagina. Je kunt deze gebruiken om bezoekers door te sturen, bijvoorbeeld naar een andere pagina, een formulier of een betaalproces..

Wanneer gebruik je de widget knop
#

Je gebruikt de knop wanneer je:

• Bezoekers wilt laten doorklikken naar een andere pagina of sectie.

• Een duidelijke call-to-action (CTA) wilt toevoegen, zoals “Schrijf je in” of “Koop nu”.

• Een link wilt leggen naar een formulier, product of extern bestand

Uitleg #

1. Zorg dat je in Bouwen zit en klik links in het scherm op het plusje (Voeg widget toe).
2. Kies onder Basis voor Knop en sleep deze naar de gewenste plek op je pagina.
3. Zodra je de knop hebt geplaatst, verschijnt het scherm Knop instellingen:
   • Bij Tekst knop zet je de gewenste naam die op je knop moet staan.
   • Je kunt ook een tweede tekstregel of een icoon toevoegen.
   • Voeg een link toe om de knop te laten doorverwijzen (bijv. naar een pagina, ankerpunt of externe link).
   • Rechtsboven zie je Voeg tekststijlen toe. Vanuit hier kun je o.a. kiezen:
     • Knop tekstkleur
     • Lettertype en lettergrootte
     • Letterafstand
     • Stijlen zoals vet, cursief of onderstreept
4. Zodra je op de knop klikt, zie je een balkje met de blauwe knop Bewerk.
   • Deze functie werkt hetzelfde als Knop instellingen uit stap 3.
   • In het balkje zie je daarnaast deze opties:
     • Link toevoegen/bewerken – koppel of wijzig een link.
     • Uitlijning aanpassen – zet de knop links, rechts of gecentreerd.
     • Klokje (Animatie) – voeg animatie-effecten toe, zoals een knop die inschuift. Klik op Speel animatie om dit te testen.
     • Penseeltje (Stijl bewerken) – hier pas je de uiterlijke stijl van de knop aan, zoals:
       • Knop- en randkleur
       • Verloopkleur of schaduw
       • Opvulgrootte en randradius
       • Hover-effecten (bijv. schuif de kleur naar rechts)
       • Kleur actief of tekstkleur actief
     • Kopiëren – kopieer de knop om hem elders te hergebruiken.
     • Prullenbak – verwijder de knop volledig.
5. Ga met je muis over het icoon. Links verschijnt een tandwieltje met Kolom. Hier kun je extra instellingen aanpassen, zoals achtergrondkleur, rand, schaduw en uitlijning.
6. Klik op Opslaan boven in het scherm. Je kunt eventueel via het oogje links in het scherm bekijken hoe de knop eruitziet voor bezoekers.

💡 Extra tip #

Gebruik contrasterende kleuren voor je knoppen zodat ze direct opvallen en bezoekers weten waar ze moeten klikken.