Divi review – Divi 4 Theme Builder update
Ik heb al een tijdje een vaste relatie. Ze is mooi, elegant, maakt mijn leven leuker en ze vult me echt aan… Ik heb haar ontmoet tijdens het werk, en hoewel het zeker geen liefde op het eerste gezicht was ben ik langzaam maar zeker van haar gaan houden. Na een paar dates klikte het zo goed dat ik het zeker wist; zij hoort bij mij!
Wow Bob, dat klinkt goed. En hoe heet die grote liefde van je?
Ze heet Divi 😀 Inderdaad, mijn grote liefde is een WordPress thema. En niet zomaar een thema, want Divi wordt gebruikt op ruim 1 miljoen websites wereldwijd en dat maakt haar één van de populairste WordPress themes ooit. Tja, onze relatie is inderdaad niet erg exclusief, maar ik mag ook met andere thema’s daten dus dat is dan weer positief natuurlijk 😉
En wat maakt Divi dan zo geweldig?
Het Divi thema zelf is helemaal niet zo geweldig, maar de Divi Builder die erbij zit wel! Die builder heeft ervoor gezorgd dat ik en honderdduizenden andere klanten gek op Divi zijn. De Divi Builder is ook beschikbaar als plugin, zodat je de superkrachten van Divi ook met vrijwel elk ander thema kunt gebruiken.
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!
Bijna 40 Divi modules
Divi heeft standaard bijna 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.
- De Divi page builder werkt met shortcodes (net als de meeste andere page builder plugins, behalve Elementor en Beaver Builder). Daar merk je niets van zolang je Divi gebruikt, maar als je ooit naar een andere page builder wilt switchen heb je wel een probleem omdat alle content van je tekst doorspekt is met deze codes. Gelukkig is er een goede plugin verkrijgbaar die de shortcodes van Divi kan opruimen (ik heb ‘m getest, werkt prima 🙂 ).
Welke alternatieven voor Divi zijn er?
Divi vs Elementor
Elementor is geen compleet thema maar een losse page builder die je met vrijwel elke WordPress thema kunt gebruiken, net als bij de Divi builder plugin dus.
Elementor is de enige page builder waar ik als Divi gebruiker wel eens jaloers op ben.
Ook Elementor is namelijk volop in ontwikkeling, en er komt dan ook regelmatig een Facebook post voorbij waarin weer een nieuwe gave feature wordt aangekondigd die nog niet in Divi zit waarvan ik denk “dat wil ik ook!”.
Zo had Elementor al maanden voor Divi shape dividers, een zeer uitgebreide formulier module, een theme builder waarmee je de header en footer van je thema kunt aanpassen, een WooCommerce pagina builder, een popup builder enzovoorts.
Net als bij Divi wordt ook bij Elementor een aantal professioneel ontworpen designs standaard meegeleverd, al zijn die zowel qua aantal als qua kwaliteit minder dan die van Divi.
Elementor is qua mogelijkheden en gebruiksgemak zeer gewaagd aan Divi, maar dan met 1 groot voordeel : Elementor is helemaal gratis!
Dat wil zeggen, de (zeer uitgebreide) basisversie dan. Er is ook een pro versie met nog veel meer mogelijkheden en modules. Zo heb je in de basisversie geen (contact)formulieren, sliders, portfolio module of prijstabellen, dingen die in Divi wel standaard aanwezig zijn. Ook de theme builder, WooCommerce pagina builder, popup builder en nog een aantal andere features zijn alleen in de pro versie beschikbaar. De pro versie is met een prijs van $ 49,00 per jaar niet heel goedkoop, maar zeker ook niet te duur.
Voor dat bedrag mag je Elementor Pro wel maar op 1 site installeren. Elementor heeft ook diverse licenties waarmee je Elementor Pro op meerdere sites mag installeren, maar de prijzen daarvoor lopen snel op; voor $ 199 heb je een 25 sites licentie, wil je Elementor Pro op 100 sites gebruiken betaal je $ 499 en voor 1.000 sites betaal je $ 999 per jaar.
Dat maakt Divi dus een stuk interessanter voor mensen die regelmatig een website bouwen (zoals webbouwers).
Divi vs Brizy
Brizy is, net als Elementor, een losse page builder die aan de voorkant van je website werkt, en net als Elementor heeft ook Brizy een hele uitgebreide gratis versie. Ook Brizy is volop in ontwikkeling, maar waar Divi en Elementor al echt volwassen page builders zijn staat Brizy nog echt in de kinderschoenen; Brizy werd namelijk pas in mei 2018 gelanceerd. Brizy is echter inmiddels al wel op zo’n 70.000 WordPress sites geinstalleerd, dus dat belooft wel wat…
Brizy onderscheidt zich door een gebruiksvriendelijke interface met een toolbar die verschijnt boven het element dat je wilt bewerken, zodat je de meeste instellingen direct op die plek kunt bewerken. Bij Divi en Elementor doe je alle instellingen in een popup of sidebar. Dat lijkt misschien minder gebruiksvriendelijk, maar ik vind het wel wat overzichtelijker. Al moet ik zeggen dat ik ook snel gewend was aan de Brizy manier.
Op het moment van schrijven bevat Brizy zo’n 20 “design elements” (Divi noemt dat modules). Dat is wat aan de magere kant, Divi heeft er bijvoorbeeld 37 en Elementor zelfs nog meer. Brizy beschikt natuurlijk wel over de standaard dingen zoals rijen, kolommen, tekst blokken, afbeeldingen, knoppen en zelfs een contactformulier, maar enkele geavanceerde modules zoals testimonials en prijstabellen ontbreken op dit moment nog.
Er is echter wel een flink aantal voorbeeld blokken (secties in Divi) beschikbaar, met o.a. meerdere prijstabel templates en testimonial templates. Deze kun je dus eenvoudig invoegen en aanpassen aan je eigen wensen.
Uiteraard moet er ook bij Brizy geld verdiend worden, en dus is er ook Brizy Pro. De pro versie bevat o.a. een theme builder (headers, footers en templates) die erg fijn werkt, een WooCommerce builder, een popup buider, mega menu, dynamic content, shape dividers, filters en premium designs, en ook A/B testing staat op de planning.
Divi vs Avada
Ook Avada beschikt over een eigen page builder, de Fusion Builder. Deze werkt in de basis hetzelfde als de Divi builder (ook op basis van shortcodes), sinds kort zelfs met een front-end builder zoals Divi’s Visual Builder.
En ook met Avada kun je zelf templates bouwen voor je pagina’s en berichten, header, footer, WooCommerce enz.
Een van de beste onderdelen van Avada zijn de zeer uitgebreide thema opties, waar je letterlijk honderden dingen kunt instellen. Gelukkig beschikken die thema opties over een krachtige zoekfunctie waardoor je heel snel de gewenste optie vind. Sinds Avada 6.0 zijn ook die thema opties verplaatst naar de front-end zodat je direct het effect van je aanpassingen ziet.
Net als bij Divi kun je ook bij Avada ieder element opslaan in een bibliotheek, zodat je die weer kan hergebruiken elders op de site of op een andere Avada site. En ook Avada wordt standaard geleverd met een stuk of 80 “demo sites”, te vergelijken met Divi’s layout packs.
De design opties van Avada zijn wel (veel) minder uitgebreid dan die van Divi (of Elementor) ; zo vind je in Avada geen kleurenfilters, shape dividers, transform opties enzovoorts, en hoewel je wel hover opties en animaties in kunt stellen zijn die wel behoorlijk beperkt.
De documentatie van Avada is redelijk, maar wat minder uitgebreid dan die van Divi. De support is wel prima, maar beperkt tot 6 maanden na aankoop.
Tenslotte is Avada een stuk goedkoper dan Divi; een licentie kost maar $ 60,00 inclusief levenslange updates. Je hebt echter wel voor iedere website een nieuwe licentie nodig.
Als je maar 1 website wilt bouwen is Avada dus erg aantrekkelijk, maar als je meerdere websites wilt maken is Divi al snel goedkoper.
Divi vs WP Bakery Page Builder / Virtual Composer
Net als Divi beschikt de WP Bakery page builder ook over zowel een backend als een frontend editor, en ook hier heb je enkele geavanceerde design opties zoals animaties, borders, (parallax) achtergronden en zelfs kleurenfilters. Dingen als schaduw effecten en shape dividers ontbreken hier echter, en de dingen die wel aanwezig zijn kun je een stuk minder customizen dan die van Divi.
Dat is op zich nog niet zo’n ramp, maar de manier waarop WP Bakery werkt is een stuk minder prettig dan hoe Divi en Elementor werken. Als je bij Divi of Elementor iets aanpast zie je direct het effect van die aanpassing, dus als je bijvoorbeeld een achtergrondkleur aanpast zie je meteen – live op de pagina terwijl je het aanpast – hoe dat eruit ziet.
Bij de WP Bakery page builder krijg je – net als bij Divi – een popup waarin je je aanpassingen maakt. Maar waar je bij Divi direct het effect van een aanpassing ziet moet je bij WP Bakery de aanpassingen eerst opslaan en de popup sluiten voordat de wijzigingen zichtbaar worden op je site. Bevalt de gekozen kleur niet? Dan moet je de popup weer openen, een andere kleur kiezen, opslaan, sluiten…
Dat is dus gewoon een backend editor die op de voorkant van je site opent, absoluut niet te vergelijken met de live frontend editors van Divi en Elementor. Ook dingen als padding en margin, die je bij Divi en Elementor gewoon naar de gewenste breedte sleept, moet je hier op de gok instellen en hopen dat het goed is, omdat je anders weer naar die popup moet…
De WP Bakery page builder heeft wel een flink aantal modules en er zijn veel (al dan niet betaalde) addons verkrijgbaar, en met een prijs van $ 45,00 voor 1 site, maar inclusief lifetime updates is de WP Bakery page builder niet heel duur. Maar ook niet heel goed dus, naar mijn mening.
Divi vs Beaver Builder
Beaver builder is net als Elementor een gebruiksvriendelijke losse page builder plugin die je met vrijwel ieder WordPress thema kunt gebruiken. Net als Elementor werkt Beaver Builder op de voorkant van je site, en er is ook een gratis basisversie beschikbaar. Maar waar de gratis basisversie van Elementor zich kan meten met premium page builders als Divi en Avada is de gratis versie van Beaver builder zeer beperkt. De pro versie van Beaver builder is vrij prijzig en vergelijkbaar met Avada, een stuk minder uitgebreid dan Elementor of Divi dus.
Desondanks – of misschien wel juist daardoor – is Beaver Builder zeer populair onder WordPress ontwikkelaars.
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