Knoppen

Om een knop aan je website toe te voegen:

Klik op de Elementenbalk aan de linkerkant.
Klik op Knoppen.
Sleep een van de voorgestelde knoppen in de categorie naar het werkgebied.
Dubbelklik op het component en klik vervolgens op het potlood aan de linkerkant om je tekst in te voeren.

Om een link in te stellen wanneer er op de knop wordt geklikt:

Linksklik op het knopcomponent.
Klik op Knop bewerken.
Klik op Koppeling om een link voor de knop in te stellen. Je kunt ervoor kiezen om de knop te koppelen aan een bestaande pagina op je site, een externe link, een component binnen dezelfde pagina, of een pop-up.

Om de knop aan te passen:

Linksklik op het knopcomponent.
Klik op Knop bewerken.
Klik op het ster-icoon om een animatiestijl voor de knop te kiezen.
Klik op het kleuricoon om de tekstkleur of knopkleur te wijzigen.
Klik op het Menu-stijl icoon om het lettertype en de grootte van de tekst te wijzigen.
Klik op het Afgeronde randen-icoon om de dikte, kleur en afronding van de rand te wijzigen.
Klik op het instellingen-icoon om de tekenspatiëring te wijzigen.

Let op: In de mobiele versie kun je de knop vergroten of verkleinen door de hoekpunten in het selectiegebied te slepen en de tekst te vergroten of te verkleinen om deze aan te passen aan de smartphone-weergave. Deze procedure heeft geen invloed op de weergave van hetzelfde component aan de desktopkant.

Belangrijk: Je kunt een anker instellen zodat de link verwijst naar een specifieke sectie van een andere pagina. Hiervoor moet je op een externe link de volgende string invoeren: paginanaam$componentnummer (Voorbeeld: contacts$321). Je kunt het componentnummer vinden binnen het Lagen-paneel.