Afspraak-banner¶
De Afspraak-banner is een grote opvallende sectie ("jumbotron") met een banner-foto, banner-tekst en een knop om een afspraak te maken. De inhoud (foto, tekst, knop) wordt centraal beheerd in de Afspraken-globals, niet per pagina — als redacteur plaats je de banner gewoon op de juiste pagina.
Hoe het op de site verschijnt¶
Velden¶
Geen — het blok zelf heeft geen velden. Foto, tekst en knop-instellingen komen uit de Afspraken-configuratie van de site (zie Algemeen → Afspraken).
Hoe het rendert¶
- Volledige breedte banner met:
- Achtergrondfoto — de eigen foto uit Algemeen → Afspraken, of de standaardvisual als daar geen foto is ingesteld
- Witte vetgedrukte titel-tekst (uit de Afspraken-globals), optioneel op een gekleurd vlak voor leesbaarheid
- Afspraak-knop (typisch geconfigureerd als directe link naar de online afspraak-tool)
Wanneer gebruiken¶
- Op de homepage als prominente call-to-action.
- Op een dienst-pagina waar afspraak maken een logische volgende stap is.
- Onderaan een lange uitleg-pagina als afsluiter.
Wanneer niet gebruiken¶
- Op de Contact-pagina — daar staat meestal al een formulier met afspraak-link.
- Meerdere keren op één pagina — dat is overdaad.
Tekst en foto aanpassen¶
De banner-tekst, de eigen banner-foto en de optie Banner-tekst op donkere achtergrond beheer je in de globals Afspraken, niet hier in het blok. Een wijziging daar = een wijziging op alle pagina's waar deze banner staat.
Geen lokale aanpassing
Wil je per pagina een ander bericht of een andere foto? Dan is de Afspraak-banner niet de juiste keuze — gebruik dan een Foto + tekst of CTA-knop met aangepaste tekst.
Tips¶
- Eenduidige boodschap: één centrale afspraak-tekst voor de hele site, dat is ook de bedoeling van dit blok.
- Knop-tekst kort: "Maak nu een afspraak" werkt beter dan "Klik hier voor een persoonlijke afspraak met onze expert".
- Test op mobiel: de jumbotron kan op smal scherm anders breken dan op desktop.
Veelgemaakte fouten¶
- Banner-tekst lang/onleesbaar — pas dat aan in de globals.
- Drie afspraak-CTAs op dezelfde pagina (banner + knop + footer) — kies er één voor de meest prominente plek.