Samenvatting
Hoe je formulieren eruitzien — de stijl van invulvelden, labels, knoppen en berichten — stel je niet per formulier in, maar voor je hele website tegelijk via het thema. Pas je iets aan, dan geldt dat meteen voor alle formulieren op al je pagina's.
Hoe werkt het
Waar vind je de formulier-opmaak?
- Ga naar het Thema via het penseel-icoon in de linker sidebar van de editor
- Navigeer naar Elementen → Formulieren
- Op het canvas verschijnt een preview met voorbeeldformulieren
De twee preview-formulieren
De preview toont twee voorbeeldformulieren zodat je je aanpassingen direct kunt zien:
| Preview | Wat laat het zien? |
|---|---|
| Header formulier | Een compact formulier zoals je dat in een header-blok zou gebruiken (bijv. naam, e-mail en een knop) |
| Content formulier | Een uitgebreid formulier met alle veldtypes: tekstveld, selectie, tekstvak, checkbox, radio button, bestandsupload, etc. |
Alles wat je aanpast geldt voor beide contexten en daarmee voor alle formulieren op je website.
Wat kun je precies aanpassen?
In het rechter paneel vind je secties die je kunt openklappen:
Invulvelden (tekstveld, tekstvak, selectie, etc.)
- Rand: dikte, stijl, kleur en ronde hoeken
- Achtergrondkleur
- Lettertype, lettergrootte en tekstkleur
- Ruimtes: binnenkant en buitenkant
- Staten: Standaard, Focus (als iemand in het veld klikt) en Error (als er een fout is)
Labels
- Lettertype, lettergrootte en kleur van de labels boven de invulvelden
Fout- en succesberichten
- De achtergrond, rand en tekstkleur van berichten die verschijnen na het versturen
Verstuurknop
De verstuurknop erft de stijl van de algemene Buttons-instellingen in je thema. Via Thema → Elementen → Formulieren kun je de knop nog verder aanpassen bovenop die basis.
Kleurmodi
De opmaak kun je per kleurmodus instellen: Licht en Donker. Formulieren op een blok met een donkere achtergrond gebruiken automatisch de donkere kleurmodus-opmaak. Zo zien invulvelden er altijd goed uit, ongeacht de achtergrondkleur.
Wanneer gebruik je dit
- Als je de stijl van formulieren op je website wilt aanpassen
- Als formulieren er anders uit moeten zien op lichte en donkere achtergronden
- Als je de focus-staat van invulvelden wilt instellen (voor betere toegankelijkheid)
Veelgestelde vragen
Gelden mijn aanpassingen voor alle formulieren?
Ja, alle aanpassingen die je hier maakt gelden voor alle formulieren op je hele website. Wil je één specifiek formulier anders vormgeven? Dan kun je op blok- of element-niveau de stijl overschrijven.
Waarom zou ik de focus-staat instellen?
De focus-staat is het uiterlijk van een invulveld wanneer iemand erin klikt of er met het toetsenbord naartoe navigeert. Een duidelijke focus-ring is belangrijk voor toegankelijkheid — het helpt bezoekers te zien welk veld actief is.
Ik heb de verstuurknop aangepast maar andere knoppen veranderen ook — hoe kan dat?
De verstuurknop erft de stijl van de algemene button-instellingen in het thema. Als je die aanpast, veranderen alle knoppen op je website mee. Wil je alleen de formulierknop aanpassen? Doe dat dan specifiek via Elementen → Formulieren.
Moet ik beide kleurmodi instellen?
Dat is aan te raden. Als je alleen de lichte modus instelt en je hebt ook blokken met een donkere achtergrond, kan het zijn dat de formulieren daar niet goed leesbaar zijn.