Pas de contactformulieren van je site aan zodat ze aansluiten bij je merk.

Gebruik sitestijlen om het uiterlijk van formulierblokken op je site te bewerken. Je kunt de lettertypen en kleuren van tekst en knoppen op het formulier aanpassen, evenals de stijl en het Masker van andere elementen van je formulieren, zoals tekstvelden en selectievakjes.

Alle formulierblokken op je site volgen deze stijlinstellingen, wat een uitstekende manier is om je formulieren een unieke stijl te geven en tegelijkertijd consistentie te behouden.

Het grootste deel van deze gids richt zich op vormstylingopties die alleen beschikbaar zijn op versie 7.1-sites. Als je site versie 7.0 heeft, bekijk dan stijl formulierblokken in versie 7.0.

Bekijk een video

Instellingen voor formulierblokstijl openen

Om de formulierblokstijlinstellingen te openen:

1. Open het paneel Pagina's en klik op een pagina met een formulierblok zodat je de wijzigingen in de sitevoorvertoning kunt bekijken terwijl je ze aanbrengt.
2. Open het paneel 'sitestijlen' en klik vervolgens op ＞ naast 'formulieren'.
3. Klik op Switch om een standaardformulierpakket te kiezen.
4. Klik op Effecten om de animaties van formuliervelden en de verzendknop aan te passen. 
5. Klik op Veldopties om de stijl van selectievakjes, radiale knoppen en enquêtevelden aan te passen.
6. Klik op Lettertypen om de tekststijlen van formulierblokken aan te passen.
7. Klik op Kleuren om de kleurenstijlen van het formulierblok aan te passen.
8. Klik op Formulierafstand om de hoeveelheid witruimte in je formulier aan te passen.
9. Klik na het aanbrengen van wijzigingen op Opslaan.

Houd er rekening mee dat deze stijlinstellingen alle formulierblokken op je site beïnvloeden. Het is niet mogelijk om verschillende formulierblokken verschillende stijlinstellingen te geven, behalve kleuren die kunnen variëren tussen formulierblokken als de blokken in gedeelten met verschillende kleurenschema's staan.

Andere soorten formulieren, zoals nieuwsbriefblokken, voorpaginaformulieren en productformulieren, hebben hun eigen stijlinstellingen. Zie Formulieren aan je site toevoegen voor meer informatie over andere typen formulieren.

Een formulierpakket kiezen en aanpassen

Formulierpakketten zijn vooraf ingestelde formulierstijlen waaruit je kunt kiezen als startpunt voor je stijling. Houd er rekening mee dat als je wijzigingen aanbrengt in je instellingen nadat je een formulierpakket hebt geselecteerd en vervolgens overschakelt naar een ander formulierpakket, je wijzigingen in het oorspronkelijke formulierpakket niet worden opgeslagen.

Elk formulierpakket bevat presets voor de stijlopties die in je formulierenpaneel verschijnen:

• Veldmasker - Hiermee stelt u het masker van de formuliervelden in. Kies uit Vierkant, Afgeronde rechthoek, Pil of Aangepaste hoeken.
• Velden invullen - Zet deze schakelaar aan om een achtergrondkleur aan het formulierveld toe te voegen. Wanneer de schakelaar is uitgeschakeld, komen de formuliervelden overeen met de kleur van het formulierblok.
• Rand - Kies geen voor geen rand of alle kanten om de rand aan alle kanten te laten verschijnen. Afhankelijk van je andere instellingen is geen mogelijk niet beschikbaar. Als je masker is ingesteld op vierkant, kun je ook onderaan kiezen voor een rand die alleen langs de onderkant van het veld loopt, zoals een onderstreping.
• Randdikte - Stel de dikte in van de randlijnen rond de velden van het formulier. Deze optie verschijnt niet als je Geen hebt geselecteerd voor je rand.
• Opvulling - Kies hoeveel opvulling er verschijnt rond tekst in het veld. Kies S, M of L, of klik op … om aangepaste opvulling in te stellen.
• Veldopties - Pas het uiterlijk van Checkbox-, Radio- en Survey-elementen aan voor bepaalde velden.

Na het selecteren van een formulierpakket kun je deze stijlinstellingen verder aanpassen in het formulierenpaneel.

Verander lettertypen

Klik in het Formulierenstijl -paneel op Lettertype om het lettertype voor elk veld te wijzigen:

• Titel - Tekst boven elk veld
• Invoer - Tekst die je bezoekers in elk veld invoeren
• Beschrijving - Tekst onder elk veld
• Onderschrift – tekst onder de beschrijving, zoals "Voornaam" en "Achternaam" in naamvelden
• Tijdelijke tekst - Tekst die je in elk veld kunt weergeven
• Optie - Tekst voor selecteerbare opties in checkbox, radio en enquêtevelden
• Enquêtetitel - Tekst van de enquêtevraag
• Uitklapmenu selecteren - Tekst uitklapmenu

De tekst van de knop verzenden volgt de primaire, secundaire of tertiaire knopstijlen van je site, afhankelijk van wat je selecteert in het tabblad Ontwerp formulierblok.

Bericht na indienen

Als je een post-submit bericht toevoegt, volgt de tekst deze stijlopties in de algemene stijlen van je site:

• Lettertype - alinea-instellingen in het paneel lettertypen
• Grootte - alinea 2 diavoorstelling in het gedeelte alinea's van het lettertypenpaneel
• Kleur – Alinea (Medium) kleur in het gekozen gedeelte thema, of Alinea (Medium) op Achtergrond als je een achtergrond op het blok hebt ingeschakeld.

Kleuren wijzigen

Standaard gebruiken formulierblokken kleuren uit het palet van je site. Klik in het paneel Formulierenstijl op Kleuren en schakel vervolgens de optie Themakleuren gebruiken in om de kleuren van elementen van je formulierblokken handmatig aan te passen op basis van het kleurenschema van hun gedeelte.

Als de aanpassing op Achtergrond valt, geldt het alleen voor formulierblokken met de achtergrondkleur ingeschakeld, of voor formulierblokken die openen in een lichtbak. De aanpassingen zonder op Achtergrond zijn van toepassing op formulierblokken zonder achtergrondkleur of lichtbak ingeschakeld.

Stijlformulierenblokken in versie 7.0

In versie 7.0 volgen formulierblokstijlen over het algemeen de hoofdtekst en knopaanpassingen van je sjabloon, maar de opties variëren afhankelijk van je sjabloon en sommige formulierveldlabels hebben een vaste grootte. Het is bijvoorbeeld niet mogelijk om de grootte van de labels "Voornaam" en "Achternaam" onder de "Naam"-velden te wijzigen. Het is misschien ook niet mogelijk om de kleur van de plaatshoudertekst in velden te veranderen.

De lichtbak heeft een vaste stijl. Het is niet mogelijk om de meeste lettertype- of kleurinstellingen te wijzigen. Wil je meer weten over het stylen van je site, bezoek Stijlaanpassingen.