040 848 80 69 bob@bobdewebbouwer.com

De Divi structuur : secties, rijen en kolommen

divi structuur secties rijen en kolommenAls je de Divi pagebuilder geinstalleerd hebt zie je op elke pagina een grote paarse knop. Klik daarop om de Divi pagebuilder te activeren.

De structuur van een Divi pagina wordt opgebouwd uit secties, rijen en kolommen.

In de afbeelding zie je de opbouw van mijn homepage. Een gedeelte met een blauwe rand is een sectie, een gedeelte met een groene rand is een rij en gedeeltes met een donkergrijze rand zijn kolommen.

Het eerste onderdeel onder mijn header is een sectie met daarin 1 rij. Die rij is onderverdeeld in 2 kolommen (website laten bouwen en website laten verbeteren).

Daarna volgt nog een sectie, maar deze keer bestaat de sectie uit meerdere rijen. De koptekst “zo mooi kan jouw nieuwe website ook worden” heeft een eigen rij die bestaat uit 1 kolom over de gehele breedte.

Daaronder volgt een tweede rij, waarin 3 websites uit mijn portfolio staan. Elke website staat in een eigen kolom, dus deze rij bestaat uit  3 kolommen. De volgende 3 websites staan weer op een nieuwe rij, die wederom bestaat uit 3 kolommen.

Secties gebruik je dus om content die bij elkaar hoort te groeperen. In mijn geval gebruik ik de eerste sectie voor mijn diensten, de tweede sectie voor mijn portfolio, en ik heb ook nog secties voor mijn USP’s (waarom kiezen voor Bob), de referenties en de blogartikelen.

Een sectie kun je voorzien van een achtergrond over de gehele breedte van het scherm, en een sectie is het enige element waarbij je shape dividers kunt gebruiken.

Je kunt zoveel secties gebruiken als je wilt, en elke sectie kan bestaan uit een onbeperkt aantal rijen. Die rijen kun je verdelen in maximaal 4 kolommen, en elke kolom kan weer een onbeperkt aantal modules bevatten (zie hieronder).

De Divi content : modules

De structuur van een Divi pagina wordt dus opgebouwd uit secties, rijen en kolommen. Aan die kolommen kun je vervolgens content toevoegen door middel van modules. Divi wordt standaard geleverd met 36 modules. De meest gebruikte module is de tekst module, waarmee je gewoon tekst kunt toevoegen zoals je dat ook in de standaard WordPress editor zou doen. Net als in de standaard WordPress editor kun je ook bij Divi’s tekst module afbeeldingen en andere media toevoegen, links invoegen, tekst dik of schuin drukken enzovoorts. Naast de tekst module wordt Divi geleverd met de volgende modules:

  • Aanbevelingen : Hiermee kun je referenties op je site plaatsen, met o.a. een foto en de naam van degene die de referentie geeft. Voor de referenties op mijn homepage heb ik deze module gebruikt.
  • Accordeon : Deze module is ideaal voor FAQ en dergelijke, want hiermee kun je alleen de vraag tonen en het antwoord pas weergeven als er op de vraag geklikt wordt. Dat maakt zo’n pagina veel overzichtelijker.
  • Afbeelding :  Hiermee kun je uiteraard een afbeelding invoegen.
  • Afteltimer : Deze module is ideaal voor coming soon pages, of om bijvoorbeeld af te tellen naar een opening, evenement of de lancering van een nieuwe dienst. Je kunt hier een datum en tijd ingeven en vervolgens wordt er een timer weergegeven die laat zien hoeveel dagen, uren, minuten en seconden het nog duurt tot deze bereikt is.
  • Audio : Hiermee kun je een audiofragment toevoegen, waarna een basis audiospeler getoond wordt met o.a. een volumeregelaar. Je kunt het audiofragment o.a. voorzien van titel, artiest en album, inclusief de albumcover.
  • Berichtengalerij : Een slider met je berichten, waarbij je weer een aantal dingen kunt instellen.
  • Berichtennavigatie : Hiermee kun je links invoegen naar het vorige en volgende bericht op je blog, indien gewenst alleen uit dezelfde categorie als het huidige bericht. Door deze module onderaan elk blogbericht te plaatsen houd je bezoekers wellicht langer op je website.
  •  Blog : Hiermee kun je berichten tonen op elke pagina, in plaats van alleen op de berichtenpagina. Je kunt dit o.a. beperken tot bepaalde categorieen en je kunt instellen of je elementen als de auteur, datum, categorieen en een lees meer button wilt tonen. Daarnaast kun je kiezen tussen een lijstweergave of een grid weergave. Omdat je met de blogmodule veel meer controle over de styling hebt gebruik ik deze module altijd om de berichten weer te geven, o.a. op mijn homepage maar ook op mijn blogpagina.
  • Blurb : Dit is eigenlijk gewoon een tekstmodule. maar nu kun je er een icoontje aan toevoegen en wordt de tekst standaard gecentreerd weergegeven. Handig voor kleine stukjes tekst die wat meer moeten opvallen.
  • Cirkelteller : Hiermee krijg je een cirkel waarin een percentage getoond wordt. Als de cirkelteller in beeld komt loopt deze op van 0 naar het ingestelde percentage. Deze module wordt bijvoorbeeld vaak gebruikt om aan te geven hoe ver een project gevorderd is, of om een vaardigheidsnivau aan te duiden.
  • Code : Met de code module kun je HTML, CSS en javascript code toevoegen.  Ook handig voor shortcodes van andere plugins.
  • Contactformulier : Uiteraard voor het invoegen van een contactformulier. Dit is een krachtige module waarbij je zoveel velden kan toevoegen als je wilt. Je kunt kiezen uit tekstvelden, checkboxes, keuzerondjes en dropdown selecties. Je kunt per veld instellen of het veld verplicht is en je kunt zelfs conditionele logica gebruiken. Daarmee kun je bijvoorbeeld instellen dat een veld alleen zichtbaar wordt als er bij de vorige vraag “ja” is geselecteerd.
  • E-mail opt-in : Toont een venster waarmee mensen zich kunnen inschrijven op je nieuwsbrief. Er is echter geen nieuwsbrief systeem in Divi ingebouwd, dus daar heb je een andere plugin zoals MailPoet of MailChimp voor nodig.
  • Filterbaar portfolio : Divi heeft een extra post type naast pagina’s en berichten, namelijk “projecten”. Je vindt dit onderdeel in het WordPress admin menu links.  Dit zijn eigenlijk gewoon berichten die met deze module getoond kunnen worden. Net als gewone berichten kun je ook projecten verdelen in categorieen, en met deze module kun je die categorieen boven de berichten tonen. Als een bezoeker op een categorie klikt worden alleen projecten uit die categorie getoond.
  • Galerij : Hiermee kun je een fotogalerij invoegen, als raster of als slider. Deze module maakt gebruik van de standaard WordPress galerij.
  • Kaart : Hiermee kun je een Google Maps kaart invoegen, bijvoorbeeld om je locatie te tonen op je contactpagina. Je moet eerst een API key aanmaken bij Google Maps voordat dit werkt.
  • Knop : Hiermee kun je een knop toevoegen, waarvan je zelf kunt instellen welke tekst erop moet komen en waarheen deze moet linken.
  • Log in : Heb je een ledensite, webshop of een ander soort site waar bezoekers kunnen inloggen? Met deze module geef je een inlogvenster weer.
  • Nummerteller : Hetzelfde als de eerder besproken cirkelteller, maar dan zonder cirkel eromheen.
  • Oproep tot actie : Hetzelfde als de knop module, maar nu met een achtergrond. Bedoeld voor een opvallende call to action button.
  • Persoon : Deze module wordt vaak gebruikt om teamleden weer te geven. Je kunt o.a. een naam, functie, foto en social media profielen toevoegen.
  • Portfolio : Zie filterbaar portfolio hierboven, maar dan zonder de mogelijkheid om te filteren op categorieen.
  • Reacties : Standaard wordt de reactiemogelijkheid alleen onderaan een bericht getoond, maar met deze module kun je ze ook op een andere plek tonen.
  • Schakelen : Hetzelfde als de accordeon module, maar bij de accordeon module kun je meerdere vragen en antwoorden invullen en bij deze module maar 1. Bij de accordeon module sluit het antwoord echter automatisch als je een andere vraag aanklikt, terwijl de gebruiker bij de schakelen module elke vraag zelf kan openen en sluiten. Je zet hierbij dus iedere vraag met bijbehorend antwoord in een eigen module.
  • Shop : Met deze module kun je WooCommerce producten toevoegen op elke pagina. Je kunt bijvoorbeeld de meest recente producten, de meest verkochte producten of alleen producten uit een of meerdere categorieen tonen, instellen hoeveel kolommen er getoond moeten worden en de standaard sortering instellen. Ook qua styling biedt deze module veel mogelijkheden. Ik gebruik meestal deze module in plaats van de standaard shop pagina.
  • Slider : Hiermee kun je een eenvoudige foto of videoslider toevoegen. Je kunt voor iedere slide een knop en een link toevoegen.
  • Social Media volgen : Voegt knoppen toe waarmee mensen je kunnen volgen op social media. Je kunt zelf de achtergrondkleur van de button kiezen, dus in plaats van een blauwe Facebook button zou ik ook een gele Facebook button kunnen maken.
  • Tabbladen : Hiermee kun je content verdelen onder meerdere tabbladen, net zoals de tabbladen bij een WooCommerce product.
  • Tabellen prijsstelling : Met deze module kun je een vergelijkingstabel maken, waarin je bijvoorbeeld 3 dienstenpakket aanbiedt. Je ziet dit bijvoorbeeld vaak bij hostingbedrijven, die dan een goedkoop pakket, een iets duurder pakket en een veel duurder pakket aanbieden. Je kunt 1 of meerdere opties uitlichten waardoor deze optie een extra opvallend uiterlijk krijgt.
  • Titel bericht : Hiermee kun je de titel van het huidige bericht weergeven, en kiezen welke elementen daarbij getoond worden zoals de uitgelichte afbeelding, auteur, datum en categorie.
  • Verdeler : Hiermee kun je een scheidingslijn toevoegen, waarvan je o.a. de kleur, hoogte en stijl kunt instellen.
  • Video: Hiermee kun je een videofragment uploaden en insluiten op je pagina, met een bedieningspaneeltje eronder. Je kunt ook video’s van externe bronnen als YouTube, Vimeo of Facebook toevoegen.
  • Videoslider : Een slider voor videos.
  • Voortgangsbalk : Hetzelfde als de eerder besproken cirkelteller, maar dan met een balk in plaats van een cirkel.
  • Zijbalk : Hiermee kun je een bepaalde widgetarea toevoegen op elke gewenste plek. Je kunt in Divi ook zelf widgetareas aanmaken, dus je kunt bijvoorbeeld een widgetarea aanmaken waarin je alleen de widget van een bepaalde plugin plaatst, die je vervolgens met deze module op een pagina kunt invoegen. Dit is helaas een beetje omslachtig, het zou makkelijker zijn als je elke widget gewoon rechtstreeks kan invoegen op een pagina maar dat is helaas (nog) niet mogelijk in Divi.
  • Zoeken : Voegt een zoekvenster toe waarmee een bezoeker je site kan doorzoeken.

Een pagina opbouwen met de Divi Builder

Je weet nu dat de structuur van een Divi pagina is opgebouwd uit secties, rijen en kolommen, en welke modules er zijn. Nu gaan we leren hoe je een pagina opbouwt met de Divi Builder, de page builder van Divi.

De Divi builder is in 2 smaken beschikbaar : de Backend Builder en de Visual Builder.

Divi Backend Builder

divi builder backendHoewel je meestal in de visual builder zal werken vind ik het altijd prettig om eerst de structuur van de pagina in de backend builder te maken.

Als je Divi hebt geinstalleerd zie je boven de editor een grote paarse knop waarmee je de Divi page builder kunt activeren. De standaard WordPress editor wordt dan vervangen door een raster zoals op de afbeelding hiernaast, standaard met 1 sectie die bestaat uit 1 rij en 1 kolom. Als je al iets op de pagina had staan is er ook een tekstmodule aangemaakt waarin deze content geplaatst is.

Onder elke sectie (blauw), rij (groen) en kolom (donker grijs) vind je een plus teken waarmee je een nieuw onderdeel kunt toevoegen.

Nieuwe sectie toevoegen

Als je een nieuwe sectie wilt toevoegen heb je de keuze uit een standaard sectie, sectie volle breedte, speciale sectie en je kunt ook een sectie toevoegen vanuit de Divi bibliotheek. Meestal kies je gewoon voor de standaard sectie, maar als je bijvoorbeeld een slider over de gehele breedte van het scherm wilt kies je voor de fullwidth sectie. De speciale sectie biedt diverse indelingen met sidebars e.d.

Rij toevoegen

Als je een nieuwe sectie toevoegt krijg je een popup waarin je kunt instellen uit hoeveel kolommen de eerste rij van je sectie moet bestaan. Ook als je handmatig een rij toevoegt moet je instellen uit hoeveel kolommen deze dient te bestaan.  Maar geen zorgen, dit kun je later nog aanpassen.

Modules toevoegen

Je hebt nu een rij die bestaat uit 1 of meerdere kolom(men). In elke kolom zie je een plus teken met de tekst “voeg module(s) in”. Klik daarop en selecteer de module die je wilt toevoegen. Ik vind het handig om hier alvast de content toe te voegen aan de modules (ik voeg bijvoorbeeld de teksten en afbeeldingen meestal al toe in de backend builder) maar dat kun je zometeen ook doen in de visual builder. Het design doen we sowieso in de visual builder.

Opslaan

Als je iets wilt opslaan zie je 2 keuzes: opslaan en toevoegen aan de bibliotheek of opslaan en verlaten. Standaard kies je voor opslaan en verlaten, de bibliotheek optie behandel ik later in deze handleiding.

Divi Visual Builder

divi visual builderAls je de basis structuur van je website klaar hebt wordt het tijd om over te schakelen naar de Visual Builder. Daarvoor klik je op de grote blauwe knop “visual builder gebruiken” bovenaan de pagina.

Je ziet de website dan zoals bezoekers deze ook zien, en als je een aanpassing maakt zie je ook direct het effect daarvan. Ideaal voor het finetunen van je design!

Nadat je de visual builder hebt geactiveerd ga je met je muis over het onderdeel dat je wilt bewerken. Je krijgt dan groene, blauwe en donkergrijze blokjes te zien. Weet je het nog? Met een blauw blokje kun je een sectie bewerken, met een groen blokje een rij en met een donkergrijs blokje een module.

In elk blokje vind je aantal icoontjes:

divi visual builder icoontjes

  • Kruisje (1) : Als je met de muis hierop klikt kun je het betreffende onderdeel verslepen naar een andere plek op de pagina.
  • Tandwiel (2) : Hiermee kun je instellingen of inhoud van dit onderdeel aanpassen.
  • Venstertjes (3) : Klik hierop om het huidige onderdeel te kopiëren, inclusief alle instellingen en inhoud.
  • Kolommen (4) : Klik hierop om de kolomindeling aan te passen (alleen bij rijen beschikbaar).
  • Rondje met pijltje (5) : Klik hierop om het huidige onderdeel op te slaan in de bibliotheek, inclusief alle instellingen en inhoud.
  • Prullenbak (6) : Klik hierop om het onderdeel te verwijderen.

Als je met de muis onderaan een sectie, rij of module staat verschijnt er ook een plus teken. Als je hierop klikt wordt er een nieuwe sectie, rij of module ingevoegd.

Als je een onderdeel wilt bewerken klik je dus op het tandwieltje (al kun je teksten ook direct bewerken door te klikken en te typen 🙂 ). Er opent zich nu een popup venster met de opties voor dat onderdeel. Welke opties je hebt verschilt per onderdeel.  Je hebt in elk geval altijd 3 tabbladen: content, ontwerp en geavanceerd.  

Content tabblad

divi visual builder achtergrondOnder het content tabblad vind je bij secties en rijen standaard 2 instellingen, namelijk achtergrond en admin label.

Als je op achtergrond klikt zie je 4 buttons, met daaronder een vak met een plusje erin. Als je op dat plusje klikt kun je een effen achtergrondkleur selecteren. Met de rechter schuifbalk kun je deze eventueel gedeeltelijk doorzichtig maken, waardoor je een achtergrondafbeelding nog een beetje zichtbaar kunt houden.

Als je op de tweede button klikt, het zwart/wit icoontje, kun je een verloopkleur instellen. Bij de derde button kun je een achtergrondafbeelding kiezen, en bij de vierde button kun je zelfs een achtergrondvideo instellen. Net als bij veel andere onderdelen in Divi kun je ook een verloopkleur en de achtergrondafbeelding verregaand aanpassen met diverse instellingen, speel daar gerust mee om de vele mogelijkheden te ontdekken.

Ben je toch niet tevreden over de ingestelde achtergrond? Ga dan met de muis naar de rechter bovenhoek van het vak waar je de achtergrond hebt ingesteld. Er komt dan een tandwieltje en prullenbakje tevoorschijn waarmee je de achtergrond kunt aanpassen of verwijderen.

Als je op admin label klikt kun je het betreffende onderdeel een duidelijkere naam geven, wat met name in de backend builder zorgt voor veel duidelijkheid.

Bij de modules vind je onder het content tabblad ook alle basis instellingen. Zo vind je hier bij de tekst module de tekst editor, bij de afbeelding module een upload veld, bij de tellers het in te stellen percentage enzovoorts. Bij sommige modules waar je meerdere elementen kunt toevoegen, zoals de accordeon module en de tabblad module, zie je alleen een plus teken. Klik daarop om je eerste element toe te voegen, daarna kun je het tweede, derde enzovoorts toevoegen.

Ontwerp tabblad

Onder het ontwerp tabblad vind je alle design opties (behalve de achtergrond dus). Welke opties je hebt verschilt ook hier per onderdeel, maar meestal zie je in elk geval de volgende instellingen:

  • Formaat wijzigen : Stel de breedte van dit onderdeel in.
  • Afstand : Hiermee kun je de padding en marge instellen, waarmee je de afstand tussen 2 elementen bepaalt. Bij secties en rijen kun je ook gewoon met de muis net boven of onder het kader gaan staan waarna je de gewenste padding gewoon middels drag & drop kunt instellen.
  • Rand : Hiermee kun je een border en/of afgeronde hoeken instellen.
  • Box Shadow : Hiermee kun je een schaduw effect instellen.
  • Filters : Een aantal kleurenfilters waarmee je gave effecten kunt bereiken.
  • Animatie : Laat een onderdeel geanimeerd (bewegend) verschijnen.

Bij secties heb je daarnaast nog dividers, waarmee je hele gave overgangen tussen secties kunt maken, en bij rijen kun je nog instellen of je deze links, rechts of gecentreert wilt uitlijnen. Welke extra opties je bij de modules hebt verschilt per module, maar meestal kun je naast bovenstaande dingen in elk geval tekstkleuren en lettertypes instellen.

Bij steeds meer onderdelen zie je ook een smartphone icoontje. Als je daarop klikt kun je apart instellingen maken voor desktop, tablet en smartphone.

Geavanceerd tabblad

Het laatste tabblad is geavanceerd. Onder dit tabblad kun je een CSS class of ID toewijzen aan een onderdeel en aangepaste CSS toevoegen. Verder kun je onder het kopje zichtbaarheid het betreffende onderdeel verbergen op desktop, tablet of smartphone. Zo kun je nog een stapje verder gaan met je responsive design!

Werkbalk onderin

werkbalk onderin
Onderin zie je steeds een werkbalk met 4 buttons:

  • Rood kruis : Sluit het popup venster zonder je wijzigingen op te slaan.
  • Paarse pijl : Maak de laatste wijziging ongedaan.
  • Blauwe pijl : Herstel de laatste wijziging die je ongedaan hebt gemaakt.
  • Groen vinkje : Sla alle wijzigingen op en sluit het popup venster.

Visual Builder instellingen

Helemaal onderaan de pagina zie je een paarse cirkel met 3 puntjes erin. Als je daarop klikt worden de instellingen voor de Divi Visual Builder geopend.

divi visual builder instellingen

De verschillende onderdelen van zijn:

  1. Builder settings : hiermee kun je de Divi Visual builder interface aanpassen aan je wensen.
  2. Raster weergave : hiermee kun je een soortgelijke weergave krijgen als de backend editor zonder de Visual Builder te verlaten.
  3. Uitzoomen : hiermee zoom je uit zodat je beter ziet hoe het hele pagina ontwerp eruit ziet.
  4. Desktopweergave : Bekijk hoe je ontwerp eruit ziet op een groot scherm.
  5. Tabletweergave : Bekijk hoe je ontwerp eruit ziet op een tablet.
  6. Telefoonweergave : Bekijk hoe je ontwerp eruit ziet op een telefoon.
  7. Laad een bestaande layout : Divi wordt standaard geleverd met tientallen standaard layouts, die je via deze knop kunt laden. Ook layouts die zijn opgeslagen in de Divi bibliotheek (zie hieronder) kun je via deze knop laden.
  8. Opslaan in bibliotheek : Hiermee kun je de huidige layout opslaan in de Divi bibliotheek.
  9. Lay-out wissen : Wis de huidige layout en begin opnieuw.
  10. Sluit de visual builder instellingen.
  11. Pagina instellingen : Hiermee kun je een aantal dingen instellen voor de hele pagina.
  12. Wijzigingsgeschiedenis : hiermee kun je terug naar een vorige status als je per ongeluk iets gewijzigd hebt wat niet de bedoeling was.
  13. Importeren en exporteren : Naast het opslaan van layouts in de bibliotheek voor gebruik elders op de website kun je deze ook exporteren of importeren voor gebruik op een andere Divi website.
  14. Concept opslaan : Als je de pagina nog niet publiekelijk zichtbaar wilt maken kun je kiezen voor concept opslaan.
  15. Publiceren : Als de pagina klaar is voor publiek klik je op publiceren.

De Divi bibliotheek

Deze term heb je al enkele keren voorbij zien komen, maar wat is die Divi bibliotheek nu eigenlijk? Dit is eigenlijk hetzelfde als de mediabibliotheek waar je afbeeldingen en andere bestanden in opslaat, maar dan voor Divi onderdelen. Je kunt vrijwel ieder onderdeel in Divi opslaan, van een knop tot een complete sectie en van een tekstmodule tot een complete pagina. Alle inhoud en styling wordt eveneens opgeslagen.

Vervolgens kun je dit onderdeel overal in je site hergebruiken. Dat doe ik bijvoorbeeld ook met het blok hieronder, waarin ik mijn diensten aanbied als je er zelf niet uitkomt.
Dit complete blok is  opgeslagen in de Divi bibliotheek en kan ik met 1 klik laden, inclusief de foto, tekst en offerte aanvraag knop. Dat scheelt een hoop tijd!

Als je een nieuw onderdeel toevoegt (via het plusje) zie je ook een optie “toevoegen vanuit bibliotheek”. Als je daarop klikt zie je alle opgeslagen onderdelen van dezelfde soort, dus als je een sectie wilt toevoegen zie je hier alle opgeslagen secties, als je een rij wilt toevoegen zie je hier alle opgeslagen rijen en als een nieuwe module toevoegt zie je hier alle opgeslagen modules.

Opslaan als globaal

Hoewel ik het blok onderaan dus altijd uit de bibliotheek haal doe ik vaak wel kleine aanpassingen aan de tekst, of gebruik ik een andere afbeelding die beter past bij het betreffende artikel. Als ik iets aanpas op deze pagina heeft dat geen invloed op de andere pagina’s waar ik dit blok gebruik.

Je kunt een onderdeel echter ook opslaan als globaal item. Als je daarvoor kiest wordt een wijziging op de ene pagina wel doorgevoerd op alle andere pagina’s waar het betreffende onderdeel gebruikt wordt. Het donatie blok onderaan is een voorbeeld van zo’n globaal item.

Hulp nodig met je Divi website?

Als het goed is heb je de basis van de Divi builder nu aardig onder de knie. Heb je toch nog vragen?
Stel ze gerust in de reacties hieronder!

Je kunt mij natuurlijk ook inhuren om een Divi website voor je te bouwen, of om samen met jou aan
je Divi website te werken. Heb je Divi nog niet? Via de button hieronder koop je Divi met 10% korting!

Vraag direct een vrijblijvende offerte aanKoop Divi zelf met 10% korting!

Dit artikel bevat affiliate links. Dat wil zeggen dat ik een vergoeding krijg als je Divi koopt via een link op deze pagina. Dat kost jou verder niets extra’s (sterker nog, via deze link krijg je zelfs 10% korting) maar zorgt er wel voor dat ik jou kan blijven helpen met dit soort gratis artikelen. Dus als je zelf Divi wilt aanschaffen stel ik het zeer op prijs als je dat via deze pagina doet 😉

Heb je Divi al of ga je voor een andere oplossing, maar wil je me wel graag bedanken? Dan kun je eventueel ook een kleine eenmalige donatie doen via de button hiernaast 🙂

 

Bedrag €*