Een accordeon is een lijst met vragen waarbij elk antwoord openklapt als een bezoeker op de vraag klikt, en weer dichtklapt als hij er nog een keer op klikt. Zo blijft een lange FAQ-pagina kort. EverWeb 4.6 en hoger heeft een ingebouwde Accordeon. Gebruik in EverWeb 4.5 een accordeonwidget van een ander bedrijf (zie hieronder).
In EverWeb 4.6 en hoger: de Accordeon
Een Accordeon toevoegen
- Open de pagina en klik op de plek waar u de FAQ wilt hebben.
- Klik op Containers in de knoppenbalk en kies Accordeon. U kunt ook Invoegen > Container > Accordeon gebruiken, of Accordeon vanuit het tabblad Widgets slepen.
- U krijgt drie secties, waarvan de eerste open is. Dubbelklik op de koptekst (Section 1, sectie 1) en typ uw eerste vraag.
- Zet het antwoord in het open gedeelte onder de kop: sleep er een tekstvak in en typ. Een sectie kan alles bevatten wat u ook op een pagina kunt zetten, zoals afbeeldingen, knoppen of een kaart.
- Wilt u tijdens het werken een andere sectie openen, klik dan op het pijltje rechts in de kop. Voeg dan op dezelfde manier de vraag en het antwoord toe.
Vragen toevoegen of verwijderen
- Een vraag toevoegen: selecteer de Accordeon en klik op de knop + erop, of klik er met de rechtermuisknop op en kies Toevoegen aan Accordeon > Accordeonsectie. Om de Accordeon te selecteren in plaats van een sectie, klikt u met de rechtermuisknop en gebruikt u Selecteer laag.
- De volgorde wijzigen: sleep een sectie omhoog of omlaag, of selecteer hem en klik op de pijltjes omhoog en omlaag op het label. Op een Mac kunt u ook Command indrukken samen met de pijl-omhoog- of pijl-omlaagtoets.
- Een vraag verwijderen: selecteer de sectie en klik op de verwijderknop, of druk op Delete. Met Wijzig > Herstellen komt hij terug.
Kiezen hoe hij openklapt
Selecteer de Accordeon en ga naar Details > Widget instellingen:
- Open Sections (open secties): One at a time (één tegelijk, de standaardinstelling) sluit het open antwoord als een bezoeker een ander opent. Met Meerdere kunnen bezoekers er meerdere tegelijk openen.
- Welk antwoord open is als de pagina laadt: wat u in EverWeb open laat staan. Wilt u dat alle antwoorden eerst dicht zijn, klik dan op het pijltje van de open sectie om hem te sluiten voordat u publiceert.
- Naam: helpt u deze Accordeon terug te vinden in lijsten zoals Insluiten, bijvoorbeeld "FAQ bezorging".
- Inhoud Maximale breedte: houdt de vragen op een groot scherm in een smallere kolom.
Elke vraag is een Kop 3, dus hij volgt uw stijl voor Kop 3. Zie Houd uw tekst consistent met alineastijlen.
Gebruik de Accordeon op een responsieve pagina, waar alles eronder naar beneden schuift om ruimte te maken als een antwoord openklapt. Op een pagina met de lay-out Gecentreerd (vaste breedte) schuift de inhoud eronder niet mee, dus een open antwoord kan die bedekken. Gebruikt u hem daar toch, zet hem dan onderaan de pagina.
In EverWeb 4.5: een accordeonwidget
EverWeb 4.5 heeft geen ingebouwde Accordeon. Externe ontwikkelaars maken accordeon- en FAQ-widgets voor EverWeb: u vindt ze op de pagina met EverWeb-uitbreidingen. Hoe u er een installeert, leest u in Widgets van derden installeren en gebruiken in EverWeb. De maker van de widget ondersteunt hem.
Goed om te weten
- Zoekmachines: dichtgeklapte antwoorden horen gewoon bij uw pagina, dus zoekmachines lezen ze net als alle andere tekst. EverWeb voegt geen gestructureerde FAQ-gegevens toe (extra code voor zoekresultaten). Die hebt u niet nodig om uw antwoorden in Google te laten verschijnen.
- Telefoons en toetsenborden: bezoekers kunnen op een telefoon op een vraag tikken, of op een computer de Tab- en Enter-toets gebruiken.
- Houd het overzichtelijk: zet de vragen die het meest gesteld worden bovenaan en houd elk antwoord kort. Link naar een pagina met de details als een antwoord meer ruimte nodig heeft.
Gerelateerde artikelen
- Houd uw tekst consistent met alineastijlen
- Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon
- Widgets van derden installeren en gebruiken in EverWeb
- Maak uw website toegankelijk: alt-tekst, koppen, linkteksten en contrast
- Een tabel aan een pagina toevoegen: prijslijsten, dienstregelingen en andere rijen en kolommen