Praktijkvoorbeeld: Homepage bouwen met Elementor

Stap 1: Nieuwe Pagina aanmaken

1. Ga in WordPress naar Pagina's > Nieuwe pagina.
2. Geef je pagina de naam Home.
3. Klik op Bewerken met Elementor.

Stap 2: Structuur opzetten

➤ Sectie 1: Hero (bovenste deel met grote afbeelding en titel)

• Voeg een nieuwe sectie toe met één kolom.
• Sleep een "Koptekst" widget erin → Typ:
  Welkom bij GreenLeaf Tuinontwerp
• Sleep een "Teksteditor" widget eronder → Typ:
  Natuurlijke tuinontwerpen op maat, voor een groenere wereld.
• Sleep een "Knop" widget eronder → Zet de tekst op:
  Vraag een offerte aan
• Klik op de sectie > Stijl > Achtergrond:
  • Type: Klassiek
  • Kies een afbeelding van een tuin of landschap (upload of gebruik gratis stockafbeelding).
• Zet de hoogte van de sectie op Minimale hoogte > 600px (via Layout-tab)

➤ Sectie 2: Diensten

• Voeg een nieuwe sectie toe met drie kolommen.
• Voeg in elke kolom een "Afbeeldingsbox" widget toe:
  • Afbeelding 1: Plantenontwerp
    Titel: Plantenplannen
    Beschrijving: Zorgvuldig geselecteerde beplanting voor elk seizoen.
  • Afbeelding 2: 3D Tuinontwerp
    Titel: 3D Visualisatie
    Beschrijving: Zie je tuin tot leven komen vóór de aanleg.
  • Afbeelding 3: Onderhoud
    Titel: Tuinonderhoud
    Beschrijving: Regelmatige verzorging voor blijvend resultaat.

➤ Sectie 3: Over ons

• Voeg een éénkoloms sectie toe.
• Voeg een "Koptekst" toe: Over GreenLeaf
• Voeg een "Teksteditor" toe met tekst zoals:

  GreenLeaf Tuinontwerp is gespecialiseerd in ecologisch en duurzaam tuinontwerp. Met meer dan 10 jaar ervaring creëren we groene leefruimtes die rust en balans brengen.

• Voeg eventueel een "Afbeelding" widget toe aan de zijkant (gebruik een twee kolommen layout als je tekst en beeld wil combineren).

➤ Sectie 4: Reviews

• Voeg een driekoloms sectie toe.
• Gebruik "Testimonial" widgets (gratis beschikbaar via plugins of Elementor Pro).
• Plaats 2–3 klantreviews met namen, foto's en teksten.

➤ Sectie 5: Contact

• Voeg een volle breedte sectie toe.
• Voeg een Koptekst toe: Klaar om jouw droomtuin te ontwerpen?
• Voeg een Knop toe met de tekst: Neem contact op
• Link de knop naar je contactpagina.

Styling Tips (optie)

• Kleuren: Gebruik natuurlijke tinten (groen, bruin, beige).
• Lettertype: Kies een rustige, leesbare stijl zoals Lato of Roboto.
• Knoppen: Zorg voor voldoende padding en ronde hoeken (bijv. border-radius: 30px).

Opslaan en Instellen als Homepage

1. Klik op Publiceren rechtsonder.
2. Ga naar Instellingen > Lezen in WordPress.
3. Kies bij "Je homepage toont" > Een statische pagina.
4. Selecteer de zojuist gemaakte "Home" pagina.

Resultaat

Je hebt nu een mooie, overzichtelijke homepage met:

• Een pakkende header (hero)
• Duidelijke dienstbeschrijvingen
• Over ons-sectie
• Klantreviews
• Contact call-to-action

Downloaden

Klik hier om het json bestand te downloaden 

Hoe importeer je dit in Elementor?

1. Ga in je WordPress-dashboard naar Templates > Opgeslagen Sjablonen.
2. Klik op Importeren.
3. Upload dit JSON-bestand.
4. Na import kun je het gebruiken op elke pagina via de Elementor bibliotheek (klik op het map-icoon).