Wil je een accordeon toevoegen aan een Elementor website? Dan kun je daarvoor de standaard opties uit het thema gebruiken, geen extra WordPress plugin voor nodig.

Elementor accordeon toevoegen

Om bijvoorbeeld een FAQ-accordeon toe te voegen met de Elementor pagebuilder, volg je deze stappen:

  1. Sectie toevoegen:
    • Open je pagina of bericht in Elementor.
    • Klik op het plus-icoontje om een nieuwe sectie toe te voegen.
    • Kies een éénkoloms-structuur.
  2. Element toevoegen:
    • Klik op het “Widgets”-pictogram in het linkermenu.
    • Zoek naar “Accordeon” in de lijst met elementen.
    • Sleep het “Accordeon”-element naar de nieuwe sectie.

    Accordeon Elementor

  3. FAQ-items invoeren:
    • Standaard zijn er twee items in het accordeon.
    • Klik op het eerste item om het te bewerken.
    • Voer de vraag in het “Title”-veld in.
    • Voer het antwoord in het “Content”-veld in.
    • Herhaal dit voor elk item dat je wilt toevoegen.
  4. Extra items toevoegen:
    • Klik op “Add Item” om extra items toe te voegen.
    • Vul de vraag en het antwoord in zoals eerder beschreven.
  5. Stijlen aanpassen:
    • Klik op het “Style”-tabblad om de stijl van het accordion aan te passen.
    • Je kunt hier zaken aanpassen zoals de titel en de inhoud.
    • Pas bijvoorbeeld de kleur, achtergrond of typografie aan.
  6. Geavanceerde opties:
    • Klik op het “Advanced”-tabblad voor verdere aanpassingen.
    • Hier kun je marges, opvulling, en andere geavanceerde instellingen aanpassen.
  7. Publiceren:
    • Klik op “Publish” of “Update” om de wijzigingen op te slaan en te publiceren.

Dat is alles! Zo maak je eenvoudig een FAQ-accordeon met Elementor.

Elementor voor WordPress

Zelf ontwikkelen wij geen nieuwe WordPress projecten met Elementor. Waarom niet? Wij blijven graag dicht bij de basis van WordPress en dat is de Gutenberg editor die wij gebruiken in combinatie met het GeneratePress thema.

Alleen krijgen we veel vragen over Elementor en willen we ook graag onze kennis hierover delen. En daarbij willen we ook graag aangeven dat als de Elementor plugin correct geïnstalleerd en gebruikt wordt dat het zeker geen slechte pagebuilder is.

Feedback

Heb je na het lezen van dit artikel nog vragen of zijn er onduidelijkheden? Werkt de code niet op jouw website? Laat het ons weten, dan kunnen wij je misschien verder helpen.

Feedback kennisbankartikel

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis nooit meer website tips.

Al 500+ webdesigners en marketeers ontvangen onze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.