Hoe maak ik uitklapbare blokken met de accordion?
Een accordion is een rij titels die openklappen als je erop klikt. Zo houd je een pagina met veel informatie overzichtelijk: de bezoeker opent alleen wat hij wil lezen. Met het blok Accordion maak je zo’n rij in een paar minuten. Je leest ook wanneer je beter het blok voor veelgestelde vragen gebruikt.
In het kort
- Voeg in een kolom het blok Accordion toe.
- Klik per item op Nieuwe accordion toevoegen en vul Titel en Content in.
- Sleep items om de volgorde te veranderen.
- Op de website staan alle items dicht; een klik op de titel klapt de tekst open.
- Voor veelgestelde vragen die je op meer pagina’s toont, is de module Veelgestelde vragen handiger.
Stap 1: Voeg het blok Accordion toe
Klik in een kolom op de + (Blok toevoegen), typ ‘accordion’ en kies Accordion. Het bewerkvenster gaat open met een lege lijst Accordions.
Stap 2: Voeg items toe
Klik op Nieuwe accordion toevoegen. Elk item heeft twee velden:
- Titel: de tekst die altijd zichtbaar is, bijvoorbeeld een vraag. Houd die kort.
- Content: de tekst die openklapt. Dit veld werkt als het blok Tekst: je kunt opsommingen, vette woorden en links gebruiken.
Klik nog een keer op Nieuwe accordion toevoegen voor het volgende item. Je kunt zoveel items maken als je wilt.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Stap 3: Pas de volgorde aan
Pak een item aan de linkerkant vast (het nummer) en sleep het naar een andere plek. Met het minteken rechts verwijder je een item. Klap een item in met het pijltje bovenaan, zodat je lijst overzichtelijk blijft terwijl je werkt.
Klik op Klaar en daarna op Opslaan.
Hoe werkt het op de website?
Op de website staan alle items onder elkaar, elk in een vak met een plusje rechts. Alle items staan eerst dicht. Klikt een bezoeker op een titel, dan klapt de tekst open en wordt het plusje een kruisje. Nog een keer klikken klapt hem weer dicht. Er kunnen meerdere items tegelijk open staan.
Tip: zet in de titel precies de vraag of het onderwerp waar je bezoeker naar zoekt. Hij moet aan de titel kunnen zien of het openklappen de moeite waard is.
Accordion of Veelgestelde vragen uitlichten?
Voor veelgestelde vragen heeft leflite ook een module. Daarmee voeg je elke vraag één keer toe en toon je hem met het blok Veelgestelde vragen uitlichten op zoveel pagina’s als je wilt. Op de website ziet dat er hetzelfde uit als een accordion.
| Accordion | Veelgestelde vragen | |
|---|---|---|
| Tekst invullen | In het blok zelf | Eén keer, in de module |
| Op meer pagina’s | Per pagina opnieuw | Overal dezelfde vraag |
| Geschikt voor | Info die bij één pagina hoort | Vragen die vaker terugkomen |
Lees veelgestelde vragen toevoegen en veelgestelde vragen tonen op een pagina.
Google en FAQ-gegevens
De tekst in een accordion staat gewoon in je pagina, dus Google kan hem lezen. Het blok Veelgestelde vragen uitlichten geeft je vragen daarnaast extra informatie mee waaraan zoekmachines herkennen dat het vragen en antwoorden zijn. De accordion doet dat niet.
Andere manieren om inhoud te verbergen
Wil je bezoekers laten kiezen tussen hele secties, bijvoorbeeld per dienst? Dan zijn tabbladen handiger. Zie tabbladen die verschillende secties tonen.
Lukt het niet?
- Een item is leeg op de website. Het veld Content is niet ingevuld.
- Je wilt dat het eerste item al open staat. Dat kan niet; alle items starten dicht.
- Je wilt dezelfde vragen op meerdere pagina’s. Gebruik de module Veelgestelde vragen. Zie modules aanzetten.
- Kom je er niet uit? Neem contact met ons op.
Andere blokken vind je in alle blokken op een rij.
Veelgestelde vragen
Ja, de tekst staat gewoon in de pagina, ook als hij dichtgeklapt is. Voor extra FAQ-gegevens gebruik je de module Veelgestelde vragen.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Berichten of pagina's automatisch tonen
Een slider instellen
Het Tekst-blok gebruiken
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.