Elementor vs Divi: welke is het geld het meest waard? (2024)

elementor vs divi

Welkom bij onze onpartijdige Elementor vs Divi-recensie voor 2024.

We hebben een eenvoudige inhoudsopgave gemaakt, zodat u snel naar de voor u meest relevante sectie kunt gaan. Klik om de onderstaande inhoud te openen:

Inhoud[Zichtbaar]

 

Elementor versus Divi-samenvatting

  elementor vs divi divi versus elementor
Winnaar 🏆  
globaal  4.9/5  4.5/5
Makkelijk te gebruiken  5/5  4.5/5
Support  4.5/5  4.5/5
Stabiliteit en betrouwbaarheid  5/5  4/5
rekbaarheid  5/5  4.5/5
Waarde  4.5/5  5/5
Prijs Begint vanaf $ 59/jaar $ 89 / jaar
Gratis versie Ja Nee, maar u krijgt wel 30 dagen geld-terug-garantie
Realtime editor Ja Ja
Inline bewerken Ja Ja
Frontend / Backend Te gebruiken zowel Te gebruiken zowel
Slepen en neerzetten Ja Ja
Ondersteunde elementen van derden Ja Ja
Frontend / Backend Te gebruiken zowel Te gebruiken zowel
Import / Export Ja Ja
Doelgroep Ontwikkelaar / ontwerper / gebruiker / bureau Ontwerper / gebruiker / bureau
Elementen ondersteund 100+  200+
Ondersteuning voor WordPress Widgets Ja Ingewikkeld
Schone code Ja Nee
Vooraf gemaakte sjablonen / lay-outs 300+ 300+
Coole functie Dynamische inhoud A / B-testen
Performance  4.5/5  4/5
 Wat we leuk vonden  Een zeer krachtige oplossing voor het maken van elk type ontwerp  Schone gebruikersinterface
   Superieure opties voor lay-outbeheer  De inhoud blijft intact, zelfs na het deactiveren van de plug-in
   Aantrekkelijke prijzen met toegang  Unieke bewerkingsmodus voor klanten
   Niet voor niets de meest populaire paginabuilder  Hiermee kunt u WordPress-widgets gebruiken in de lay-outs
 Wat we niet leuk vonden  Elementor vereist dat u een WordPress-thema aanschaft  Sommige code blijft achter na het verwijderen van de plug-in
Website Visit site 
Visit site (10% KORTING)

 

Laten we beginnen met deze ultieme showdown van paginabouwers: Elementor vs Divi!

Paginabouwers zijn hulpmiddelen waarmee u vanaf het begin professioneel ogende webpagina's kunt ontwerpen en bouwen, zelfs zonder codeerervaring. 

Het is net als het bouwen van een website met legostukken.

pagina's maken met paginabouwers

Wat is Divi?

Divi WordPress-thema en paginabuilder  

Divi is het meest populaire WordPress-thema dat er is met meer dan 880,000 verkopen. Als dit sport was, zouden het de Man U, New York Yankees en New England Patriots zijn:

Meer dan een team, een instelling.

elementor versus divi-gebruikers

In feite is het zelfs meer dan een paginabuilder - het is een WordPress-website die megafabriek bouwt waarmee freelancers, bureaus en site-eigenaren prachtige sites kunnen bouwen, deze kunnen optimaliseren voor conversies (Split-testen) en kunnen groeien met behulp van sociale media.

De enorme populariteit van Divi is voornamelijk te danken aan:

  • Onbeperkt gebruik: Divi is een van de weinige thema's waarmee u onbeperkt gebruik kunt maken van alle functies op alle sites. Geen prijsgimmicks. Geen verwarrende niveaus. Nee niets. Gewoon onbeperkt gebruik zonder vragen te stellen.
  • Eenvoudige prijsstelling: $ 249 voor levenslange toegang OP AL JE SITES.
  • Ongeëvenaarde ondersteuning en community: Divi is voor sommige mensen een manier van leven. Het heeft een bloeiende Facebook-community en de beste ondersteuning in de branche, dus je zult altijd innoveren, nuttige feedback krijgen en je Divi-game verbeteren.

We werken al heel lang met dit product, in feite hebben we dat al gedaan schreef hier een complete Divi 4.0-themareview. Hun Divi builder is een plug-in die is ingebouwd en gebundeld met het thema, maar het kan ook afzonderlijk worden gekocht en gebruikt met andere thema's, als je dat wilt.

Bekijk enkele website voorbeelden gebouwd met Divi hier. Divi 5 is momenteel in ontwikkeling!

Klik hier om de Divi-website te bezoeken en er nu meer over te leren 

Wat is Elementor?

elementor paginabuilder  

Elementor en Elementor Pro (en hun hele reeks nieuwe producten) is een marktverstoorder die enorm populair wordt. Het is een van de meest populaire bouwers voor solopreneurs en bedrijven.

Het is razendsnel, biedt een ongeëvenaard ontwerp en is zo gemakkelijk dat een holbewoner het zou kunnen. En het laat je 100% aan de slag met de GRATIS versie. 

Het geeft je vrijwel alles wat Divi doet, het is gewoon sneller en gemakkelijker te gebruiken. En het is veel betaalbaarder voor een enkele site.

Deze twee producten hebben de voorkeur van de meeste WordPress-gebruikers en -experts omdat ze een aantal voordelen hebben:

  • Ze zijn gemakkelijk in gebruik,
  • Ze hebben de beste prestaties en stabiliteit, en
  • Ze worden ondersteund door een team van deskundige WordPress-ontwikkelaars of door een bekend bedrijf.

We hebben er specifiek diep in gegraven Elementor Pro - u vindt onze recensie hier

Klik hier om de Elementor-website te bezoeken en ga gratis aan de slag

Zowel Divi als Elementor lijken erg op elkaar, maar zoals ik al eerder zei: prijsstelling en kleine verschillen in functionaliteit maken ze perfect voor verschillende segmenten van de markt.

We gaan deze twee toppaginabouwers vandaag op de markt brengen, Elementor vs Divi Builder, en verdiep je in al hun mogelijkheden en vergelijk ze met elkaar.

We gaan dieper ingaan op hun gebruikersinterface, functieset, prijzen en nog veel meer.

Aan het einde van dit Elementor vs Divi-artikel heb je alle kennis die je nodig hebt om een ​​weloverwogen oordeel te vellen over welke past uw eigen behoeften.

Webhosting nodig voor uw volgende project?

Wist je dat SiteGround wordt aanbevolen door Divi en Elementor werkt ook goed op SiteGround?

Maar dat is niet het enige dat u wilt van een website-hostingservice. U wilt dat uw website snel, betrouwbaar en voor een redelijke prijs is.

Dat is waarom CollectiveRay beveelt SiteGround. Het is een geweldige mix van flexibiliteit, kracht en prijs die je niet vaak zult vinden.

Klik hier om te zien SiteGround aanbiedingen in mei 2024

Elementor vs Divi: gebruiksgemak

De gebruikersinterface en het gebruiksgemak ervan zijn een van de belangrijkste onderdelen van een plug-in voor het maken van pagina's.

Beide paginabouwers hebben veel moeite gedaan om ervoor te zorgen dat ze doodeenvoudig te gebruiken zijn.

Laten we beginnen met Divi Builder.

Meer informatie over de Divi Builder by Elegant Themes

Divi Builder User Interface

Met de Divi builder plug-in geïnstalleerd, wanneer u een nieuwe pagina maakt, wordt u begroet met een gebruikersinterface die u zal vragen of u de Divi Builder of de standaardeditor.

nieuwe pagina

Door te klikken op Gebruik Divi Builder optie opent een scherm waarin u wordt gevraagd om te kiezen tussen "vanaf het begin bouwen", "kies een vooraf gemaakte lay-out" of "bestaande pagina klonen".

kies indeling

  • Bouw vanaf het begin - Begin met een lege pagina.
  • Kies een vooraf gemaakte lay-out - Kies een vooraf gemaakte sjabloon. We zullen hier later in meer detail over spreken.
  • Bestaande pagina klonen - Kopieert een bestaande pagina.

We gaan de optie "vanaf nul bouwen" kiezen, aangezien de andere twee keuzes vrijwel hetzelfde zijn, alleen met reeds toegevoegde inhoud.

Elementen toevoegen in Divi Builder

Als u op de optie "van nul af aan bouwen" klikt, wordt de Divi builder en het eerste dat verschijnt, is een dialoogvenster waarin u wordt gevraagd een nieuwe rij in te voegen.

Dialoogvensters met opties die u kunt configureren, worden geopend, afhankelijk van de module en inhoud die u toevoegt.

nieuwe rij

Divi Builder in actie

Hieronder is een gif van het bewerken van een pagina met de Divi Builder. U kunt de paginabuilder gebruiken om elementen te slepen om ze te verplaatsen, of u kunt dubbelklikken op een tekst om inline bewerkingen uit te voeren, enz.

divi ui-demo

De Divi Builder's gebruikersinterface is minimalistisch - schoon en eenvoudig, maar heeft alles wat je nodig hebt om dingen voor elkaar te krijgen.

Het overweldigt je helemaal niet, het houdt je gefocust op je ontwerpen. Het biedt een ervaring op volledig scherm.

Zoals u kunt zien, in termen van gebruiksgemak, Elegant Themes hebben gewerkt om te maken Divi Builder eenvoudig, maar krachtig tegelijk.

Elementor-gebruikersinterface

De Elementor-interface is heel anders dan de meeste andere paginabuilders. Als de Divi builder richt zich op minimalisme, Elementor richt zich op toegankelijkheid, maar de gebruikerservaring is ook geweldig met deze paginabuilder.

We gebruiken dit gedeelte van onze Elementor vs Divi Builder vergelijking om te focussen op de verschillen tussen de twee.

Elementor gebruikt het concept van bouwstenen, die worden gebruikt om elke pagina in verschillende secties op te bouwen.

Als u een nieuwe pagina maakt met de Elementor-interface, gaat u naar de standaardeditor van WordPress.

Om te beginnen met het bewerken van de pagina, moet u op de knop "Bewerken met Elementor" bovenaan het scherm klikken.

Download een kopie van de plug-in

maak een nieuwe pagina

Als u op de knop klikt, wordt de gebruikersinterface van Elementor geopend, die uit twee delen bestaat: het vaste sidebar en pagina voorbeeld.

elementaire ui

U kunt de vaste zijbalk verbergen door op het kleine pictogram in de onderstaande gif te drukken:

Verberg zijbalk

Als u de zijbalk verbergt, krijgt u een voorvertoning op volledig scherm van uw pagina.

Elementor in actie

In het volgende deel van onze vergelijking tussen Divi en Elementor laten we Elementor in actie zien, zodat u het verschil tussen deze twee paginabuilders kunt begrijpen.

Hieronder kunt u zien hoe we elementen kunnen slepen en neerzetten om ze te verplaatsen, hoe u tekstnaad kunt bewerkenlessen hoe je nieuwe elementen kunt toevoegen.

elementor ui-demo

Als we Divi vs Elementor vergelijken, zien we dat ze een andere focus hebben.

De eerste richt zich op eenvoud en netheid, de laatste op beschikbaarheid en toegankelijkheid.

Dus wie wint als het gaat om Elementor vs Divi - welke visuele bouwer is gemakkelijker te gebruiken?

We geloven niet dat er een winnaar is in termen van gebruiksgemak. Zowel Elementor- als Divi-paginabouwers hebben een interface waarmee u de klus kunt klaren.

Elementor vs Divi UI Winnaar: Binden

Lees meer op de website van de plug-in

De daadwerkelijke "elementen" of "modules" worden vergeleken in het volgende deel van onze Elementor vs Divi-vergelijking.

Elementor versus Divi: Elementen

De elementen zijn wat u zult gebruiken om uw pagina's te bouwen. In termen van Divi vs Elementor is het gebruik van terminologie iets anders, maar over het algemeen zijn de concepten vergelijkbaar.

Divi Builder's Elements: Sectie, Rijen en Modules

Divi Builder's elementen zijn onderverdeeld in drie hoofdcategorieën: de sectie, dat fungeert als een container, de rijen, die als een scheidingslijn fungeert, en de modules, die de daadwerkelijke inhoud zijn.

De onderstaande afbeelding toont je een lege pagina. Deze pagina heeft drie secties. 

Het tweede gedeelte heeft een rij erin, die groen is gemarkeerd. De rij is verdeeld in drie kolommen. De kolommen zijn leeg.

Ten slotte bevat het onderste gedeelte ook een rij, hoewel deze niet is gemarkeerd. De rij is ook verdeeld in drie kolommen, vergelijkbaar met die in het tweede gedeelte.

De middelste kolom van de onderste rij bevat een knopmodule.

 

de elementen

Om secties, rijen of modules toe te voegen, klikt u op de plusknoppen.

De blauw paars or oranje plus-knop voegt een sectie toe (de kleur van de markering van de sectie verandert afhankelijk van het type sectie: blauw voor normaal, paars voor volledige breedte en oranje voor specialiteit), de groen plus-knop voegt een rij toe en de zwart plus-knop voegt een module toe.

Toegang tot elementen, vooral module-elementen, is een beetje eigenzinnig, omdat je meerdere keren moet klikken om ze te krijgen.

Aan de andere kant, misschien wel een van de beste dingen van de Divi Builder's elementen zijn de speciale rijen. Hiermee kunt u relatief eenvoudig een complexe lay-out en positionering bouwen.

Laten we nu eens kijken naar de elementen van Elementor in ons Elementor vs Divi builder krachtmeting.

Elementor-elementen: sectie, kolommen en widgets

Elementor heeft drie verschillende elementcategorieën: de sectie, dat fungeert als een container, de kolom die de sectie verdelen, en de widgets welke zijn de daadwerkelijke inhoud.

In de onderstaande afbeelding ziet u een lege pagina die in drie secties is verdeeld.

Het bovenste gedeelte is leeg. Het tweede gedeelte bevat drie kolommen en het onderste gedeelte bevat ook drie kolommen met in de middelste kolom een ​​knopwidget.

de elementen 2

Het toevoegen van elementen op de pagina is net zo eenvoudig als het slepen en neerzetten van een widget van de zijbalk naar een leeg gebied.

U kunt gewoon een widget van de zijbalk naar een leeg gedeelte van uw pagina slepen en u bent klaar.

Het maakt automatisch een sectie aan met een enkele kolom die uw geselecteerde widget bevat.

elementen toevoegen

Als u een element bewerkt, verandert de zijbalk de inhoud om de juiste instellingen weer te geven.

Net als bij Divi kunt u elementen slepen en neerzetten om ze op de pagina te verplaatsen. U kunt op elke tekst op de pagina klikken om deze rechtstreeks te bewerken en de grootte van kolommen vrij te wijzigen.

Als u met de rechtermuisknop op een element op de pagina klikt, verschijnt er een contextmenu dat enigszins varieert, afhankelijk van het type element dat momenteel is geselecteerd.

Wereldwijde widgets

Er is een speciaal type widget in Elementor: wereldwijde widgets. U kunt een widget opslaan als een algemene widget en deze overal op de pagina of site gebruiken.

Je kunt ze ook allemaal tegelijk op één plek bewerken.

Elementor heeft een bredere selectie van elementen in vergelijking met Divi Builder. Omdat ze allebei widget-plug-ins van derden ondersteunen, wordt het echter een beetje gelijk.

Elementor biedt een snellere manier om elementen aan een pagina toe te voegen, omdat je ze gewoon vanuit de zijbalk naar het voorbeeld kunt slepen.

Divi Builder vereist dat u meerdere keren klikt voordat u bij het element komt dat u wilt toevoegen.

Net als ons vorige gedeelte van de Elementor vs Divi-vergelijking, is dit heel dichtbij, hoewel Elementor hier een lichte voorsprong kan hebben.

Nu is het tijd om stylingopties in Elementor versus Divi-paginabuilders te vergelijken!

Elementor versus Divi: styling

Onze Elementor vs Divi builder zou niet compleet zijn zonder een grondige blik op de stylingfuncties van beide paginabuilders.

Divi Builder Styling opties

Dubbelklikken op een element in de Divi-paginabuilder zal het instellingenpaneel openen. U kunt dit paneel ook openen door met de muis over een element te gaan totdat er een actiebalk verschijnt en vervolgens op het tandwielpictogram te klikken.

Er zijn drie tabbladen in het instellingenpaneel: de inhoud, het ontwerp en de geavanceerde tabbladen.

De Divi Builder's stylingopties kunnen worden geconfigureerd via de tabbladen Ontwerp en Geavanceerd. Op het tabblad Ontwerpen kunt u typografie, kaderschaduwen, marges, animatie, filters, enz. configureren. Dit zijn items die kunnen worden geconfigureerd via schuifregelaars en invoernummers.

Ze zijn heel gemakkelijk te gebruiken.

stylingopties voor divi

Gebruik het tabblad Geavanceerd om aangepaste CSS-ID's en -klassen, aangepaste CSS-code toe te voegen, zichtbaarheid te configureren, enzovoort.

Responsieve styling

Divi Builder laat je verschillende stijlinstellingen definiëren voor verschillende apparaten.

U kunt bijvoorbeeld het lettertype van een tekstelement definiëren als Verdana en het een grootte van 20 px geven op desktopapparaten. U kunt een andere instelling voor mobiel definiëren, waardoor het een Times New Roman-lettertype en een grootte van 10 px heeft.

responsieve stijlen

Dankzij de ontwerpopties kunnen alle soorten gebruikers hun pagina's uitgebreid aanpassen aan hun behoeften.

Elementor Styling-opties

Door een element in de Elementor-paginabuilder te selecteren, verandert wat wordt weergegeven in het zijbalkpaneel om de beschikbare opties voor dat specifieke element weer te geven.

Alle elementen in Elementor hebben drie tabbladen in hun instellingenpaneel. Het eerste tabblad bevat Inhoud of Lay-out, vervolgens Stijl en Geavanceerd op respectievelijk het tweede en derde tabblad.

U kunt de stijl van een element configureren via de tabbladen Stijl en Geavanceerd.

Op het tabblad Stijl kunt u verschillende stijlopties configureren, zoals achtergrondkleuren, randen, typografie, enz.

elementor stylingdrankjes

Het tabblad Geavanceerd bevat geavanceerde stijlopties zoals marges, aangepaste CSS-code, bewegingseffecten, responsieve instellingen, enz.

geavanceerde stylingopties

Responsieve styling

U kunt, net als Divi, aparte stijlopties hebben voor verschillende apparaten in de Elementor-builder.

responsieve stijloptie elementor

Standaard stylingopties beheren

Standaard past de plug-in voor het maken van pagina's na het installeren van Elementor automatisch de stylingopties toe om uw thema te overschrijven.

U kunt dit uitschakelen door naar Elementor > Instellingen vanuit het WordPress-dashboard en het controleren van de standaardkleuren uitschakelen en standaardlettertypen uitschakelen.

Elementor gebruikt nu het standaardlettertype en de kleuren van uw thema in plaats van zijn eigen.

elementor instellingen

Er is ook een stijltabblad waar u verschillende standaardinstellingen kunt configureren, zoals standaard generieke lettertypen, standaard inhoudsbreedte, enz.

Oordeel:

Beide plug-ins bieden een uitstekende set stylingtools en opties die voor iedereen geschikt zijn.

Gevorderde gebruikers en webontwerpers die meer controle willen, kunnen ook genieten van het gebruik van een van deze twee plug-ins, aangezien ze beide hun eigen CSS-codes kunnen toevoegen voor verdere ontwerpmogelijkheden.

Elementor versus Divi: sjablonen

Een van de belangrijkste elementen van paginabuilders en thema's is de kwantiteit en kwaliteit van de beschikbare sjablonen als onderdeel van het product.

Laten we eens kijken hoe de twee paginabuilders, Elementor vs Divi builder vergelijk als het gaat om kant-en-klare sjablonen.

Divi Builder lay-outs

In het jargon van Divi worden sjablonen lay-outs genoemd. De Divi-paginabuilder biedt 300+ lay-outpakketten, kant-en-klare complete sitesjablonen.

Ze zijn onderverdeeld in twee typen: een lay-outpakket bestaande uit meerdere lay-outs (meerdere pagina's) met hetzelfde thema en een enkele lay-out (dwz een enkele pagina).

templates

Lay-outpakketten bevatten meerdere pagina's die zijn gebundeld om een ​​complete nichesite te vormen.

Een pakket bevat bijvoorbeeld sjablonen voor de startpagina, over pagina, contactpagina, enz., Allemaal volgens een uniforme reeks ontwerpen of thema's. Een enkele lay-out is slechts een sjabloon voor een enkele pagina.

U kunt ook uw eigen sjablonen maken en opslaan, zodat u ze later opnieuw kunt gebruiken. U kunt ze zelfs exporteren, zodat u ze op een andere site kunt gebruiken.

U kunt bijvoorbeeld een bestemmingspagina voor productservices maken (vergelijkbaar met wat u kunt) bouwen met OptimizePress 3.0) die u vervolgens vanuit de lay-outs kunt laden en gebruiken voor verschillende promo's die u mogelijk uitvoert. 

Dit zijn zowel volledige sites als bestemmingspagina's voor specifieke doeleinden.

Elementor-sjablonen

De sjablonen van Elementor zijn onderverdeeld in twee typen: blokken en pagina's.

Met de gratis versie hebben gebruikers toegang tot ongeveer 40+ blokken en 30+ pagina's, terwijl de premiumversie nog eens 50+ Pro-widgets en 300+ Pro-sjablonen ontgrendelt.

Deze omvatten hele sites en specifieke bestemmingspagina's voor bepaalde gebruikssituaties.

Bekijk de volledige lijst met beschikbare Elementor-sjablonen / -thema's

We hebben er ook een aantal besproken Elementor-thema's en sjablonen hier.

Blokken zijn sjablonen met één sectie die u op een pagina kunt invoegen.

Daar zijn blokken voor

  • Contactformulieren
  • Call-to-action knoppen
  • Veelgestelde vragen
  • Prijzen tabellen
  • Portfolio's
  • Headers
  • Diensten
  • Pop-upbouwer en een tool voor het maken van pop-ups

 

elementor sjablonen

Hoewel we zeiden dat er meer dan 300 paginasjablonen beschikbaar zijn voor Elementor premium-gebruikers, wil je dat misschien wel kijk wat er vandaag beschikbaar is.

Het Elemetor-team is voortdurend bezig met het maken en toevoegen van meer sjablonen aan de bibliotheek en we kunnen de constante stroom van uitgebrachte Elementor-sjablonen niet bijhouden :-)

pagina sjablonen

Aangezien de sjabloonbibliotheek van Elementor-paginabuilder voortdurend groeit, kunt u de laatste toevoegingen bekijken door op "nieuw" te klikken in de linkerbovenhoek van de selectie-interface voor paginasjablonen.

U kunt uw pagina altijd opslaan in uw sjabloonbibliotheek, zodat u ze later opnieuw kunt gebruiken. Elementor geeft je ook de mogelijkheid om je sjablonen te exporteren, zodat je ze op een andere site kunt gebruiken. 

Terwijl zowel de Elementor als Divi Builder plug-ins bieden een breed scala aan sjabloonselectie, op dit moment zijn we van mening dat de Divi builder biedt veel meer in termen van aantallen.

Daarnaast maakt het Divi-thema het gemakkelijker om een ​​hele site te bouwen, dankzij de sjabloonpakketten.

Elementor versus Divi Builder Sjablonen Winnaar: Divi Builder

Elementor vs Divi: thema bouwen

BIJWERKEN: In de vorige versie van dit artikel had alleen Elementor een functie voor het bouwen van een thema.

Met de release van Divi-thema 4.0 is deze functie niet langer beperkt tot Elementor.

De Divi Builder 4.0 grote update, die in oktober 2019 werd uitgebracht, was gericht op het uitrusten van de Divi builder met krachtige tools voor het bouwen van thema's. Hierdoor kunnen gebruikers elementen, modules en functies gebruiken om niet alleen statische pagina's te bouwen, maar ook dynamische kop-, voettekst- en hoofdlay-outs.

We hebben deze sectie bijgewerkt om de nieuwe wijzigingen weer te geven en we hebben Elementor vs Divi's thema-bouwfuncties tegen elkaar geplaatst om te zien of de laatste stand kan houden tegen de eerste.

Divi Thema Builder

Een relatief nieuwe functie van de Divi builder, kunt u met de paginabuilder nu sjablonen maken die u kunt gebruiken om de koptekst, voettekst en hoofdtekst van uw website, de lay-out en zelfs het gedrag te overschrijven.

De functies zijn in veel opzichten vrij gelijkaardig aan die van Elementor, dit is een functie waar Divi Builder haalt Elementor in.

U kunt de themabouwer van Divi openen door naar Divi> Theme Builder.

divi thema-bouwer

Van daaruit kunt u een nieuwe sjabloon maken, een sjabloon exporteren of een sjabloon uit externe bronnen importeren.

Een van de nadelen hiervan, op het moment van schrijven, is dat er geen manier is om vooraf gebouwde sjablonen voor themabouwers uit de cloud te importeren. U moet een JSON-bestand downloaden van een externe bron en het uploaden om een ​​vooraf gemaakte sjabloon te importeren.

Over vooraf gebouwde sjablonen voor het bouwen van thema's gesproken, er zijn veel pakketten gratis beschikbaar bij de Divi builder ontwikkelaars zelf, die u kunt verkrijgen hier​ Zoek gewoon naar "theme builder packs" in hun zoekbalk en je kunt ze gemakkelijk vinden.

Als u meer van deze pakketten wilt ontvangen, raden we u aan het Elegant Themes hier ansehen en schrijf je in op hun nieuwsbrief.

U kunt een globale sjabloon definiëren die de algehele look en feel van uw hele website overschrijft en u kunt ook gerichte sjablonen maken die kunnen worden toegepast op specifieke berichten, pagina's en delen van uw website.

een nieuwe sjabloon maken

Bij het maken van een nieuwe sjabloon vraagt ​​Divi u eerst waar u de sjabloon wilt toepassen. U kunt ervoor kiezen om uw sjablonen toe te passen of uit te sluiten op specifieke berichten of pagina's of zelfs op specifieke tags en categorieën en meer.

Vervolgens kunt u beginnen met het bouwen en ontwerpen van uw sjabloon. Als u een globaal kop- en voettekstsjabloon hebt gedefinieerd, worden deze automatisch aan uw nieuwe sjabloon toegevoegd.

Door op een van beide te klikken aangepaste body toevoegen, voeg een aangepaste koptekst toe or voeg aangepaste voettekst toe knoppen openen een klein pop-upmenu waarin u uit verschillende opties kunt kiezen.

Die optie omvat het selecteren van een vooraf gemaakte sjabloon of het kopiëren van een bestaande.

Van daaruit heb je de gebruikelijke Divi-tools en -modules tot je beschikking om te beginnen met het bouwen van je lay-out.

Elementor-themabouwer

Je hebt toegang tot de Elementor-themabouwer via het WordPress-dashboard en ga naar Sjablonen > Themabouwer.

Momenteel kunt u Elementor-sjablonen maken voor pagina's, secties, pop-ups, koptekst, voettekst, enkele berichten, WooCommerce-pagina's en archieven.

thema bouwer

U gebruikt dezelfde gebruikersinterface als bij het maken van pagina's, maar deze keer zijn de beschikbare elementen in de zijbalk afgestemd op de specifieke sjabloon die u probeert te maken.

themabouwer zijbalk

Als u klaar bent met het bewerken van een themasjabloon, kunt u kiezen hoe en wanneer de sjabloon wordt weergegeven.

Voor dit onderdeel is de Divi builder is iets gemakkelijker te gebruiken dan Elementor vanwege het gebruik van selectievakjes.

nooit deless, Elementor komt nog steeds met fijnkorrelige besturing die gelijk is aan de Divi Builder.

U kunt ervoor kiezen om uw Elementor-sjablonen op te nemen en uit te sluiten met behulp van complexe voorwaardelijke regels. Laten we bijvoorbeeld zeggen dat we een sjabloon hebben met de naam "A". U kunt ervoor kiezen om dit sjabloon weer te geven als de pagina onder de categorie "deals" valt en als de auteur "John Doe" is.

Correct gebruikt, kan deze Elementor-regelengine een ongelooflijk krachtige en nuttige tool zijn. Het geeft u flexibiliteit en aanpassingen op een zeer gedetailleerd niveau. Dit is genoeg om de kroon te stelen in de themabouwsectie.

Er zijn maar weinig paginabouwers die zo'n functie hebben en dit is een grote differentiator.

Een ander opmerkelijk kenmerk dat we leuk vinden, is de pop-upbouwer. De meeste mensen zullen een nieuwe plug-in installeren om pop-ups op hun site in te stellen, maar met de Elementor-tool voor het maken van pop-ups heb je geen extra plug-in nodig om pop-ups in te stellen.

thema bouwer settigs

Winnaar Elementor vs Divi Theme Builder: Elementor met een duidelijke marge dankzij het aantal tools en wat je ermee kunt bereiken.

Elementor versus Divi-prijzen 2024

De keuze tussen Elementor en Divi Builder kan soms allemaal neerkomen op prijsstelling.

De ene is volkomen logisch voor de ene groep en heeft letterlijk geen zin voor een andere.

Elementor-prijzen 

elementor prijsstelling 

De prijs van Elementor Pro begint bij $ 59/jaar voor één site en loopt op tot $ 399/jaar voor 1,000 sites. Alle functies en extra's zijn inbegrepen in elk abonnement.

Maar de reden dat het zo populair is, is omdat het wordt geleverd met een Gratis versie.

Het gratis abonnement van Elementor is eigenlijk genoeg om een ​​mooie pagina te maken en wordt geleverd met 40+ widgets en 30+ sjablonen.

Pro Tip: Als u meer dan één site heeft, kiest u gewoon voor de Expert-licentie. Als u websites voor klanten bouwt en een paginabuilder wilt hebben, raden we meestal aan om voor de Expert-licentie te gaan en vervolgens elke klant de prijs van een Advanced-licentie in rekening te brengen.

Hierdoor kun je al na 4 sites break-even draaien. Vanaf dat moment krijg je van elke klant een bonus van $ 59.

Klik hier voor de laagste prijs op Elementor Pro 

Divi Builder Prijzen

Divi-prijzen versus Elementor

Divi Builder heeft geen gratis versie, maar zij hebben een demo waartoe u toegang heeft zodat u het kunt proberen voordat u het koopt. 

De prijsstelling van Divi maakt het een no-brainer voor bureaus.

We hebben gewerkt met Elegant Themes en hebben toegang gekregen tot een beperkte 10% KORTING op de Divi Builder voor CollectiveRay bezoekers.

Gezien de prijs en onze korting die slechts geldig is tot mei 2024, raden we je ten zeerste aan om voor de levenslange toegang te gaan - dat is geen probleem.

Slechts $ 249 ($ 224 met mijn korting) geeft u levenslange toegang tot Divi's functies, ondersteuning en community op al uw sites voor altijd.

Dat betekent dat u:

  • Elk thema dat ze hebben
  • Onbeperkt gebruik voor onbeperkte websites
  • 800+ website-pakketten
  • De paginabuilder
  • Promotie tools
  • Testhulpmiddelen

Verlengen is niet nodig. U hoeft zich geen zorgen te maken over updates (daarover later meer). Geen stress. Gewoon klikken, betalen en voor altijd gebruiken.

NOTITIE: Divi kost slechts $ 80 / jaar met mijn korting, maar als u een bedrijf bent, bespaart u geld door nu de levenslange toegang te kopen. Als u 10 jaar zaken doet, is dat $ 800. Als u nu levenslange toegang koopt, is het $ 224. Het is een goed idee.

Krijg 10% KORTING op Divi Builder tot mei 2024


Elementor versus Divi Builder Prijsoordeel:

Elementor is perfect voor beginners met een beperkt budget en bedrijven met één website. Maar het jaarlijkse prijsmodel kost u honderden of zelfs duizenden dollars meer gedurende de levensduur van uw bedrijf.

Het eenmalige, levenslange toegangsplan van Divi is perfect voor bureaus en grotere operaties.

Waar u uw Page Builder kunt hosten

Zowel Divi als Elementor hebben een nieuw concept bedacht.

Om het gemakkelijk te maken voor mensen die vereenvoudigd websitebeheer en -onderhoud nodig hebben, hebben ze een versie van hun producten uitgebracht die volledig wordt gehost.

Dit betekent dat in plaats van dat u uw eigen website-hostingserver moet zoeken, WordPress moet installeren en onderhouden, NAAST het bouwen van uw site, hun gehoste versie zorgt voor de hostingaspecten.

U hoeft zich dan alleen nog maar te richten op het bouwen van de website.

Beide bedrijven hebben een soortgelijk product bedacht, waar Elementor de Cloud Website Builder voor $ 99/jaar.

Divi biedt ook een hostingoptie van hun product aan, bekend als Divi-wolk

In wezen zijn beide producten WordPress met de plug-in geïnstalleerd, maar gehost op een service waar u geen enkele WordPress-nitty gritty hoeft af te handelen.

De prijs is best aantrekkelijk als je een hands-off benadering van je WordPress wilt als je website eenmaal online is.

Getuigenissen - wat andere gebruikers zeggen

beide Divi Builder en Elementor Pro hebben tienduizenden gebruikers. Het mooie is dat er niet veel verschil is in de ratings van Elementor vs Divi Builder, ze worden allebei hoog gewaardeerd.

Bekijk de beoordelingen voor Elementor-paginabuilder in de WordPress-directory:

elementor page builder gratis beoordelingen

Verschillende mensen, van ontwikkelaars tot gewone gebruikers, hebben ervaring met een van beide of beide en veel grote WordPress-persoonlijkheden hebben hun eigen mening en gedachten als het gaat om deze plug-ins.

Wat mensen erover zeggen Divi Builder

Met de Divi builder, prijzen mensen altijd hun ondersteuningsteam, de meeste 4- en 5-sterrenrecensies vermelden altijd hoe geweldig hun ondersteuning is.

Hoewel Divi Builder kan een beetje moeilijker te gebruiken zijn dan Elementor, hun ondersteuningsteam is er om je te ondersteunen.

beoordeling 1

"Elegant Themes Divi Builder en Thema is geweldig. Ik zocht hoog en laag naar een thema met een solide front-end editor/paginabuilder, geld verspillend aan tal van thema's van lage kwaliteit. Toen ik Divi eindelijk vond, wist ik dat dit het thema voor mij was en ik gebruik het nu in mijn marketingbureau om websites van klanten te bouwen omdat het zo goed werkt. Ze hebben ook geweldige ondersteuning die goed geïnformeerd is en klaar staat om je te helpen met elke website-aanpassing die je maar kunt bedenken.

beoordeling 2

“Ik ben lid geweest van Elegant themes al een paar jaar en ik vind het geweldig. Ik heb geweldige websites gemaakt voor klanten met hun briljante thema's en plug-ins en zie mezelf nooit iets anders gebruiken. Klantenservice is ongeëvenaard, ze reageren snel en het advies is door en door betrouwbaar. Prima bedrijf.”

Wat mensen zeggen over Elementor Pro

De gebruikers van Elementor zijn lovend over hoe het een van de beste gratis plug-ins voor het maken van pagina's op de markt is en hoe gemakkelijk het te gebruiken is, zodat zelfs beginners er geen problemen mee hebben.

beoordeling 3

"Ik ben een nieuwe gebruiker van de plug-in, maar ik kan niet genoeg benadrukken hoe gemakkelijk de plug-in is in te stellen en de tijdbesparende functies die hij biedt!"

beoordeling 4

"Nieuw bij WP, maar Elementor is een superpaginabuilder. Het maakt webontwikkeling echt sneller en veel less frustrerend. Bovendien doet het prachtig werk. Een van de functies waar ik echt dol op ben, is de mogelijkheid om terug te gaan naar eerdere versies wanneer ik of de computer iets verknoeit. U kunt teruggaan naar de vorige wijziging, of een wijziging in deze sessie of een opgeslagen wijziging. Ik hou van het blokconcept! Zou meer bloksjablonen kunnen gebruiken. Het maken van Elementor-sjablonen is zo gemakkelijk te doen en te gebruiken. Ik wou dat er een PHP-widget was. De uitdaging is om alle nieuwe verbeteringen bij te houden terwijl ze regelmatig worden uitgerold. Altijd proberen om dit goede product te verbeteren. Ga zo door jongens!"

Afronden: Elementor of Divi?

Divi Builder en Elementor bieden beide een breed scala aan functies waarmee u gemakkelijk prachtige pagina's kunt maken. Beide pagebuilders hebben zich gericht op gebruiksgemak.

Hoewel ze veel overeenkomsten hebben, zijn hun gebruikersinterfaces behoorlijk verschillend.

Elementor biedt toegankelijkheid door een zijbalk met tools en opties te hebben, terwijl Divi voor eenvoud gaat door zo min mogelijk UI-elementen weer te geven.

Wat het aantal standaardsjablonen betreft, biedt Divi meer opties in vergelijking met Elementor, maar beide plug-ins hebben een import- en exportoptie, waardoor je tientallen sjablonen van derden uit andere bronnen kunt toevoegen.

Qua prijs is Elementor Pro duurder dan Divi Builder aangezien de laatste een levenslange licentie en onbeperkt sitegebruik heeft.

Elementor heeft een maximale prijs van $ 399 per jaar, waardoor je het voor duizend sites kunt gebruiken. Het biedt ook een gratis versie die nog steeds een krachtige reeks tools en zelfs sjablonen biedt waarmee je prachtige pagina's kunt bouwen.

Lees verder: WP Bakery vs Divi - een volledige vergelijking.

Elementor versus Divi: voor- en nadelen

Elk product heeft sterke en zwakke punten en Elementor en Divi zijn niet anders. Het is nu waarschijnlijk duidelijk wat ik denk dat ze zijn, maar om samen te vatten:

Voordelen van Divi:

  • Schone, moderne interface
  • De nieuwe Divi Builder heeft het spel veranderd
  • Maakt gratis gebruik van widgets en shortcodes mogelijk
  • Prijs is uitstekend voor bureaus en meerdere websites
  • Veel sjablonen en ontwerpen om te gebruiken

Nadelen van Divi:

  • U kunt geen hele websitesjabloon importeren, alleen afzonderlijke pagina's
  • Bij het verwijderen blijft code achter
  • Kosten werken alleen echt voor meerdere websites

Voordelen van Elementor:

  • Eenvoudig te gebruiken en aan te passen
  • Uitstekend lay-outbeheer en fijne controle
  • Honderden aanpassingen mogelijk
  • Gratis versie maakt het zeer toegankelijk
  • Premium-versies bieden veel extra functies

Nadelen van Elementor:

  • Vereist een apart WordPress-thema
  • Duurder dan Divi

Elementor vs Divi: veelgestelde vragen

Wat is Divi?

Divi is zowel een paginabuilder als een WordPress-themacombinatie. Het is een volledig multifunctioneel product dat kan worden gebruikt om elk soort website helemaal opnieuw te bouwen, of het nu gaat om e-commerce, niche-gebaseerde of branchespecifieke of een portfoliowebsite. Het wordt geproduceerd door Elegant Themes en is een van de meest populaire WordPress-producten die er zijn en is meer dan 850,000 keer verkocht.

Wat is Elementor?

Elementor is een van de meest populaire WordPress-paginabouwers die er zijn. Hoewel het geen thema is, heeft het ook krachtige mogelijkheden voor het bouwen van thema's. Elementor wordt meestal samen met een thema gebruikt om aangepaste berichten en pagina's te bouwen met behulp van slepen en neerzetten. Elementor heeft een gratis en betaalde versie. Dankzij de gratis versie, en in de afgelopen paar jaar, heeft het miljoenen actieve installaties.

Wat is het verschil tussen Divi en Divi builder? 

Divi is het WordPress-thema, Divi builder is de editor voor slepen en neerzetten of paginabuilder die een essentieel onderdeel is van het Divi-thema. In werkelijkheid hoef je er geen onderscheid tussen te maken, omdat ze naadloos werkenlesssamen liggen.

Kan ik Divi op meerdere sites gebruiken?

Ja, zodra u Divi koopt voor de prijs van $ 89, kunt u dit op een onbeperkt aantal sites gebruiken, maar u krijgt slechts 1 jaar ondersteuning en updates. Er is een versie voor $ 249 met levenslange onbeperkte sites, onbeperkte ondersteuning en updates. Als u onze link op deze pagina gebruikt, krijgt u 10% korting op beide prijzen.

Is Elementor de beste paginabuilder?

Elementor is momenteel de beste paginabuilder. Hoewel dit subjectief is en misschien niet voor iedereen geschikt is, zijn we er sterk van overtuigd dat geen enkele paginabuilder op zichzelf zijn functies kan evenaren. Dit betekent natuurlijk niet dat het voor iedereen geschikt is. Divi met zijn bundel thema + paginabuilder is ook voor veel mensen een uitstekende optie.

Is Divi beter dan Elementor?

Voor sommige mensen die geen apart thema en paginabuilder willen kopen, kan Divi meer waarde bieden, vooral als je de levenslange deal koopt. Als u van plan bent om slechts één website te bouwen, is Divi volgens ons een uitstekende keuze. Als u van plan bent meerdere sites te bouwen, of een ontwikkelaar of ontwerper bent, is Elementor misschien beter omdat het compatibel is met meer thema's, maar het zal in het algemeen duurder zijn dan Divi.

Werken Divi en Elementor met Gutenberg?

Ja, zowel Divi als Elementor werken goed samen met Gutenberg. 

Kun je Elementor gebruiken met Divi?

Ja, u kunt Elementor met Divi gebruiken als u de juiste plug-ins hebt geïnstalleerd, maar aangezien Divi zijn eigen functies voor het maken van pagina's heeft, denken we dat het in het algemeen voor uw website beter zou zijn om de divi-plug-in overal te gebruiken.

Elementor versus Divi Builder: Laatste gedachten

Dus wat is het uiteindelijke oordeel als het gaat om de Divi vs Elementor-paginabuilders? 

Uiteindelijk zijn zowel Divi als Elementor uitstekende paginabouwers. Het komt neer op uw bedrijf en doelen.

Als je de gemakkelijkste bouwer nodig hebt die er is voor één site of als je een GRATIS plan nodig hebt, kies dan voor Elementor.

Als je een bureau bent met heel veel sites en honderden pagina's moet bouwen, kies dan voor Divi. Er is een reden dat alle serieuze bureaus en bedrijven de levenslange toegang van Divi gebruiken: het is de beste waarde in het bedrijf.

Koop Divi nu   Koop Elementor nu

Over de auteur
David Attard
David heeft de afgelopen 21 jaar in of rond de online en digitale industrie gewerkt. Hij heeft ruime ervaring in de software- en webontwerpindustrie met behulp van WordPress, Joomla en de niches eromheen. Hij heeft gewerkt met softwareontwikkelingsbureaus, internationale softwarebedrijven, lokale marketingbureaus en is nu hoofd Marketing Operations bij Aphex Media - een SEO-bureau. Als digitale consultant ligt zijn focus op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door gebruik te maken van een combinatie van hun website en digitale platforms die vandaag de dag beschikbaar zijn. Zijn mix van technologische expertise gecombineerd met een sterk zakelijk inzicht geeft zijn geschriften een concurrentievoordeel.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...