Divi 5 review
Toen Divi in 2013 werd gelanceerd was het één van de eerste drag & drop page builders voor WordPress. In 2016 zorgde de introductie van Divi’s Visual Builder voor een revolutie in hoe page builders werkten, samen met Elementor dat in hetzelfde jaar werd gelanceerd. Voor het eerst kon je werken in de voorkant van je website, zodat je tijdens het bouwen precies kon zien hoe je pagina eruit zou zien voor bezoekers. In 2019 lanceerde Divi de theme builder, waarmee je alle onderdelen van je site in Divi kon bouwen, inclusief headers, footers en templates. In november 2022 kondigde Elegant Themes (het bedrijf achter Divi) aan dat er een compleet nieuwe versie van Divi zou komen, Divi 5 genoemd.
Wat is er nieuw in Divi 5?
In de oorspronkelijke aankondiging werd gezegd dat Divi 5 aanvankelijk geen nieuwe functies zou bieden. Deze update was erop gericht om Divi helemaal vanaf de grond opnieuw op te bouwen op een nieuwe, toekomstbestendige technische basis. De ontwikkeling van Divi 5 duurde echter veel langer dan verwacht en het zou bijna twee jaar duren voordat gebruikers een alpha versie van Divi 5 hadden om op hun eigen website mee te experimenteren.
De Divi Feature Swap
Daarom kwam Elegant Themes in januari 2025 de Divi Feature Swap; een aantal minder populaire/belangrijke functies uit Divi 4 zouden worden uitgesteld of geschrapt, en de bespaarde tijd zou worden gebruikt om een aantal veelgevraagde nieuwe functies te ontwikkelen. Nou, ze stellen zeker niet teleur!
Custom breakpoints voor Divi 5
Slechts een paar weken later kondigde Elegant Themes de eerste nieuwe functie aan, en het was een zeer belangrijke: custom breakpoints.
Breakpoints bepalen op welke schermresolutie je bepaalde aanpassingen kunt doen, zoals het mobiele menu tonen in plaats van het desktop menu, en kolommen onder elkaar plaatsen in plaats van naast elkaar.
In Divi 4 waren er slechts 3 breakpoints met een vaste breedte; de eerste was voor desktop, de tweede voor tablet met 980 px en de derde voor mobiel met 767 px.
Dat was erg beperkend; het desktopmenu zag er bijvoorbeeld niet meer goed uit op een tablet in landscape-modus, maar de resolutie daarvan is meestal 1180px of 1024px. Het tablet-breekpunt van Divi 4 heeft echter een vaste resolutie van 980px, waardoor het niet mogelijk was het mobiele menu te tonen op tablets in landscape.
Met de nieuwe aanpasbare breakpoints kun je die 980px eenvoudig wijzigen naar 1024px of 1180px, of een nieuw breakpoint toevoegen; Divi 5 ondersteunt maximaal 7 verschillende breakpoints.
Divi Presets
Presets zijn een belangrijke feature om je styling consistent en onderhoudsvriendelijk te houden. Met een preset kun je een standaard design creëren dat je vervolgens kunt hergebruiken op de rest van je site. Als je een preset aanpast op 1 plek worden je wijzigingen automatisch doorgevoerd op alle andere plaatsen waar je die preset hebt gebruikt.
Geavanceerde webbouwers zullen dit concept herkennen als CSS classes, maar Divi’s preset systeem is wel wat minder uitgebreid dan een echt class systeem zoals builders als Bricks en Greenshift dat hebben. Zo kun je bijvoorbeeld maar 1 preset tegelijk toevoegen aan een module of instelling.
Divi 4 had ook al presets, maar Divi 5 brengt deze naar heel nieuw level met option group presets.
In Divi 4 kon je alleen een preset maken voor de hele module, maar in Divi 5 kun je presets maken voor vrijwel iedere styling optie. Je kunt dus presets maken voor bijvoorbeeld achtergronden, borders, schaduws enzovoorts, en je bent niet meer beperkt tot hetzelfde type module zoals in Divi 4; je kunt presets gebruiken in elke module (of sectie, rij, kolom) die de betreffende styling optie heeft.
Variabelen, relatieve HSL kleuren en geavanceerde CSS units
De volgende updates waren eveneens gericht op het bouwen van consistente en onderhoudsvriendelijke websites, door gebruik te maken van variabelen en geavanceerde css units als clamp en calc.
Zo kun je bijvoorbeeld een variabele maken met de naam “afgeronde hoeken”, die je overal kunt gebruiken waar je afgeronde hoeken wilt. Op die manier hoef je niet na te denken of op te zoeken welke waarde je ook alweer had gebruikt voor afgeronde hoeken, je hoeft alleen maar een logische naam te onthouden (of te selecteren).
Bovendien geven variabelen je globale controle; als je later besluit dat je hoeken meer of juist minder afgerond wilt hebben pas je de waarde aan op 1 plaats en het wordt overal waar je die variabele gebruikt hebt automatisch aangepast.
Divi zou Divi niet zijn als ze dit niet zo gemakkelijk mogelijk voor je zouden maken, dus ze hebben ook een variable manager gemaakt
Divi gaat echter een stap verder; je kunt niet alleen variabelen instellen voor css attributen, maar je kunt ook globale teksten en links toevoegen voor bijvoorbeeld je telefoonnummer en e-mail adres, en afbeeldingen voor dingen als je logo. Als je telefoonnummer, e-mail adres of logo ooit wijzigt hoef je dat dus alleen maar aan te passen in de variable manager en vervolgens wordt het overal waar je de betreffende variable gebruikt hebt automatisch aangepast.
Divi 5 introduceert ook een heel nieuw kleuren management systeem, eveneens gebaseerd op variabelen (en HSL kleuren).
Bouw elke gewenste layout met nested rows, module groups en flexbox controls
Presets en variabelen zorgen ervoor dat je een onderhoudsvriendelijke website kunnen maken, maar hoe zit het met flexibiliteit?
In Divi 4 kon je slechts kiezen uit 20 rij structuren, en hoewel dit in de meeste gevallen voldoende was is het niet erg flexibel. Bovendien werden alle kolommen vanaf het tablet breakpoint onder elkaar geplaatst, dus een layout met meerdere kolommen op tablet of mobiel was niet mogelijk.
Divi 5 introduceerde allereerst nested rows, waarmee je nieuwe rijen in de kolom van een andere rij kon toevoegen, Daarmee kun je dus veel flexibere layout bouwen.
Maar helaas kun je daarmee nog steeds geen andere kolomstructuur selecteren per breakpoint.
Dat probleem werd een soort van opgelost toen Divi 2 maanden later eindelijk flexbox controls kreeg. Ik zeg “een soort van”, want flexbox werkt helaas niet met Divi’s rij systeem. Als je echter een rij met 1 kolom toevoegt en je alle modules in die kolom toevoegt kun je wel flexbox gebruiken.
Daarnaast heeft Divi 5 een nieuwe group module; een container waarin je meerdere modules kunt groeperen en de layout kunt bepalen met flexbox.
Loop builder
Moderne, onderhoudsvriendelijke websites maken gebruik van dynamische content, wat betekent dat de content vanuit 1 plek beheerd wordt (net zoals variabelen).
Het bekendste voorbeeld van dynamische content in WordPress zijn blog berichten. Je beheert je blog berichten immers in 1 plek – onder “berichten” in de admin omgeving, en deze worden automatisch toegevoegd op je nieuwspagina (en andere pagina’s waar je deze wilt tonen, bijvoorbeeld op de homepage zoals ik doe) met Divi’s blog module. Zo’n grid met berichten noem je een “loop”.
Hetzelfde geldt voor bijvoorbeeld WooCommerce producten; je beheert deze onder het kopje “producten” in de WordPress admin omgeving, en er is een “products” module waarmee je een grid (= loop) met al je producten kunt tonen op je winkelpagina, je productenpagina’s enzovoorts.
Het was bijvoorbeeld niet mogelijk de volgorde van elementen aan te passen (bijvoorbeeld de berichttitel boven de uitgelichte afbeelding weergeven), laat staan dat je extra elementen zoals custom velden kon toevoegen.
De nieuwe loop builder in Divi 5 brengt daar verandering in. Nu kun je je loops (grids) bouwen zoals je wilt, met elke module die je wilt.
Bovendien kun je nu ook custom velden toevoegen. Zo kan ik nu bijvoorbeeld een custom post type toevoegen voor mijn portfolio met de gratis Advanced Custom Fields plugin. Daarmee kan ik custom velden toevoegen voor dingen als de website link, beschrijving en klantnaam, en deze allemaal weergeven in mijn portfolio grid.
Interactions
Interactions was een verrassing die in eerste instantie niet was aangekondigd, maar wel behoorlijk krachtig is. Met interactions kun je een element manipuleren op basis van wat een gebruiker doet.
Voor elke interactie kun je een trigger en een actie instellen. Op de afbeelding rechts heb ik bijvoorbeeld een “click” trigger ingesteld, en de actie is om een sectie te tonen die in eerste instantie verborgen was. Op die manier kun je eindelijk een popup maken in Divi!
Andere triggers zijn “mouse enter” en “mouse exit” waarmee je hover effecten kunt creeren, en “viewport enter” en “viewport exit” waarmee je scroll interacties kunt maken. Tenslotte is er ook een “on load” trigger.
De acties die je kunt toevoegen zijn het tonen of verbergen van een element, het toevoegen of verwijderen van een preset, en, voor geavanceerde gebruikers, het toevoegen of verwijderen van custom attributes en cookies. Verder kun je nog scrollen naar een ander element en “mirror mouse movements” voor interactieve effecten die reageren op de muisbeweging.
Waarom is Divi zo populair?
Divi 5 heeft dus een hoop nieuwe, broodnodige features toegevoegd de Divi weer terug in het spel brengen. Maar Divi vormt al jaren de basis voor miljoenen websites. Wat maakt Divi zo populair?
Zoals ik al schreef in het begin van dit artikel is de Divi Builder is een enorm krachtige drag & drop front-end page builder waarmee je alles live op de voorkant van je site aanpast zodat je direct het effect van je aanpassingen ziet.
Dus als je dingen als kleuren, randen, achtergronden, marge / padding, animaties enzovoorts aanpast zie je de pagina in real time veranderen, en je ziet het exact zoals bezoekers van je website het ook zien. Het aanpassen van teksten is een kwestie van klikken en typen.
De Divi Theme Builder
Als ik zeg dat je met de Divi Builder alles kunt aanpassen bedoel ik ook echt alles;
sinds de lancering van Divi 4 kun je met de Divi Builder ook je header, footer en allerlei templates aanpassen. Zo kun je helemaal zelf bepalen hoe je berichten template, archieven, WooCommerce product pagina, 404 pagina enzovoorts eruit komen te zien. Dat maakt van Divi een complete theme builder in plaats van alleen een page builder.
Het belangrijkste onderdeel van elke template builder is dynamische content.
Dat betekent dat je data niet per pagina handmatig invoert, maar die data automatisch uit de database haalt.
Als je bijvoorbeeld je blog template aan het bouwen bent kun je een afbeelding module invoegen, en automatisch de uitgelichte afbeelding van een bericht daar invoegen. Daarnaast kun je een tekst module plaatsen waarin je automatisch de bericht titel laadt, en datzelfde geldt voor de auteur, publicatiedatum, categorieën etc.
En als je een WooCommerce product pagina maakt kun je bijvoorbeeld de prijs, product info, reviews, gerelateerde producten, reviews enzovoorts plaatsen waar je maar wilt.
Je kunt zoveel templates maken als je maar wilt, dus je kunt bijvoorbeeld een aparte template maken voor je homepage met een andere header dan de rest van de site, een ander uiterlijk voor je blog berichten of zelfs een compleet eigen layout voor een bepaalde pagina, bijvoorbeeld een landingspagina of je contactpagina.
Het bouwen van een template werkt precies hetzelfde als het bouwen van een normale pagina, dus je kunt alle Divi modules en hun styling opties gebruiken
(ook in de header en footer). Dat geeft je dus heel veel design vrijheid!
Ruim 40 Divi modules
Divi heeft standaard meer dan 40 modules. Dit zijn content elementen; zo typ ik deze tekst in een tekst module, de afbeelding hiernaast staat in een afbeelding module etc.
Er is onder andere een video module, een galerij module, een Google Maps module, een contactformulier module, een e-mail opt-in module om meer inschrijvingen op je nieuwsbrief te krijgen, een countdown timer module, een geanimeerde nummer module, een afbeeldings-, berichten en video slider, een accordeon module, een referenties module, prijstabellen enzovoorts.
Als je een webshop met WooCommerce hebt krijg je daar nog eens 16 modules bij.
Er is een zoekfunctie aanwezig waarmee je de gewenste module snel kunt vinden, en hoewel de modules er standaard al prima uit zien zijn er een hele hoop styling opties beschikbaar om ze exact zo vorm te geven als je wilt.
Styling opties
Divi biedt waarschijnlijk de meeste styling opties van alle page builders die ik geprobeerd heb. Enkele dingen die je kunt aanpassen in de styling opties zijn:
- Kleuren (waarbij je standaard kleuren en globale kleuren kunt instellen)
- Achtergronden (ook verloopkleuren, afbeelding of een video achtergrond)
- Lettertypes en grootte
- Box en tekst schaduw
- Uitlijning
- Minimale en maximale breedte en hoogte
- Randen (inclusief shape dividers)
- Kleurenfilters
- Transformatie opties, waarmee je elementen kunt schuin trekken, roteren en meer
- Animaties (zowel entry animaties als scroll animaties)
-
Enzovoorts
Responsive content
Deze styling opties zijn beschikbaar voor vrijwel elk element in Divi: je vindt ze bij elke module, maar ook bij kolommen, rijen, secties…
en je kunt zelfs aparte stijlen instellen voor verschillende apparaten. In het eerste screenshot op deze pagina zie je hoe dat werkt: bij heel veel elementen zie je een telefoon icoontje als je er met de muis overheen gaat. Als je op dat icoontje klikt zie je 3 tabbladen: desktop, tablet en telefoon.
Als je bijvoorbeeld bij de font grootte op dat icoontje klikt kun je een H2 kop 26px groot maken op desktop, 22px op tablet en 18px op een smartphone. Zo kun je ook de uitlijning, (achtergrond)kleur, rand, animaties, transformaties enzovoorts aanpassen. Natuurlijk kun je er ook voor kiezen om een module, kolom, rij of sectie helemaal te verbergen op mobiel, tablet of desktop.
Maar wat Divi echt uniek maakt is wat ze responsive content noemen: zo kun je niet alleen de font grootte en kleur van een tekst aanpassen op mobiel, je kunt zelfs een hele andere tekst (of afbeelding, video enzovoorts) voor mobiel invoeren! Dus als je koptekst te lang is voor op een smartphone kun je deze gewoon aanpassen naar een kortere tekst voor mobiel, terwijl de desktop versie blijft zoals die was. Wow!
Overigens kun je al deze dingen ook instellen voor hover, dus als je er met de muis overheen gaat.
Divi heeft ook een ingebouwde simulator zodat je snel kan zien hoe je pagina eruit ziet op een tablet of smartphone.
Divi presets, de Divi Library en meer
Je bent een flinke tijd bezig geweest om die ene referentie exact zo te krijgen als je wilt, en nu wil je datzelfde design ook gebruiken voor alle andere referenties.
Geen probleem, Divi heeft enkele handige features waardoor je niet iedere module handmatig hoeft te gaan stylen 🙂
Om te beginnen kun je simpelweg de styling van een module kopiëren en plakken in de volgende module. Je kunt ook alleen een bepaalde styling optie kopiëren, zoals bijvoorbeeld de H2 koptekst kleur.
Je kunt ook de styling instellingen uitbreiden naar alle andere modules op dezelfde pagina, of alleen naar de modules in dezelfde rij of sectie. Dat scheelt een hoop tijd, want zo hoef je ze niet steeds handmatig te plakken in elke module.
Maar wat als je nu op iedere pagina referenties hebt staan, en je wilt dat al deze referenties dezelfde stijl krijgen? Dat is waar Divi’s Presets van pas komen.
Met Divi Presets kun je de styling niet alleen kopiëren en plakken, maar ook opslaan als standaard instelling. Zo kun je instellen dat alle referenties een blauwe koptekst hebben en een zwart-wit foto. Als je dan op een gegeven moment besluit dat je toch liever een rode koptekst wilt hoef je dat maar op 1 plek aan te passen, en alle referenties die dezelfde preset gebruiken worden automatisch mee aangepast.
Het mooiste is echter dat je ook meerdere variaties kunt opslaan. Je kunt dus de eerste referentie een blauwe koptekst geven, de tweede referentie een rode en de derde referentie een groene. Die sla je op als “referentie blauw”, “referentie rood” en “referentie groen”, en bij een nieuwe referentie kies je gewoon welke stijl je wilt toepassen. Als je CSS beheerst ken je deze manier van werken als CSS classes.
Je kunt je design ook opslaan in de Divi Library, wat te vergelijken is met de WordPress media bibliotheek, maar dan voor Divi elementen. Je kunt elk element opslaan in de Divi Library – van een knop tot een tekstblok en van een rij tot een complete pagina layout, inclusief alle styling en content.
Vanuit de library kun je die elementen overal op de website importeren, en je kunt ze zelfs exporteren om ze in een andere Divi website te gebruiken.
Je kunt elk element ook opslaan als global element, wat erg fijn is voor dingen als knoppen. Als je de kleur van een global knop aanpast zal die automatisch ook worden aangepast op elke andere plek op je website waar die knop gebruikt wordt.
Het verschil tussen presets en de library is dat in de library ook alle content (teksten, afbeeldingen enzovoorts) gesynchroniseerd wordt, terwijl dat bij presets alleen de styling is.
Layout packs
Layout packs zijn professioneel ontworpen templates die standaard bij Divi geleverd worden. Alle layout packs bestaan uit meerdere templates in dezelfde stijl; zo is er een layout pack voor een restaurant, met een template voor de homepage, een template voor de contactpagina, een template voor het menu enzovoorts.
Er wordt elke week een nieuw layout pack toegevoegd, dus als je Divi koopt krijg je niet slechts 1 thema maar eigenlijk honderden thema’s in 1!
Nog steeds niet overtuigd? Hier zijn nog een aantal redenen waarom ik fan ben van Divi 🙂
- Divi heeft een zeer actief ontwikkelingsteam, waardoor er zeer regelmatig nieuwe functies aan Divi worden toegevoegd.
- Als je serieus bezig bent met conversie optimalisatie is Divi Leads een hele waardevolle – en unieke – toevoeging. Daarmee kan ik bijvoorbeeld de button hieronder testen in meerdere varianten en kijken welke variant het beste presteert. Ik zou dus een button met een gele en een groene achtergrond kunnen maken, waarbij Divi aan de ene bezoeker de gele button toont en aan de andere bezoeker de groene. Vervolgens zie ik op welke button het meest wordt geklikt, en dus welke variant het beste werkt.
- Divi heeft een ingebouwde role editor, waarmee je voor iedere gebruikersrol kunt instellen wat deze wel en niet mag doen. De meeste andere builders bieden ook wel een role editor, maar die zijn vaak beperkt tot 2 of 3 presets; een gebruikersrol kan of alle elementen in de builder gebruiken, of de builder helemaal niet gebruiken. Sommige builders bieden nog een derde optie waarbij de gebruiker alleen teksten en afbeeldingen kan aanpassen. In Divi kun je echter veel gedetailleerder instellen wat een gebruiker wel en niet kan doen; wil je bijvoorbeeld dat je klant wel achtergrondkleuren kan aanpassen, maar niet de kolomindeling? Dan kun je dat gewoon zo instellen.
- Naast het Divi thema en de losse Divi builder plugin krijg je er ook enkele leuke plugins bij waarvan de Monarch social sharing plugin en de Bloom e-mail opt-in plugin zeker de moeite waard zijn.
- Divi wordt uitstekend ondersteund. Er is een uitgebreide helpfunctie met video tutorials, zowel op de website als in Divi zelf, en er worden vele tutorials gepubliceerd over allerlei onderwerpen. Daarnaast is het support team bereikbaar via chat en niet te beroerd om een stukje maatwerk code te schrijven om je wensen te realiseren.
- Last but not least: de licentie van Divi is zeer gunstig voor webbouwers, grafisch ontwerpers en andere mensen die regelmatig een website bouwen. Voor een eenmalige investering van een dikke 200 euro mag je alles van Elegant Themes gebruiken op zoveel websites als je maar wilt, en heb je ook nog eens recht op levenslange updates en support. De meeste premium thema’s en plugin licenties gelden slechts voor 1 website, en/of rekenen een jaarlijks bedrag voor updates en support.
Wat kost Divi?
Divi kost $ 89,00 per jaar, maar als je Divi koopt via onderstaande knop krijg je 10% korting.
Je mag dan alle thema’s en plugins van Elegant Themes gebruiken op zoveel sites als je maar wilt.
Als je na een jaar besluit je lidmaatschap te stoppen mag je Divi gewoon blijven gebruiken, maar je ontvangt dan geen updates en support meer.
Om die reden heb ik zelf gekozen voor de lifetime licentie, die $ 224,00 kost via onderstaande knop (wederom met 10% korting).
Dat is een flink bedrag, maar daarvoor krijg je wel levenslang support en updates zonder verdere (jaarlijks) terugkerende kosten. Je hebt de investering voor een lifetime licentie
dus in 3 jaar tijd terugverdiend, en aangezien je op de langere termijn eigenlijk niet zonder updates kunt raad ik je aan hiervoor te kiezen (als je kunt missen natuurlijk).
Zelf je website bouwen, maar dan wel met wat hulp van een expert?
Kies dan voor Bobs Website in 1 dag pakket! Met dit pakket gaan we samen een hele dag achter de computer zitten (kan eventueel ook online via Zoom) en is aan het einde van de dag (de basis van) je nieuwe website klaar!
Van tevoren regelt Bob alle technische zaken zoals het instellen van WordPress en het installeren van alle benodigde plugins, zodat we die dag meteen aan de slag kunnen met het leukste gedeelte; het ontwerpen en vullen van de website 🙂 .
Doordat we de website samen bouwen leer je precies hoe WordPress werkt en hoe je alles kunt aanpassen.
En kom je er toch even niet uit? Dan mag je Bob altijd even bellen of mailen, want je krijgt 3 maanden support!
Heeft Divi ook nog nadelen?
Uiteraard, ook Divi is niet perfect. Enkele nadelen zijn:
- Toch die prijs. Zoals ik al schreef is die zeer gunstig voor mensen die regelmatig websites bouwen, maar als je maar 1 of 2 websites wilt maken is Divi wat duurder dan de concurrentie.
- De leercurve. Divi is een zeer uitgebreide tool en het kost flink wat tijd om alle mogelijkheden te ontdekken. Hoe gebruiksvriendelijk Divi ook is, je zal er even aan moeten wennen. Zoals ik al zei aan het begin van dit artikel, ook voor mij was het geen liefde op het eerste gezicht 😉
- Hoewel Divi dus regelmatig wordt uitgebreid met nieuwe features gaat de ontwikkeling wat minder snel dan bij sommige concurrenten. Zo hadden sommige andere page builders al een jaar eerder belangrijke features zoals de theme builder en het zelf kunnen bouwen van WooCommerce pagina’s.
Dit artikel bevat affiliate links. Dat wil zeggen dat ik een vergoeding krijg als je een betaalde page builder koopt via een link op deze pagina. Dat kost jou verder niets extra’s, maar zorgt er wel voor dat ik jou kan blijven helpen met dit soort gratis artikelen. Dus als je zelf een page builder wilt aanschaffen stel ik het zeer op prijs als je dat via deze link doet 😉
Ga je voor Elementor of een andere gratis oplossing? Dan kun je eventueel ook een
kleine eenmalige donatie doen via de button hiernaast 🙂
Dag Bob,
Eerst en vooral bedankt voor je interessante website.
Ik geraak er niet goed uit wat is zal kiezen de Elementor Page Builder of Divi. Wat zou jij me aanbevelen?
En dan….
Ik heb een bestaande website met heel wat pagina’s.
– Gaan deze pagina’s verloren als ik een page builder gebruik?
– Moet ik alle pagina’s apart bewerken?
– Werken de pagina’s onderling pas als ze met de page builder bewerkt zijn of werkt de website ook nog als niet alle pagina’s met de page builder bewerkt zijn?
– Wat als ik achteraf de page builder wil verwijderen? Is dan mijn hele website omzeep?
Hoi Pascal,
Bedankt voor je reactie. Persoonlijk gebruik ik Divi, zowel op deze website als op websites van klanten, maar dat komt ook omdat de licentie zo gunstig is voor webbouwers. Elementor is ook uitstekende page builder, zeker de pro versie biedt zeer veel mogelijkheden. Elementor heeft echter ook een gratis versie die ook al behoorlijk wat mogelijkheden biedt, dus ik zou zeggen installeer die eerst eens en kijk hoe dat bevalt.
Je pagina’s gaan niet verloren als je een page builder gebruikt. Je moet wel elke pagina apart bewerken, maar de pagina’s die je niet bewerkt blijven gewoon zoals ze zijn. De pro versie van Elementor heeft ook een theme builder, daarmee kun je templates maken waarmee je bijvoorbeeld alle blogberichten dezelfde opmaak kunt geven. Divi heeft dat op dit moment nog niet maar daar wordt wel hard aan gewerkt, coming soon dus 😉
Als je achteraf de page builder wilt verwijderen is dat bij Elementor geen probleem. Bij Divi is dat een ander verhaal; Divi maakt gebruik van zogenaamde shortcodes om de pagina op te maken, en die shortcodes blijven achter als je Divi verwijderd. Zoals ik in het artikel al schreef is er echter wel een plugin te koop die de shortcodes kan verwijderen. Die kost 18 dollar dus dat is nog te overzien.
Succes met je keuze!
Groeten van Bob
Dag Bob,
Ik denk dat ik voor de pro versie van Elementor ga. Maar heb nog een vraagje:
Als je de licentie niet verlengt kan je Elementor dan nog gebruiken?
Nog een vraagje. Hier een daar lees ik dat de website traag wordt door het gebruik van een page builder. Wat is jouw ervaring hierin?
Hoi Pascal,
Van de Elementor website:
What happens if I don’t renew my license after one year? Will Elementor Pro still work?
Your existing project will remain intact. The only difference is support, updates and access to premium templates which require renewal.
Alles blijft dus gewoon werken, maar je krijgt geen updates meer. Dat kan op termijn leiden tot problemen (bijvoorbeeld als een Elementor pro module niet meer compatible is met een nieuwe versie van WordPress) maar aangezien de basis plugin gratis is en wel continu geupdate wordt denk ik niet dat dit heel veel problemen oplevert.
Of een website traag wordt door een gebruik van een page builder? Dat valt over het algemeen wel mee. Een page builder voegt wel heel veel code toe die allemaal geladen moet worden, maar in de praktijk is dat amper merkbaar. Het is dus niet zo dat je site opeens seconden langer laadt of zo.
PS om je keuze nog wat lastiger te maken, lees mijn Thrive Architect review die ik gisteren gepubliceerd heb ook eens 😉 Lijkt heel erg op Elementor en kost maar $ 67.00 voor een levenslange licentie (hoef je dus niet ieder jaar te verlengen).
Groeten van Bob
Hey Bob,
Heb intussen de Elementor Pro al aangeschaft.
En inderdaad de Thrive Architect lijkt me ook heel interessant, maar hier was het me niet duidelijk of na het verwijderen van de page builder ook de codes worden verwijderd. En of de optie bestaat om post in pagina’s te plaatsen.
Dag Bob,
Ben intussen al de slag met Elementor. Het was even zoeken, maar het begint te lukken.
Helaas als ik nu pagina’s test die intussen met Elementor zijn opgebouwd, krijg ik de google PageSpeed Insights de melding:
Prioriteit geven aan zichtbare content. Weet jij hoe dit opgelost kan worden?
Hoi Pascal,
Dat zou ik zo ook niet weten helaas, kan er ook niets over vinden zo snel…
Groeten van Bob
Heb het intussen gevonden. Toch bedankt voor je reactie
Mooi zo. Wil je hier nog even delen waar het aan lag aub?
Het is eigenlijk iets heel stoms en achteraf gezien iets heel logisch. Gewoon te kwistig met kolommen en secties. Het is nieuw, leuk en makkelijk met gevolg … en maar slepen en maar toevoegen van secties, telkens in een nieuwe kolom. Met gevolg veel te veel html, dus was de website moeilijk te lezen voor Google spider. Ik moet nu wel elke pagina even opnieuw opbouwen, maar met behulp van eigen templates, wat knip- en plakwerk valt het nog wel mee.
Hartelijk dank voor je toelichting Pascal, zo hebben anderen er wellicht ook nog wat aan 🙂
Dag Bob, sinds vandaag problemen met Elementor. Kan de pagina’s die bewerkt zijn met Elementor niet meer bewerken, krijg alleen maar een blanke pagina. De pagina’s die nog niet bewerkt waren kan ik wel bewerken. Heb al van alles geprobeerd, cache verwijderen, back-up, plugins uitzetten enz. Niets blijkt te helpen. Heb jij hier ervaring mee of weet jij hoe je dit kan oplossen?
Hoi Pascal,
Dat zou ik zo ook niet weten. Ik heb wel een artikel geschreven over het oplossen van dit soort problemen, maar zo te zien heb je de meeste stappen daaruit al geprobeerd. Dus dan zou ik even contact opnemen met de support van Elementor.
Groeten van Bob
Dag Bob,
Het probleem is opgelost. Redis was de oorzaak. Even de plugin uit – aan gezet en alles werkt (voorlopig) weer.
Groeten Pascal
Hoi Bob,
even een vraagje over Divi en de vrijheid van opmaken.
Ga nu de 2e website voor een klant maken. Nu wilt deze graag verdeeld hebben over 3 kolommen over de hele breedte.
ongeveer vergelijkbaar met deze site https://www.rogermordang.nl
Is dit de mogelijkheid met Divi? Of een ander builder? Of ga je hier meer naar custom CSS?
Gr. Reinier
Hoi Reinier,
Dat is wel mogelijk met Divi. Ik zou dan een verticaal navigatiemenu instellen (kolom 1) en vervolgens alle pagina’s verdelen in 2 kolommen. Je zou bijvoorbeeld elke pagina 1 rij met 2 kolommen kunnen maken, maar meerdere secties met 2 kolommen kan natuurlijk ook. Zolang ze maar even breed zijn.
Als de inhoud van de rechter kolom op elke pagina hetzelfde moet zijn (zoals bij die voorbeeldsite) kun je ook met sidebars werken.
Groeten van Bob
Hi Bob,
Nog laat actief! Bedankt weer voor de tip. Je bent een topper
Goedemorgen Bob,
Waar kan ik de product pagina(shop pagina) van WooCommerce in Divi opmaken. Ik bedoel de shop pagina, waar je een overzicht van de producten ziet. Nu staat titel van het product en de prijs naast elkaar en als ik de optie gegarandeerd vertrek aanklik gooit die die button het liefst ook nog naast de titel en de prijs. Ik zou dat graag onder elkaar zien. Omdat er 3 reizen/producten naast elkaar weergegeven wordt, is het een rommelig overzicht. Aanpassen van de kolommen is ook niet de bedoeling, want dan moeten mensen oneindig scrollen voor een overzicht van alle reizen.
Bij mij is dat nu dus erg lelijk en nergens aanpasbaar. Een echt minpunt van Divi vind ik.
Ik heb gezocht waar ik codes kan aanpassen, maar kan niks vinden wat werkt. Misschien weet jij het?
Groetjes Bianca
Hoi Bianca,
Ik ben bang dat dat op dit moment alleen mogelijk is met wat custom CSS code. De productpagina kun je vrij goed zelf vormgeven in de theme builder, maar de shop pagina nog niet helaas.
Groeten van Bob
Hoi Bon,
Nog een vraagje. Kolommen kan je die ook kopiëren en in een nadere rij plakken?? Ik zie alleen de optie kopiëren binnen de selectie, maar niet dat je hem in een andere selectie kan zetten. Nu moet ik elke keer als er een optie verschuift alle onderdelen van de kolom opnieuw verplaatsen naar de goede rij.
gr Bianca
Hoi Bianca,
Dat is volgens mij niet mogelijk helaas.
Groeten van Bob
Ik gebruik Divi al jaren. Heb er intussen 189 website mee gebouwd, maar het wordt de laatste tijd steeds meer buggy omdat die jongens van elegant themes zowat alles erin willen frotten wat je maar kan bedenken. Dat levert aan de lopende band na updates conflicten op met al draaiende plugins. Maar het ergste van allemaal is dat de support, aanvankelijk de sterkste kant van de organisatie, na een reorgansatie echt absolute vreselijke bagger is geworden, Zowel qua snelheid als kwalitatieve basiskennis van de eerste lijn. Op Amerikaanse forums klagen ze terecht ook steen en been.
Tot een jaar geleden kreeg je in het supportsysteem binnen enkele uren een reactie, waar je ook nog wat mee kon. Er zat een vast supportteam waarvan je na loop van tijd de namen ging kennen en ook hun specifieke kennis. Ze kwamen ook allemaal erg goed uit hun Engels. Het waren jongens en meisjes uit Oekraine, India, Pakistan, Bangladesh en de Filipijnen. Ze waren allemaal vriendelijk, deden hun stinkende best en de support afdeling liep echt op rolletjes.
Toen kondigden ze aan dat er een nieuwe support afdeling zou komen. Het zou allemaal nog veen sneller worden, de basiskennis was verhoogd en je kon zelfs live chatten met support.
Vooral dat laatste is achteraf een hele slechte grap, behalve wanneer je een chat met een respons tijd van 24 uur per bericht goed vindt. Het is werkelijk om te janken. Soms zit je langer dan 24 uur op een antwoord te wachten en dan nog heb je er helemaal niks aan, omdat het eerste antwoord altijd bestaat uit de standaard tips: 1. Heb je je cache al geleegd? 2. Heb je Safe Mod in Divi Support aangezet? 3. Heb je gecheckt of er een conflict is met een plugin?
Door schade en schande wijs geworden zet ik het er in mijn eerste ticket al standaard bij dat ik dat allemaal al heb gedaan, maar dat helpt helemaal niks. Ergo, het eerste chatcontact duurt 24+ uur maar het is desondanks toch geautomatiseerd.
Dan komt probleem nummer twee. Wanneer je na 48 uur eindelijk contact hebt met iemand van vlees en bloed blijkt de kennis van de Engelse taal zo ver onder de maat dat de supportafdeling mijn vraag vaker niet dan wel begrijpt. En geloof me, mijn Engels is bovengemiddeld goed. Het gebrekkige Engels daar is ook de grootste klacht van Amerikanen, Canadezen en Engelsen.
Sinds de bezem door de supportafdeling is gegaan, is het dweilen met de kraan open. Op Facebook helpen gebruikers elkaar een beetje en daar moet je het mee doen. Natuurlijk is Elegant Themes enorm gegroeid met intussen een miljoen vaste en actieve klanten. Maar dat betekent ook een omzet van nu al zo’n 100 miljoen per jaar. Daar kun je toch wel een goede support afdeling mee opzetten dunkt me. Bovendien hadden ze geweldige jongens in dienst maar die zijn helaas allemaal spoorloos verdwenen. Ik kan me wel voor mijn kop slaan dat ik nooit een mailadres van een van die gasten heb gevraagd,
Kortom, wat ooit een geweldig programma was, is vreselijk afgezakt. Ik zoek naar een alternatief, maar zit wel met het probleem dat ik 59 websites beheer met Divi.
Ik kan nu niemand meer aanraden hier in te stappen. Divi werkt gewoon niet lekker meer en wanneer er na ene update weer eens problemen met de websites ontstaan ben je dagen bezig alle klanten rustig te houden. Stressen bij het leven, alleen maar omdat ze bij Divi de zaken niet op orde hebben. Heel ergerlijk.
Wie heeft tips voor goede alternatieven?
Hoi Frank,
Hartelijk dank voor je uitgebreide reactie, maar ik ben het niet (geheel) met je eens. Ik heb de afgelopen maanden regelmatig gebruik gemaakt van de helpdesk, maar ben daar meestal prima geholpen. Ja, het duurt meestal een aantal uur voordat je een eerste reactie krijgt, maar als je ticket eenmaal in behandeling is genomen krijg je steeds snel een reactie.
Het Engels van de helpdeskmedewerkers die ik heb gesproken is prima (al moeten ze soms wel wat beter lezen) en het probleem wordt meestal ook opgelost. Ik heb zelfs al een aantal keer custom CSS code of een codesnippet ontvangen om een probleem op te lossen, en de medewerkers zijn ook zeker niet te beroerd om even mee te kijken op je website.
Ook heb ik enkele keren een (kleine) bug doorgegeven, dit wordt dan teruggekoppeld naar het development team en als het inderdaad een bug is wordt dat netjes aan je bevestigd – en meestal vrij snel opgelost in een update. Er worden echt heel veel updates uitgebracht voor Divi, met vooral heel veel bugfixes. Zie de changelog. Nieuwe features toevoegen is natuurlijk noodzakelijk omdat gebruikers daarom vragen, en concurrenten ook continu nieuwe features uitbrengen.
Voor wat betreft alternatieven, de meest voor de hand liggende zijn natuurlijk Elementor, Brizy en Oxygen, zie ook mijn pagebuilder vergelijking. Maar hoewel ik met al die builders heb gewerkt blijft Divi toch echt mijn favoriet. Die andere builders hebben natuurlijk ook bugs en conflicten met andere plugins, dat krijg je nu eenmaal als je met producten van tig verschillende ontwikkelaars werkt.
Misschien dat Beaver Builder een betere keuze voor je is. Die lijken echt te focussen op stabiliteit in plaats van features, en is waarschijnlijk mede daardoor erg populair onder developers.
Anders moet je gaan werken met Gutenberg, daar zijn de meeste plugins wel compatible mee maar de mogelijkheden zijn veel beperkter dan met Divi of een andere premium page builder. Er zijn wel plugins zoals Qubely die de functionaliteit van Gutenberg flink uitbreiden, maar dat is ook weer een plugin van een externe ontwikkelaar…
Groeten van Bob
Dag Bob
Ik heb een totaal andere ervaring. dat mag wel duidelijk zijn, maar ja, iedereen kent zijn eigen waarheid. Mijn ervaring met de support van Divi het afgelopen jaar strookt met die van honderden Amerikanen. Ga de forums maar eens langs. En de tijd waarop je moet wachten is bij mij sinds februari vorig jaar nooit korter geweest dan 24 uur.
Wat de conflicten van plugins betreft, natuurlijk kun je van Elegant Themes niet verwachten om alle plugins te gaan testen met een update. Wat ze wel kunnen is nieuwe zaken een tijdje op te sparen en dan een grote update uit te zetten. Nu is het aan de lopende band raak met alle gevolgen van dien.
Ik blijf van mening dat ze met het succes van Divi hun eigen staart aan het opeten zijn. Ik wil wel weg, maar aangezien dat een maand werk gaat kosten met 59 websites zit ik wel aan hen vast. Heb er bovendien een lifetime account.
Groet
Frank van Geloven
Hoi Frank,
Ik ben zelf lid van de officiële Facebook groep – met 49.000 leden – maar daar valt het nog best mee. Daarnaast hebben mensen die niet tevreden zijn vaker behoefte om dat te ventileren dan mensen die wel tevreden zijn, en bovendien zul je van andere plugins ongetwijfeld soortgelijke klachten vinden.
Je weet ongetwijfeld wel beter dan direct bij een grote update de websites te updaten toch? Ik wacht daar altijd rustig een paar weken mee, dan zijn de grootste bugs er wel uit. Divi heeft helaas geen openbare beta versies, maar zelfs bij Oxygen – die al vanaf de eerste ontwikkelversie gebruikers vragen om mee te testen – klagen gebruikers over bugs.
Ik zeg overigens niet dat Divi perfect is hoor, zeker niet. Maar het is tot nu toe wel mijn favoriete tool.
Groeten van Bob
Hoi Bob,
Kan je bij de volle map (kaart van bv Nederland) de pins (nu rode pins) ook aanpassen in bijvoorbeeld eigen logo? ik kan dat nu nergens vinden.
Hoi Bianca,
Dat kan, maar dat is geen kwestie van een instelling; je moet dan echt code gaan toevoegen aan je .htaccess bestand. Zie dit artikel.
Groeten van Bob
Hoi Bob,
Kan ik een aangeleverd OTF font laden in Divi?
Hoi Reinier,
Als het goed is wel. Als je bij een module het lettertype instelt zie je bij de te kiezen lettertypes ook een button “upload font”. Het kan zijn dat je een foutmelding krijgt dat het bestandsformaat niet geupload kan worden om veiligheidsredenen, zie dit artikel voor de oplossing van dat probleem.
Groeten van Bob
Hoi Bob,
Ik ben een startende ondernemer en van plan twee websites te maken.
Divi brengt oa het voordeel van meerdere websites dus dat probleem is dan daarmee getackeld. Het zijn twee bedrijfsnamen echter qua lay-out wil ik zelfde aanpak met verschil van (thema)kleuren en wat titels/banners. Dit is makkelijk te kopiëren en plakken toch?
Nu twijfel ik wel of ik voor 1 jarig of lifelong moet gaan. Wat is nu echt het grote verschil qua afweging die ik moet maken? En wat adviseer jij?
Dankjewel alvast!
Hoi Christina,
Je kunt met Divi zelf niet een complete website in 1 keer exporteren, maar wel de templates die je met de theme builder gemaakt hebt en individuele pagina’s. Als de hele website wilt kopiëren adviseer ik je eerst de ene website te bouwen, en daar vervolgens een kopie van te maken met een plugin als Duplicator of All in one WordPress migration.
Voor wat betreft 1 jarig of levenslang adviseer ik altijd levenslang. Dat heb je immers binnen 3 jaar weer terugverdiend, en ik neem aan dat je je websites langer dan 3 jaar wilt houden toch?
Groeten van Bob
heb een vraag en lukt niet te vinden dat te maken. gaat over een header gemaakt met de builder en dan heeft de header 2 menu’s dat gaat op zich prima. maar wil nu dat bepaalde pagina’s worden getoond in het menu, maar aanvankelijk van wat er in het hoofdmenu wordt gekozen.
Om het makkelijker uit te leggen een voorbeeld. er is een hoofdmenu met Particulier, Aannemer, Bedrijven en dan hebben we nog andere pagina’s maar die staan in een balk eronder in een eigen menu maar het verschil per item uit het hoofdmenu welke zichtbaar zouden moeten zijn. Dus pagina Vloerverwarming moet wel in het menu van Particulier en Bedrijven staan maar bij Aannemer weggelaten. Kan evt plaatjes sturen om het meer te visualiseren??
Hoi Susan,
Ik denk dat je dan het beste voor die 3 pagina’s een eigen (sub)menu kunt maken onder weergave –> menu’s. Dus een (sub)menu Particulier, een (sub)menu Aannemer en een (sub)menu Bedrijven. Vervolgens voeg je voor elk (sub)menu een eigen menu module toe in de header.
Met de nieuwe Divi Conditions kun je vervolgens bij iedere menu module instellen op welke pagina(‘s) deze weergegeven moet worden.
Als alternatief kun je ook meerdere header templates maken, met ieder 1 submenu, dan kun je ook instellen op welke pagina’s welke header template gebruikt moet worden. Maar conditions is veel makkelijker en efficienter.
Groeten van Bob
Hallo Marcel,
Misschien kun jij mij helpen? Ik gebruik Divi op molius.nl. Mijn bezoeker krijgt na het contactformulier ingevuld te hebben geen bevestigingsmail. Ik gebruik de tool smtp-mail maar nog steeds geen mail. De online bevestiging werkt goed. Heb jij hier ervaring mee? Alvast bedankt voor je antwoord.
Hoi Bert,
Het ingebouwde contactformulier van Divi heeft geen mogelijkheid een bevestiging te verzenden naar degene die het invult, alleen naar een vast mailadres (meestal de site admin). Als je dat wilt adviseer ik Fluent Forms, daarmee kun je wel een bevestiging sturen naar degene die het invult (ook met de gratis versie).
Groeten van Bob
Hoi Bob,
Ik heb per product een stukje tekst wat van links naar rechts komt. (Producten>Roldeuren> als je naar beneden scrolt horen die smileys van links naar rechts te komen per product)
Alleen werkt dit niet meer. Hoe kan ik dit oplossen?
Ik denk dat dit een probleem is na een update.
Er zijn er ook sommige die het af en toe wel doen..
Ik hoor graag
Groeten Stef
Hoi Bob,
En nog even om toe te voegen.
Als ik in mijn WordPress omgeving zit werkt het wel….
Hoi Stef,
Leuke domeinnaam 🙂
Dit klinkt als een caching probleem. Probeer eerst eens de cache te wissen onder Divi –> thema opties –> builder –> geavanceerd en dan op de donkergrijze knop. Als dat niet werkt, probeer dan onder Divi –> thema opties –> algemeen –> tabblad prestatie de optie “dynamische CSS” eens uit te schakelen. Als dat niet werkt kun je de andere opties nog proberen.
Het kan ook komen door een caching plugin, of server side caching.
Groeten van Bob
Hoi Bob, bedankt voor je antwoord.
Hi Bob,
ik heb de site en een blog gemaakt voor de site van mijn zwager met DIVI. Nu heb ik bij het blog 2x de heading staan.
Ik zou graag de heading in kleur gebruiken en die boven aan staat waar ook staat wie het heeft geschreven verbergen. Kan dat?
Hoi Reinier,
Hmm dat zou je volgens mij in de pagina instellingen moeten kunnen uitzetten maar ik kan het zo snel niet vinden…
Je kunt sowieso een stukje custom css gebruiken:
.et_post_meta_wrapper {display: none;
}
Groeten van Bob