Divi Review: Hoe Deze Builder Uren Op Website-Design Bespaart

Als je ooit een website van scratch hebt gebouwd, weet je de strijd: eindeloze plugins, verwarrende lay-outs en uren verloren alleen maar om dingen er goed uit te laten zien.

Daarom trok Divi mijn aandacht. Deze WordPress-builder biedt niet alleen een sjabloon, maar laat je ook je website exact zoals je wilt ontwerpen, zonder codering nodig. Divi houdt het eenvoudig, maar biedt tegelijkertijd de flexibiliteit om unieke websites te maken.

In deze Divi-review zal ik de voor- en nadelen bespreken, wat het is, voor wie het het beste is en de belangrijkste functies. Vervolgens zal ik laten zien hoe ik de Divi-plugin heb gebruikt om een hele artikel in enkele minuten te genereren.

Ik zal het artikel afsluiten met een vergelijking van Divi met mijn top drie alternatieven (Wix, B12 en Brizy). Aan het einde weet je of het goed voor je is!

Oordeel

Divi is een website-builder die moeiteloos aanpasbare websites maakt zonder codering. Echter, het kan langzamer zijn als het niet is geoptimaliseerd, en de standaardsjablonen kunnen onorigineel lijken als ze ongewijzigd blijven.

Wat is Divi?

Divi is een populaire WordPress-thema met een krachtige visuele pagina-builder ontwikkeld door Elegant Themes. Je kunt het gebruiken om volledig aanpasbare websites te maken zonder code te schrijven via de sleep-en-neerzet-interface.

Divi staat als een van de meest herkenbare namen in de WordPress-pagina-builder-ruimte. Echter, veel mensen realiseren zich niet dat het eigenlijk twee producten in één is. In zijn kern fungeert Divi zowel als een complete WordPress-thema als een zelfstandige pagina-builder-plugin voor flexibiliteit.

De dubbele aard van Divi

In tegenstelling tot traditionele WordPress-thema’s die je vastzetten in vooraf bepaalde lay-outs en beperkte aanpassingsmogelijkheden, breekt Divi deze barrières volledig.

Het thema biedt een schone en responsieve basis voor alle inhoud. Ondertussen verandert de builder-plugin website-bewerking in een sleep-en-neerzet-ervaring.

Deze dubbele aanpak betekent dat je Divi’s bouwcapaciteiten kunt toepassen op elk WordPress-thema via de plugin, of het complete Divi-thema kunt gebruiken voor een volledig geïntegreerde ervaring. Je hebt de flexibiliteit om Divi te gebruiken met thema’s die je al leuk vindt.

Van eenvoudig thema tot visuele krachtpatser

Elegant Themes lanceerde Divi in 2013 als een WordPress-thema, maar het heeft een dramatische transformatie ondergaan in de afgelopen decennium.

De oorspronkelijke versie gebruikte een backend-interface. Echter, het bood geen live, visuele bewerkingsmogelijkheden.

De introductie van de Visual Builder in 2016 markeerde een keerpunt. Gebruikers konden nu hun websites rechtstreeks op de frontend bewerken met real-time voorbeelden.

Volgende updates hebben geavanceerde functies toegevoegd, waaronder:

• Dynamische inhoudsintegratie
• Aangepaste CSS-controles
• De Theme Builder-functionaliteit (ontwerp headers, footers en hele paginasjablonen)

De filosofie achter visuele bouw

Divi’s doel is om webdesign toegankelijk te maken door technische barrières te verwijderen. In het verleden vereisten aangepaste WordPress-ontwerpen coderingsvaardigheden zoals HTML, CSS en PHP, waardoor veel mensen vastzaten aan basis-sjablonen.

De visuele builder verwijdert technische barrières met eenvoudige controles voor kleuren, lettertypen en afstand. Het gaat verder dan pagina-bouw om volledige site-ontwerp te dekken.

Integratie met de WordPress-ecosysteem

Divi werkt naadloos met WordPress, waardoor inhoud in standaardformaten blijft, zelfs als Divi is gedeactiveerd.

Divi werkt goed met populaire WordPress-plugins voor SEO, e-commerce, formulieren en beveiliging. Het integreert met WooCommerce voor het verkopen van producten online en ondersteunt tools zoals Yoast SEO om ontwerpen te optimaliseren voor zoekopdrachten.

Het systeem ondersteunt ook WordPress multisite. Dat betekent dat grote organisaties meerdere websites kunnen beheren vanuit één installatie.

Wie is Divi het beste voor?

Hier zijn de soorten mensen Divi het beste voor:

• Freelancers en webdesigners kunnen Divi gebruiken om volledig aanpasbare websites te maken zonder codering.
• Kleine tot middelgrote bedrijven kunnen Divi gebruiken om professionele sites te bouwen zoals portfolios, blogs en servicepagina’s met volledige ontwerpbewerking.
• Agencies en ontwikkelaars kunnen Divi gebruiken om webdesignprojecten te versnellen met vooraf gemaakte lay-outs.
• E-commerce-winkelbezitters kunnen Divi gebruiken om WooCommerce-winkels te ontwerpen met aangepaste productpagina’s en checkout-stromen.
• Marketeers kunnen Divi gebruiken om A/B-tests uit te voeren en SEO-vriendelijke websites te bouwen.
• Onderwijsinstellingen en non-profitorganisaties kunnen Divi gebruiken om meerdere websites te maken onder één licentie om verschillende afdelingen of programma’s te beheren.

Divi-sleutelfuncties

Hier zijn Divi AI’s sleutelfuncties:

• Sleep-en-neerzet-builder: Geen code, live visuele bewerking op zowel frontend als backend.
• Theme Builder: Ontwerp headers, footers, sjablonen, 404’s, blogberichten, producten en meer.
• Lay-outs en sjablonen: Duizenden sjablonontwerpen en startpagina’s.
• Responsieve controles: Aanpasbaar voor desktop, tablet en mobiel.
• Globale stijlen: Herbruikbare secties en gesynchroniseerde ontwerpupdates.
• Geavanceerde opties: Lettertypen, kleuren, afstand, animaties, hover-effecten en aangepaste CSS.
• AI-hulpmiddelen: Genereer inhoud en versnel builds.
• WooCommerce: 20+ modules voor aangepaste winkel- en productpagina’s.
• Opslag en beheer: Divi Cloud en Dash voor cloud-opslag en -beheer.
• Dynamische inhoud: Auto-insert titels, afbeeldingen, datums en meer.
• Rijke modulebibliotheek: Tekst, afbeeldingen, formulieren, sliders, galleries en meer om website-lay-outs te bouwen.
• Prestaties: Geoptimaliseerd voor snelheid, SEO en toegankelijkheid.

Hoe Divi gebruiken

Hier is hoe ik de Divi AI-plugin heb geïnstalleerd en gebruikt om een hele artikel in enkele minuten te genereren:

1. Registreer voor Divi AI
2. Meld je aan bij Elegant Themes
3. Download Divi
4. Voeg de Divi-plugin toe
5. Upload en installeer de Divi-plugin
6. Activeer de plugin
7. Pas de Divi-plugin-instellingen aan
8. Genereer een artikel
9. Bewerk met de Divi-builder
10. Begin met bouwen
11. Genereer een lay-out met AI
12. Verifieer je Elegant Themes-abonnement
13. Toegang tot je gebruikersnaam en API-sleutel
14. Genereer een API-sleutel
15. Verifieer je account
16. Beschrijf de pagina
17. Kies de afbeeldingen en lettertypen
18. Genereer de lay-out

Stap 1: Registreer voor Divi AI

Ik begon door naar elegentthemes.com te gaan en naar “Get Divi AI” te gaan.

Stap 2: Meld je aan bij Elegant Themes

Na Divi Pro te hebben gekregen, werd ik doorgestuurd om me aan te melden bij Elegant Themes.

Stap 3: Download Divi

Zodra ik was aangemeld, werd ik gepresenteerd met twee manieren om Divi te downloaden:

• Divi-thema (all-in-one WordPress-thema en pagina-builder)
• Divi Builder-plugin (visuele pagina-builder)

Selecteer het Divi-thema als je een website van scratch bouwt en Divi als thema wilt gebruiken. Als je al een thema hebt geïnstalleerd op je WordPress-website en daar tevreden mee bent, download dan de Divi-plugin.

In mijn geval had ik al een thema geïnstalleerd op mijn WordPress-website waar ik tevreden mee was. Ik selecteerde “Download de Divi-plugin.”

Stap 4: Voeg de Divi-plugin toe

Onmiddellijk begon de Divi-plugin te downloaden op mijn computer.

Vanuit mijn WordPress-dashboard bewoog ik de muis over “Plugins” en ging naar “Add Plugin.”

Stap 5: Upload en installeer de Divi-plugin

Vervolgens klikte ik op “Upload Plugin”, selecteerde het Divi-plugin ZIP-bestand en selecteerde “Install Now.”

Stap 6: Activeer de plugin

Vanuit daar klikte ik op “Activate Plugin.”

Stap 7: Pas de Divi-plugin-instellingen aan

Na het installeren en activeren van de plugin, zag ik een nieuwe “Divi”-menu-item in mijn WordPress-dashboard. Dit was waar ik de plugin-instellingen kon aanpassen, website-sjablonen kon maken, lay-outs kon toevoegen en toewijzen.

Stap 8: Genereer een artikel

Vervolgens wilde ik een post genereren met Divi. Ik ging naar mijn posts en selecteerde er een. Ik selecteerde de paarse Divi-knop bovenaan.

Stap 9: Bewerk met de Divi-builder

Vervolgens selecteerde ik “Bewerk met de Divi-builder.”

Stap 10: Begin met bouwen

Dit bracht me naar de Visual Builder, waar ik kon beginnen met bouwen met Divi of de tour kon nemen. Ik besloot om meteen te beginnen met bouwen.

Stap 11: Genereer een lay-out met AI

Divi bood me drie opties voor hoe ik wilde beginnen met bouwen:

1. Gebruik bestaande inhoud: Bewaar bestaande paginainhoud terwijl je de Divi-builder gebruikt.
2. Kies een vooraf gemaakte lay-out: Kies uit honderden vooraf gemaakte lay-outs, gebruik een van je opgeslagen lay-outs of dupliceer een bestaande pagina.
3. Bouw met AI: Beschrijf de paginainhoud en laat Divi je pagina maken met één klik.

Natuurlijk was ik het meest geïnteresseerd in de derde optie: Bouw met AI. Niet alleen was het de eenvoudigste manier om met Divi te bouwen, maar ik wilde ook zien wat Divi AI kon doen.

Stap 12: Verifieer je Elegant Themes-abonnement

Voordat ik tekst kon genereren met Divi AI, moest ik mijn Elegant Themes-abonnement verifiëren met een API-sleutel en gebruikersnaam.

Stap 13: Toegang tot je gebruikersnaam en API-sleutel

Om mijn gebruikersnaam en API-sleutel te vinden, meldde ik me aan bij mijn Elegant Themes-account, bewoog de muis over “Account” en selecteerde “Gebruikersnaam en API-sleutel.”

Stap 14: Genereer een API-sleutel

Onderaan selecteerde ik “Genereer nieuwe API-sleutel.”

Stap 15: Verifieer je account

Vanuit daar kopieerde en plakte ik mijn gebruikersnaam en API-sleutel in de lege velden op WordPress en klikte op “Verzenden.”

Stap 16: Beschrijf de pagina

Divi vroeg me om de pagina te beschrijven die het moest maken. Optioneel kon ik mijn website beschrijven. Voor de beste resultaten zou ik aanraden om beide te bieden.

Hier is de prompt die ik Divi gaf:

“Maak een Kittl-review, inclusief het oordeel, voor- en nadelen, wat het is, voor wie het het beste is, de belangrijkste functies en de top drie alternatieven.”

Ik gaf Divi ook een beschrijving van mijn website:

“Deze website biedt de beste ontwerp-tools, -bronnen en -inspiratie die zijn gerangschikt en beoordeeld door een grafisch ontwerper.”

Stap 17: Kies de afbeeldingen en lettertypen

Er waren ook drie soorten afbeeldingen die ik Divi kon laten gebruiken op mijn pagina:

1. Stock-afbeeldingen
2. AI-gegenereerde afbeeldingen
3. Placeholder-afbeeldingen

Ten slotte kon ik de lettertypen en kleuren van mijn pagina aanpassen.

Ik besloot om AI-afbeeldingen te laten genereren en de kleuren en lettertypen te laten kiezen om te zien wat het zou doen.

Zodra alles was ingevuld, klikte ik op “Genereer lay-out.”

Stap 18: Genereer de lay-out

Een paar minuten later genereerde Divi een heel artikel in een georganiseerde lay-out die volledig aanpasbaar was. Ik kon over elke blok hoveren om het te verplaatsen, dupliceren, verwijderen en meer. Ik kon ook de instellingen openen om de inhoud en het ontwerp bij te werken.

Hoewel de resultaten niet perfect waren en de inhoud moest worden gecontroleerd, bewees de Divi AI-plugin een krachtig hulpmiddel te zijn voor het starten van inhoudscreatie en -ontwerp. Het bespaarde tijd, bood structuur en maakte het gemakkelijk om elk detail aan te passen zonder van scratch te beginnen.

Top 3 Divi-alternatieven

Hier zijn de beste Divi-alternatieven die ik zou aanbevelen.

Wix

Het eerste Divi-alternatief dat ik zou aanbevelen is Wix. Wix is een gebruikersvriendelijke website-builder met sleep-en-neerzet-bewerking. Het is ontworpen voor mensen met weinig tot geen technische webdesign-ervaring.

Aan de ene kant springt Wix uit met zijn volledig gehoste oplossing. Dat betekent dat je geen hosting of onderhoud hoeft te beheren, en het omvat functies zoals de AI-website-builder voor AI-geassisteerde website-creatie.

Aan de andere kant biedt Divi geavanceerdere ontwerpopties met frontend- en backend-builders, een volledige site-themabuilder en integratie met WordPress-plugins en WooCommerce.

Als je een all-in-one gehoste oplossing met AI-geassisteerde ontwerp wilt, kies dan Wix. Als je volledige creatieve controle en WordPress-integratie wilt, kies dan Divi!

Bezoek Wix of lees mijn Wix-review!

B12

Het volgende Divi-alternatief dat ik zou aanbevelen is B12. B12 is een AI-platform dat specifiek bedrijven helpt om professionele websites snel te bouwen en te lanceren met weinig inspanning of technische vaardigheid.

B12 gebruikt AI om ontwerp- en inhoudscreatie te versnellen. Het is een uitstekende optie voor iedereen die een professionele website snel wil maken met ingebouwd SEO.

Ondertussen springt Divi uit met zijn visuele builder en aanpasbare opties. Divi maakt het gemakkelijk om gepersonaliseerde websites te maken met controle over elk element. Het integreert WooCommerce en een grote bibliotheek van vooraf gemaakte lay-outs.

Als je diepe ontwerp-aanpassing en volledige controle over website-elementen wilt, kies dan Divi. Als je instant AI-website-creatie wilt, kies dan B12!

Brizy

Het laatste Divi-alternatief dat ik zou aanbevelen is Brizy. Brizy maakt het gemakkelijk om aantrekkelijke, responsieve websites te maken met sleep-en-neerzet-bewerking, 180+ vooraf gemaakte sjablonen en een schone interface.

Brizy richt zich op eenvoud en snelheid. Het biedt ook cloud-samenwerking en een lichtere, snellere prestatie.

Ondertussen springt Divi uit met zijn Theme Builder voor volledige controle over headers, footers en sjablonen. Het ondersteunt WooCommerce met speciale e-commerce-modules en globale styling-functies.

Kies Divi voor volledige ontwerpbewerking, aangepaste sjablonen en sterke WooCommerce-ondersteuning. Anders kies Brizy voor snelheid, eenvoud en samenwerking.

Divi-review: Het juiste gereedschap voor jou?

Na Divi zelf te hebben getest, kan ik met vertrouwen zeggen dat het een sterke balans tussen flexibiliteit en gebruiksgemak biedt. De sleep-en-neerzet-builder, duizenden sjablonen en aanpasbare opties gaven me meer controle dan ik heb gehad met de meeste tools. Bovendien hielpen de AI-functies me om sneller te bouwen.

Voor mij is Divi een goede keuze omdat ik creatieve vrijheid, diepe aanpassing en de mogelijkheid om projecten te schalen zonder codering waardeer. Echter, als je benieuwd bent naar de beste Divi-alternatieven, hier is wat ik zou aanbevelen:

• Wix is het beste als een all-in-one gehoste oplossing met geen technische instelling en een AI-builder.
• B12 is het beste voor het snel maken van professionele bedrijfswebsites.
• Brizy is een eenvoudige, snelle, lichtgewicht builder met samenwerkingsfuncties.

Bedankt voor het lezen van mijn Divi-review! Ik hoop dat je het nuttig vond. Probeer de Divi-thema of plugin-builder en zie hoe je het vindt!

Veelgestelde vragen

Wat zijn de nadelen van Divi?

Divi’s nadelen zijn onder andere overweldigend voor beginners vanwege de vele functies. Het kan ook langzamer zijn als het niet is geoptimaliseerd, vooral op grote of complexe sites.

Is Divi beter dan Wix?

Wix is het beste voor beginners die een all-in-one website met sjablonen en AI-hulp willen. Ondertussen is Divi beter voor volledige ontwerpbewerking, aanpassing en WordPress/WooCommerce-integratie.

Is Divi beter dan Squarespace?

Divi is beter voor volledige aanpassing, controle over elk ontwerpelement en WooCommerce-integratie. Squarespace is beter als een all-in-one gehoste oplossing met sjablonen voor snelle instelling.

Is Divi goed voor beginners?

Ja, Divi is goed voor beginners. De sleep-en-neerzet-builder maakt het gemakkelijk om websites te ontwerpen zonder codering, en de bibliotheek van sjablonen helpt om snel professionele sites te maken.

Gebruikt Divi AI?

Divi integreert AI-functies via Divi AI, die is ingebouwd in Divi 5 en zijn visuele builder. Met Divi AI kun je tekst, afbeeldingen, codefragmenten en zelfs hele websites maken met eenvoudige prompts.