Elementor vs Divi: recensie, voor- / nadelen en ultieme gids (2021)

elementor vs divi

Welkom bij mijn onbevooroordeelde Elementor vs Divi-recensie voor 2021.

Ik heb het succes van mijn bureau te danken aan deze twee paginabouwers (en cold brew coffee), maar ze zijn voor twee VOLLEDIG VERSCHILLENDE soorten klanten. Als u de verkeerde kiest, snelkoppelingen maakt of het verkeerde plan krijgt, kunt u:

  • Verspil honderden dollars (en nog belangrijker, vele uren)
  • Maak uw sites open voor hacks
  • Beperk serieus uw mogelijkheden om uw bedrijf te schalen

Maar maak je geen zorgen, het is eigenlijk heel eenvoudig om de perfecte paginabuilder te kiezen IF je weet waar je naar moet zoeken. Ik heb jarenlange praktijkervaring met beide, dus laat me je stap voor stap door alles leiden in gewoon Engels met screenshots, gifs en al het andere!

Pak een kopje koffie (of je favoriete warme drank), want je staat op het punt om diep in te duiken:

  • Divi of Elementor? Hoe u snel uw huidige situatie kunt evalueren en kunt beslissen welke beter is.
  • Hoe te beslissen op basis van budget, vaardigheid en voedzame ervaring met zowel Elementor als Divi
  • Het enige belangrijke prijsverschil dat u duizenden dollars kan besparen gedurende de levensduur van uw bedrijf
  • De stomme fout die me bijna $ 100 heeft gekost EN de veiligheid van al mijn sites
  • Een vreselijke ervaring die we hadden met een van deze producten die u moet kennen

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

Inhoud[Producten per pagina]

  

Elementor vs Divi: "Ik wil nu weten wat het beste voor mij is!"

Heeft u haast en wilt u weten wat beter is voor uw bedrijf voordat u iets investeert?

Laat me het je gewoon eerlijk zeggen op basis van mijn bijna 5 jaar ervaring met beide tools (aangezien Elementor eigenlijk voor het eerst werd uitgebracht in 2016). 

De ene groep bedrijven heeft ABSOLUUT Elementor nodig en een andere 100% heeft Divi nodig.

Als u niet de juiste keuze maakt, betaalt u. Zo niet nu, dan bent u over een jaar te gefrustreerd om te werken zoals u dat wilt. En al die productiviteit en efficiëntie waarvan elke ondernemer droomt, is onmogelijk.

Daarover later nog veel meer, maar hier is de korte versie voor u:

Koop Divi IF ...

  • U bent een bureau: Divi's prijsstelling maakt het een no-brainer voor ambitieuze bureaus. Levenslange toegang zonder beperkingen kost SLECHTS $ 249. Dat is $ 249 voor elke functie op oneindige websites. Als je honderden pagina's hebt, is dat hetzelfde als $ 1 of uitgeven LESS per pagina voor 's werelds meest vertrouwde paginabuilder. 
  • U heeft de beste ondersteuning in het bedrijf nodig.
  • Je hebt ontwerpervaring: Divi is ook prima voor beginners, maar nog beter voor ervaren bouwers. De leercurve is steiler dan Elementor, maar als je weet wat je doet, is de kracht zoveel groter.
  • Je hebt een premium-thema nodig om mee te werken: Divi is zowel een premium WordPress-thema als een paginabuilder, dus als je er een koopt, krijg je beide.

Elementor ophalen IF ...

  • Je hebt de gemakkelijkste paginabuilder nodig: Elementor stelt iedereen in staat om een ​​prachtige landingspagina te bouwen zonder enige kennis van codering vanaf $ 0!
  • U bent een solopreneur met 1 website
  • Je hebt een beperkt budget en hebt een GRATIS abonnement nodig
  • Je bent een ontwerper die complexe elementen nodig heeft
  • Je voelt de behoefte aan SNELHEID. Elementor is zo snel dat het voelt alsof de pagina wordt geladen VOORDAT ik op Enter klik
  • Je hebt al een thema om mee te werken: Elementor is een paginabuilder (geen thema) en moet worden aangevuld met een WordPress-thema. 

 

Divi vs Elementor komt eigenlijk neer op 1 ding: prijzen. Klik hier om naar de prijstabel te gaan 

Elementor vs Divi

Elementor als Divi beide hebben geavanceerde functies voor het maken van pagina's. Elementor is gratis en heeft een PRO-versie die $ 49 kost. Divi kost $ 89 per jaar en kan op een onbeperkt aantal sites worden gebruikt. De Divi Builder is gebruiksvriendelijk, maar Elementor is sneller om mee te werken.

Samengevat

  elementor-logo inpluggen divi builder
Winnaar 🏆  
globaal  4.9 / 5  4.5 / 5
Makkelijk te gebruiken  5 / 5  4.5 / 5
Ondersteuning  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 $ 49 Begint vanaf $ 89
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 90+  46
Ondersteuning voor WordPress Widgets Ja Ingewikkeld
Schone code Ja Nee
Vooraf gemaakte sjablonen / lay-outs 300+ 150+
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)

 

Nu je een snel overzicht hebt van elke plug-in, laten we er eens diep op ingaan. We hebben veel aspecten onderzocht, dus voel je vrij om te scrollen en naar de secties te gaan die je interesseren.

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

(LEES DIT AUB): waarom het kiezen van de verkeerde paginabuilder u alles kan kosten!

Ik moet dit verhaal delen ...

Niet omdat ik wil klagen (nou ja, misschien een beetje ...) maar omdat elke ontwikkelaar, ontwerper, bedrijf en bureau moet weten hoe belangrijk deze beslissing is.

Er was eens, in een vervlogen tijdperk van webontwikkeling (ongeveer 8 jaar geleden?), Iedereen was klaar met het gebruik van de premium WordPress-thema's van de dag. 

Mooie pagina's waren zeker mogelijk, maar ze vereisten een NIGHTMARISH wirwar van shortcodes. Je kunt de horror niet begrijpenless je hebt die tijd overleefd. Ik overdrijf alleen een beetje...

Anyways ...

Er was geen manier om iets te bouwen zonder WordPress door en door te kennen.

Webontwerpers waren een specifiek soort ontwikkelaars die code konden combineren met een goed ontwerp.

Man, het leven was ... anders. 

Op een dag begon een prominente WordPress-leverancier (WPMUDEV) deze geweldige nieuwe paginabuilder met slepen en neerzetten te pushen: Upfront.

"Het is geweldig. Het gaat WordPress redden van SquareSpace en Wix! ”, Zeiden ze. 

In die tijd verzetten de meesten van ons zich nog steeds tegen paginabouwers. Inclusief mezelf.

Maar deze leek ... beter.

Om eerlijk te zijn, het was best gaaf. De bouwer met slepen en neerzetten was als boter. En het had een aantal verleidelijke kenmerken:

  • Verbazingwekkende elementen die klaar zijn om mee te werken
  • Gemakkelijk te bewerken "regio's"
  • Tekstbewerking met één klik
  • Sjablonen om hergebruik en repetitief werk te verminderen
  • Het maken van pagina's was snel en gemakkelijk! Nergens in de buurt van wat we vroeger moesten doormaken ...

Vooraf zou alles veranderen.

Dus een voor een begon iedereen in de trein te springen. Bureau voor bureau, we vielen in de rij.

Mensen waren zo opgewonden dat ze hun hele roadmap op Upfront hebben gebouwd. Ze hebben zelfs personeel ingehuurd en opgeleid om het te gebruiken. Sommige bureaus met meerdere locaties hadden honderden pagina's die Upfront gebruikten.

Ik heb niet mijn hele bedrijf rond Upfront gebouwd (ik heb nooit al mijn eieren in één mand gedaan), maar laten we zeggen dat ik ook behoorlijk wat huid in het spel had ...

En toen kwam het op een dag allemaal IN elkaar storten.

afscheid nemen van vooraf

Op een dag besloot WPMUDEV gewoon om alles stop te zetten.

Geen waarschuwing.

Geen enkel woord.

Upfront werd stopgezet en elke pagina die er ooit op was gebouwd, werd achterhaald.

Al dat werk, al die tijd en geld, al het personeel dat is opgeleid om het te gebruiken, al de roadmaps die ermee zijn gemaakt: GEBRUIKLESS.

Lees deze recensie van een bureau-eigenaar die met Upfront had gewerkt:

Ik heb het grootste deel van vorig jaar besteed aan het opnieuw opbouwen van mijn hele websitebureau (onze marketingsite en klantensites) met en rond Upfront. Om gewoon te zien dat het nu uit de plannen voor ontwikkeling is, zonder waarschuwingen, na er vertrouwen in te hebben gesteld, personeel aan te nemen en op te leiden om het te gebruiken, is gewoon niet cool. "

Veel bedrijven werden hard geraakt ... het was niet prettig. 

Moraal van het verhaal?

Het kiezen van de juiste paginabuilder is van cruciaal belang voor uw bedrijf. Dat betekent dat het van vitaal belang is dat u er een kiest met een bewezen staat van dienst en een betrouwbaar merk.

Zo niet, dan zou u de volgende ondernemer kunnen zijn die een recensie achterlaat waarin wordt beschreven hoe het gebruik van Upfront hen bijna alles heeft gekost.

Maar ik dwaal af. Terug naar de recensie ...

Wat zijn paginabouwers?

Geen interesse in deze intro of heb je haast? Klik hier om naar het volgende deel van het artikel te gaan

We beginnen onze Elementor vs Divi Builder artikel met een beetje een intro van wat een pagebuilder doet.

Paginabouwers zijn tools waarmee u vanaf nul professioneel ogende webpagina's kunt ontwerpen en bouwen, zelfs met 0 codeerervaring. 

kB4U67tiQLA

In plaats van maanden te besteden aan het leren coderen van een pagina, is al het harde werk al voor je gedaan en verpakt in kleine "elementen". Je sleept ze gewoon naar de pagina waar je maar wilt en VOILA, je hebt een prachtig ontworpen pagina ... en niemand kent je geheim. 

Als u bijvoorbeeld een tekstvak of wilt toevoegen beeld, je pakt gewoon dat "element" uit de zijbalk, sleept het naar de pagina en plaatst het waar je het wilt hebben. Klinkt veel beter dan in de backend en codering het allemaal zelf, toch?

De meeste hebben zelfs kant-en-klare sjablonen waarvan is bewezen dat ze de bezoekersconversies stimuleren, zodat u niet eens “zwaar werk” hoeft te doen.

U klikt gewoon op het "element" dat u aan uw pagina wilt toevoegen (bijvoorbeeld afbeelding, tekstvak of nieuwe sectie), sleept waar u maar wilt en zet het neer op zijn plaats 

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 populairste WordPress-thema met meer dan 700,000 verkopen en de ultieme WordPress Page Builder. Als dit sport was, zouden het de Man U, New York Yankees en New England Patriots zijn: meer dan een team, een instelling.

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 3.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.

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

Wat is Elementor?

elementor paginabuilder  

Elementor is een marktverstoorder die enorm in populariteit stijgt. Het is een van de meest populaire bouwers voor solopreneurs en bedrijven met slechts 1 site.

Het is de nieuwe jongen in de buurt, klaar om de koning uit te dagen en hem te dwingen af ​​te treden.

Het is razendsnel, biedt een ongeëvenaard ontwerp en is zo gemakkelijk dat een holbewoner het zou kunnen doen. En u kunt er 100% GRATIS mee aan de slag. 

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 te gebruiken,
  • ze hebben de beste prestaties en stabiliteit, en
  • ze worden ondersteund door een team van deskundige WordPress-ontwikkelaars of door een bekend bedrijf.

Maar liefst 5,000,000 - dat is MILJOEN - mensen gebruiken Elementor terwijl je dit leest 

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

Wacht, je zegt dat zowel Divi als Elementor geweldig zijn. Dus hoe kan ik kiezen?

Goede vraag.

Ze lijken allebei erg op elkaar, maar zoals ik al eerder zei: prijzen en kleine verschillen in functionaliteit maken ze perfect voor verschillende marktsegmenten.

Laten we ze naast elkaar vergelijken om een ​​beter idee te krijgen. 

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. 

U weet hoe ze werken, hoe ze eruit zien, wat er bij de bundel wordt geleverd, welke van deze twee populaire paginabouwers is is het meest logisch voor jou, en al het andere dat u moet weten.

Dit zal u helpen een weloverwogen beslissing te nemen over welke u moet kiezen, of dat u in plaats daarvan andere paginabouwers zou moeten overwegen.

In de volgende sectie gaan we de gebruikersinterface van Divi en Elementor vergelijken - dwz hoe gemakkelijk het is om websites te bouwen met beide paginabouwers.

Elementor vs Divi: gebruiksgemak

De gebruikersinterface en het gebruiksgemak zijn een van de belangrijkste onderdelen van een plug-in voor het maken van pagina's. Hier breng je het grootste deel van je tijd door met werken. 

In ons eerste deel van onze Elementor vs Divi builder vergelijking, we gaan door hun gebruikersinterfaces en de beschikbare instellingen die we kunnen configureren.

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

Laten we beginnen met de Divi Builder.

Meer informatie over de Divi Builder by Elegant Themes

Divi Builder User Interface

Laten we, voordat we beginnen, wat de leverancier te zeggen heeft over het gebruik van de plug-in in deze korte video, vooral met de onlangs vernieuwde interface:

0qRYEseXnD4

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 "Gebruik Divi Builder” of “Standaardeditor gebruiken”.

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 - je begint met een lege pagina.
  • Kies een vooraf gemaakte lay-out - laat u kiezen uit een selectie van vooraf gemaakte sjablonen. We zullen hier later meer in detail op ingaan.
  • Bestaande pagina klonen - vrij duidelijk, kopieert in feite een bestaande pagina naar de pagina waar u momenteel aan werkt.

We gaan de optie "vanaf het begin opbouwen" kiezen, omdat de andere twee keuzes vrijwel hetzelfde zijn, alleen met inhoud die al is toegevoegd. Hierdoor kunnen we ons meer richten op hoe de Divi builder interface werkt en hoe het eruit ziet wanneer het wordt gebruikt om pagina's en sites te ontwerpen.

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, openen zich, afhankelijk van de module en inhoud die u toevoegt. We zullen later in het artikel meer behandelen over modules (die we voornamelijk elementen zullen noemen).

nieuwe rij

Het menu

Het Divi builder gebruikersinterface is minimalistisch.

Minimalisme is altijd een van de ontwerpkenmerken geweest van Elegant Themes en de pagebuilder houdt dit ontwerpconcept in stand.

Zoals je kunt zien aan de hand van het bovenstaande gif, is er helemaal geen zijbalk of menubalk. In plaats daarvan heb je alleen een zwevende cirkel met drie witte stippen erin.

De zwevende cirkel met drie witte stippen is wat fungeert als uw menu. Als u op deze punten op de eerste Divi-bouwpagina klikt, krijgt u toegang tot verschillende opties en handige hulpmiddelen.

zwevend menu

U kunt dit menu verplaatsen door erop te klikken en het te verslepen. U kunt het neerzetten op een van de acht vooraf gedefinieerde posities in de hoek van het scherm.

Laten we de inhoud van dit zwevende menu eens nader bekijken. Bij het gebruik van Divi, beginnend aan de linkerkant, hebben we

  • Divi builder instellingen,
  • wireframe-weergave,
  • zoom-tool,
  • bureaubladweergave,
  • tabletweergave,
  • laden vanuit bibliotheekopties,
  • opslaan in bibliotheek optie,
  • duidelijke lay-out,
  • pagina-instellingen,
  • bewerkingsgeschiedenis,
  • draagbaarheid,
  • de zoek- en helpknop,
  • en de knoppen voor concept opslaan en publiceren.

zwevend menu 2

Hoe zit het met een diepere blik op elk van hen?

Builder-instellingen - dit zal een dialoogvenster openen met verschillende opties waarmee u kunt aanpassen welke pictogrammen op de Divi builder werkbalk, de standaardweergavemodus wijzigen (mobiel, desktop of tablet), UI-animaties in- of uitschakelen, enz.

Wireframe-weergave - door op dit item te klikken, wordt de draadframe-weergave in- of uitgeschakeld. U kunt de wireframe-weergave gebruiken om een ​​structurele weergave van uw pagina te krijgen.

wireframe-weergave

Zoom-tool - hiermee kunt u de pagina in- en uitzoomen.

Desktop-, tablet- en mobiele weergave - hiermee kunt u een voorbeeld bekijken van hoe uw pagina eruitziet op verschillende apparaten en met schermresolutie.

responsieve weergave

Laden uit bibliotheek - hiermee kunt u een vooraf gemaakte sjabloon uit de sjabloonbibliotheek op de pagina invoegen of gebruiken.

Opslaan in bibliotheek - hiermee kunt u de huidige pagina opslaan in de sjabloonbibliotheek.

Duidelijke indeling - verwijdert alles op de pagina.

Pagina-instellingen - geeft u toegang tot de instellingen van de pagina, zoals de titel, fragment, uitgelichte afbeelding, enz.

Geschiedenis bewerken - u kunt vanaf hier zien welke wijzigingen zijn aangebracht in de huidige bewerkingssessie. Door op een item te klikken, kunt u terug in de tijd gaan, alle bewerkingen die u heeft aangebracht ongedaan maken en de status van de pagina herstellen. 

bewerkingsgeschiedenis

Draagbaarheid - importeer of exporteer uw huidige lay-out.

Zoek- en Help-knoppen - met deze knoppen hebt u toegang tot Divi builderdocumentatie; met de zoekknop kun je zoeken naar een specifieke actie, menu-item of element.

Bewaar concept en publiceer knoppen - vrij duidelijk.

Element specifiek menu

Tijdens gebruik Divi builder, als u over een element zweeft, wordt een andere set menu's weergegeven. Met deze menu's kunt u de instellingen van een specifiek element configureren, zoals de inhoud, de lay-out of er een aangepaste CSS aan toevoegen.

element specifiek menu

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

En dat is het zo'n beetje voor de basis van Divi builder gebruikersomgeving.

Het 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. Dit betekent echter dat het toevoegen van nieuwe elementen soms veel klikken vereist.

Het unieke aan de gebruikersinterface is de mogelijkheid om over te schakelen naar wireframe-weergave en front-end view-naadlessly.

Dit is handig, vooral voor grote pagina's, omdat u elementen gemakkelijker kunt verplaatsen. Ook in het vooraanzicht van de Divi builder, het verplaatsen van elementen, vooral als de pagina al vol met inhoud is, heeft de neiging een beetje traag te zijn.

Overschakelen naar de wireframe-weergave elimineert de vertraging.

Ten slotte is het met de wireframe-weergave veel gemakkelijker om elementspecifieke menu's te openen omdat ze altijd zichtbaar zijn.

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

Nu we klaar zijn met de Divi Builder, laten we eens kijken naar de gebruikersinterface van Elementor. Onze volgende sectie van de Elementor vs Divi builder vergelijking zal zich richten op de Elementor UI,

Elementor's gebruikersinterface

De gebruikersinterface van Elementor 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. Bekijk de volgende video van 1 minuut waarin precies wordt uitgelegd hoe dit werkt:

VRoPdyk97mg

Als u een nieuwe pagina maakt met Elementor actief, gaat u naar de standaardeditor van WordPress. Om de pagina te bewerken, moet je op de knop "Bewerken met Elementor" bovenaan het scherm klikken om de Elementor-builder te openen.

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 sidebar en pagina voorbeeld.

elementor ui

Je kunt de zijbalk verbergen door op het kleine pictogram te drukken dat wordt weergegeven in de onderstaande gif:

Verberg zijbalk

Als u de zijbalk verbergt, krijgt u een voorvertoning op volledig scherm van uw pagina​ Houd er rekening mee dat u niets kunt bewerken terwijl de zijbalk verborgen is.

Elementen toevoegen in Elementor

Om een ​​element aan de pagina toe te voegen, sleept u er eenvoudig een van de zijbalk naar de pagina.

slepen en neerzetten

In Elementor, bij het slepen en neerzetten van een element, zal de zijbalk veranderen om opties weer te geven die specifiek zijn voor het element dat zojuist is toegevoegd.

Met de rode plusknop en het mappictogram in het paginavoorbeeld kunt u een nieuwe sectie toevoegen of een sjabloon uit uw bibliotheek laden.

Na het slepen en neerzetten van een element op de pagina of na het selecteren van een item op de pagina, zult u merken dat de zijkant nu opties voor het geselecteerde element weergeeft.

Om terug te gaan naar het elementenselectiepaneel, kunt u op het vierkante tegelspictogram in de rechterbovenhoek van het zijbalkmenu klikken.

zijbalknavigatie

Klik op dat pictogram en je kunt teruggaan naar het elementenselectiepaneel. U kunt nu een ander element van hier naar de pagina slepen en neerzetten.

sidebar

De zijbalk is opgedeeld in drie delen.

  1. Het bovenste menu,
  2. het lichaam, en
  3. het onderste menu.

Het bovenste menu bevat algemene instellingen, de body toont informatie over het momenteel geselecteerde element en het onderste menu toont aanvullende instellingen die u kunt configureren. 

Bovenste menu

Het bovenste zijbalkmenu van de Elementor-paginabuilder bevindt zich in de linkerbovenhoek van de zijbalk. Hier kunt u standaardinstellingen voor stijlen en lettertypen, kleurkiezers, enz. Configureren.

bovenste zijbalkmenu

Naast de stylingopties zijn er nog andere items beschikbaar in dit menu.

Er is een zoekfunctie, een link naar de instellingenpagina van Elementor en meer. Je kunt ook de blauwe vinden exit naar dashboard knop, waarmee u teruggaat naar het WordPress Dashboard.

bottom Menu

Onderaan de zijbalk ziet u aanvullende menu-items.

onderste zijbalkmenu

Van links naar rechts hebben we de instellingen, navigator, geschiedenis, responsieve modus, voorbeeldwijzigingen en de publicatieknop.

De publicatieknop heeft een submenu dat u kunt openen door op de kleine opwaartse pijl ernaast te klikken. Als u erop klikt, krijgt u twee extra opslagopties: de opties voor opslaan en opslaan als sjabloon.

extra menu

Laten we ze allemaal snel doornemen.

Instellingen - het tandwielpictogram helemaal links in het onderste menu. Het bevat instellingen voor de pagina waaraan u momenteel werkt.

Hier kunt u de titel van uw pagina bewerken, een uitgelichte afbeelding toevoegen, de publicatiestatus ervan wijzigen (concept, gepland, gepubliceerd), de standaardlay-out wijzigen, enz. U kunt ook de aanwezigheid van twee extra tabbladen opmerken: de stijl als vergevorderd tabs.

zijbalk instellingen paneel

Op het stijltabblad kunt u de instellingen voor de lichaamsstijl van de pagina configureren. U kunt een achtergrondkleur of afbeelding definiëren en u kunt ook de opvulling wijzigen.

En op het geavanceerde tabblad kunt u uw aangepaste CSS toevoegen.

navigator - stelt ons in staat om een ​​hiërarchische weergave van de elementen op de pagina te zien. Dit is vergelijkbaar met de Divi builder's wireframe-modus. De navigator is echter slechts een zwevend menu dat de elementhiërarchie van uw pagina weergeeft. U kunt elementen ook herschikken met behulp van de navigator, hoewel de functionaliteit niet zo goed is als de draadmodelmodus die we hierboven hebben gezien in de Divi builder.

Het belangrijkste doel van de navigator is, zoals de naam al aangeeft, om u te helpen op een veel eenvoudigere manier door uw pagina te navigeren. Dit is erg handig, vooral als je een complexe pagina hebt met heel veel elementen erin.

navigator

Geschiedenis - waar u uw bewerkingsgeschiedenis kunt zien. Hiermee kunt u terugkeren naar een eerdere versie van uw bewerkingen. Houd er echter rekening mee dat alleen bewerkingen van de huidige sessie worden opgeslagen.

Er is één ding dat de geschiedenisfunctie van Elementor onderscheidt van de Divi builder, en het is een grote, waardoor de geschiedenisfunctie vele malen beter is.

Zoals je kunt zien in de afbeelding hierboven, is er een ander tabblad met de naam "revisies" in het geschiedenispaneel. Deze herzieningen worden bewaard zelfs nadat het verlaten van de gebruikersinterface van de paginabuilder of zelfs nadat u uw browser hebt gesloten.

Elke keer dat u op de "update" -knop drukt, wordt een nieuwe revisie opgeslagen.

herzieningen

Bovendien zorgt de plug-in ook voor automatische opslag, zodat u uw werk niet kwijtraakt door problemen zoals browsercrashes.

Hierdoor kunt u gemakkelijk teruggaan naar een eerdere revisie, zelfs als u de editor sluit, uitlogt bij WordPress of uw computer afsluit. Deze functie alleen al maakt Elementor een duidelijke winnaar tegen de Divi builder in termen van revisiegeschiedenis.

Responsieve modus - hiermee kunt u een voorbeeld bekijken van hoe uw pagina eruit zal zien op verschillende apparaten en schermresoluties.

responsieve preview

Voorbeeld van wijzigingen - opent een nieuw tabblad zodat u een live voorbeeld van uw pagina kunt zien.

Element specifiek menu

Als u op een element op de voorbeeldpagina klikt, wordt een elementspecifiek menu weergegeven met zijn unieke opties die u kunt configureren.

element specifiek menu 2

Elementor in actie

Zoals we deden met ElegantThemes' product, in het volgende deel van onze Divi vs Elementor-vergelijking laten we Elementor in actie zien, zodat u het verschil tussen deze twee paginabuilders kunt begrijpen.

Met behulp van geanimeerde gifs kunt u de producten in actie zien als onderdeel van onze Elementor vs Divi-recensie.

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

elementor ui-demo

Zoals we kunnen zien, richt de Elementor-builder zich op toegankelijkheid en gebruiksvriendelijkheid.

In tegenstelling tot Divi, waar het even aan moet wennen, zorgt Elementor ervoor dat zijn gebruikers zich meteen thuis voelen. Het toevoegen van nieuwe items is doodeenvoudig, omdat je gewoon het element dat je nodig hebt vanuit de zijbalk naar het voorbeeldgebied hoeft te slepen en neerzetten.

Als we Divi versus Elementor vergelijken, zien we dat ze een andere focus hebben. Het eerste richt zich op eenvoud en netheid, het tweede 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.

Het is gewoon een kwestie van stijl en voorkeur. 

Elementor vs Divi UI Winnaar: Binden

Lees meer op de website van de plug-in

Nu we klaar zijn met het verkennen van de gebruikersinterfaces van beide plug-in, is het tijd om de beschikbare elementen of widgets en modules van de paginabouwers te bekijken volgens hun jargon.

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

Elementen

De elementen zijn wat u gaat gebruiken om uw pagina op te bouwen. In termen van Divi versus Elementor is het gebruik van terminologie iets anders, maar over het algemeen zijn de concepten redelijk vergelijkbaar.

Het Divi builder noemt zijn elementen de sectie, de rijen en kolommen, en modules​ Net als Divi werkt Elementor met drie fundamentele bouwstenen, maar aan de andere kant noemt het zijn elementen de sectie kolomEn widgets.

Elementen worden gebruikt om de structuur van een pagina te definiëren. Hoewel de namen kunnen verschillen in Elementor vs Divi builder, de concepten zijn hetzelfde.

Laten we dieper kijken, te beginnen met de Divi builder.

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 heeft het onderste gedeelte ook een rij erin, hoewel deze niet is gemarkeerd. De rij is ook verdeeld in drie kolommen, vergelijkbaar met die in de tweede sectie. De middelste kolom van de onderste rij bevat een module, in dit geval een knopmodule.

 

de elementen

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

Het blauw paars or Een oranje uitroepteken 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.

Secties

In het Divi builder, fungeert de sectie als een container voor rijen en modules.

U kunt secties gebruiken om uw pagina in verschillende delen op te splitsen. U kunt bijvoorbeeld drie secties op een pagina hebben; de eerste is een sectie over ongeveer, de tweede is een sectie met contactpersonen en de derde is een sectie voor bedrijfslocaties.

Secties zijn 'onafhankelijk' van elkaar. Als u in de eerste sectie een blauwe achtergrondkleur toepast, heeft dit geen invloed op de andere twee secties.

Secties toevoegen - Als u op de blauwe (of oranje of paarse) plusknop op de pagina klikt, kunt u een nieuwe sectie toevoegen. Als u op de opgegeven knop klikt, krijgt u een dialoogvenster waarin u wordt gevraagd om te kiezen uit drie verschillende soorten secties: normaal, speciaal en volledige breedte.

nieuwe sectie

Met regelmatige secties kunt u rijen toevoegen met naast elkaar geplaatste kolommen. Met speciale secties kunt u een complexere rij- en kolomindeling toevoegen. Met secties over de volledige breedte kunt u speciale items over de volledige breedte toevoegen, zoals portfolio, berichtschuifregelaar, berichttitel, enz.

Er is ook de mogelijkheid om een ​​sectie uit uw bibliotheek toe te voegen. Als u eerder een sectie heeft opgeslagen, kunt u deze nu hier vinden en aan de pagina toevoegen.

Laten we nu eens kijken naar de Divi builder sectie instellingen.

Als u uw muis op een element plaatst, wordt het gemarkeerd en wordt een actiebalk weergegeven in de rechterbovenhoek van het gemarkeerde gebied. Bekijk de volgende animatie over het gebruik van de sectie-instellingen van de Divi builder. 

sectie instellingen

Met deze instellingen kunt u het specifieke element configureren. Voor sectie-elementen heeft u het volgende:

  • Verplaats sectie
  • Instellingen sectie
  • Dubbele sectie
  • Bewaar sectie in bibliotheek
  • Sectie verwijderen
  • Aanvullende sectie-instellingen
    • Opslaan in bibliotheek
    • Gesplitste test
    • onbruikbaar maken
    • Slot
    • Kopieer sectie
    • Kopieer sectiestijl
    • Sectiestijl opnieuw instellen
    • Bekijk gewijzigde stijl
    • Breid de sectiestijl uit

De meeste van deze opties spreken voor zich, maar wat hier interessant is, is de split test optie.

Dit is een A / B testfunctie waarmee u gesplitste tests kunt uitvoeren op elk soort Divi builder elementen, uit rijen, secties, kolommen en modules.

Als het gaat om Divi versus Elementor in termen van A / B-testen, komt Divi als beste uit de bus. De enige manier om gesplitste tests met Elementor uit te voeren, is door een plug-in of service van een derde partij te gebruiken, zoals Google Optimize.

Als u op het tandwielpictogram (sectie-instellingen) klikt, wordt een dialoogvenster weergegeven met aanvullende configuratie-opties voor de gemarkeerde sectie.

sectie instellingen dialoog

Het dialoogvenster voor sectie-instellingen bevat drie tabbladen: Inhoud, Ontwerp en Geavanceerd. Het inhoudstabblad bevat items die betrekking hebben op de inhoud van het geselecteerde element, terwijl het ontwerp en het geavanceerde tabblad stijlopties bevatten.

Rijen

Zoals bij de meeste andere paginabouwers, zijn de rijen elementen die zich in een sectie bevinden. Als u een rij toevoegt, moet u een rijvariatie selecteren. Rijvariaties verschillen in hoeveel kolommen het standaard heeft en hoe groot elke kolom is.

Rijen gebruiken de responsive Raster met 12 kolommen

rij selectie

Als u een complexere kolomstructuur wilt, wilt u een specialiteit sectie.

speciale secties

De rijvariaties van de speciale sectie hebben een complexere kolomindelingsstructuur, zoals u kunt zien in de afbeelding hierboven.

Rij-instellingen - Net als secties heeft een rij een actiebalk wanneer u er met de muis overheen beweegt, zodat u toegang hebt tot bepaalde menu-items. Het heeft vrijwel dezelfde dingen als in secties, afgezien van de de kolomstructuur wijzigen optie die exclusief is voor rijelementen.

 

de kolomstructuur wijzigen

Modules

De modules in de Divi builder zijn wat u gaat gebruiken om zichtbare inhoud aan uw pagina toe te voegen. De modules zijn website-elementen zoals tekst, afbeeldingen, alinea's, video's, contactformulieren, kaarten, enz.

Als u op de zwarte plusknop klikt, wordt een dialoogvenster voor het selecteren van een module geopend. Bij het kiezen van een module, verschijnt een ander dialoogvenster met instellingen die zijn afgestemd op de specifieke module die u hebt geselecteerd.

Als u bijvoorbeeld de tekstmodule selecteert, wordt een plaatsaanduidingstekst weergegeven in het gebied dat u hebt geselecteerd.

Met behulp van het dialoogvenster kunt u de tekst zelf bewerken en stijlen toevoegen, aangepaste CSS toevoegen, enz.

tekstmodule

Elke module heeft hetzelfde dialoogvenster waarmee u toegang krijgt tot instellingen en aanpassingsopties, net als hierboven.

Om de instelling van een module te openen, beweegt u uw muis over de module totdat de actiebalk verschijnt en klikt u vervolgens op het tandwiel- / instellingenpictogram.

module-instellingen

Het instellingenvenster heeft drie tabbladen: Inhoud, Ontwerp en Geavanceerd.

  • Het tabblad inhoud bevat configuratie-instellingen voor de module. Dit verschilt per module.
  • Het ontwerptabblad bevat ontwerpopties waarmee u de inhoudsuitlijning, spatiëring, typografie, enz. Kunt wijzigen.
  • Met het geavanceerde tabblad hebt u toegang tot opties zoals geavanceerde CSS-configuratie, overgangen, enz.

 

Oordeel:

Zoals we hierboven hebben gezien, is toegang tot elementen, met name module-elementen, 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.

Nu we de hebben gezien Divi Builder's elementen, laten we eens kijken naar Elementor's elementen in onze Elementor vs Divi builder krachtmeting.

Elementor-elementen: sectie, kolommen en widgets

Net als Divi heeft Elementor drie verschillende elementcategorieën: de sectie, dat fungeert als een container, de kolommen 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.

In tegenstelling tot het Divi builder waarvoor je eerst een sectie en een kolom moet maken voordat je een element kunt toevoegen, in Elementor kun je bijvoorbeeld een knopwidget van de zijbalk naar een leeg gedeelte van je pagina slepen en je bent klaar .

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

elementen toevoegen

Als u een element bewerkt, zal de zijbalk de inhoud ervan wijzigen om de juiste instellingen voor dat item weer te geven.

Zoals bij de Divi builder, kunt u elementen slepen en neerzetten om ze op de pagina te verplaatsen. U kunt op elke tekst op de pagina klikken om deze direct te bewerken. U kunt de grootte van kolommen ook vrij wijzigen.

Door met de rechtermuisknop op een element op de pagina te klikken, wordt een contextmenu geopend, dat enigszins varieert, afhankelijk van het type element dat momenteel is geselecteerd.

sectie

De sectie fungeert als een container voor kolommen en widgets.

Er zijn twee soorten secties in Elementor, de een sectie en de binnenste sectie.

Het binnenste gedeelte kan alleen bestaan ​​binnen een normaal gedeelte. Een binnenste sectie lijkt enigszins op kolommen, maar u kunt meerdere binnensecties en meerdere kolommen erin hebben, zodat u complexe lay-outs kunt maken.

nieuwe secties toevoegen

Sectie-instellingen - Als u de muisaanwijzer op een element op de pagina plaatst, wordt de sectie gemarkeerd waartoe ze behoren. Het gemarkeerde gedeelte heeft bovenaan een klein menu.

Dit kleine menu heeft drie items: de nieuwe sectie toevoegen (plusknop), de sectie bewerken (gestippeld gebied) en de sectie verwijderen (x-knop).

sectiemenu

De nieuwe sectie voegt een nieuwe lege sectie toe bovenop de gemarkeerde.

De bewerkingssectie zal sectie-instellingen in de zijbalk weergeven. U kunt hier ook toegang toe krijgen door met de rechtermuisknop op een leeg gedeelte van de sectie te klikken.

In de sectie-instellingen zijn er drie tabbladen: lay-out, stijl en geavanceerd. U kunt de lay-out- en structuuropties configureren in het lay-outtabblad.

Op het stijltabblad kunt u stijlopties configureren en op het geavanceerde tabblad kunt u aanvullende geavanceerde opmaak- en attribuutopties configureren.

sectie stijl geavanceerd tabblad

columns

De kolommen verdelen secties verticaal. De kolommen fungeren als een container voor de widgets, inclusief de widgets voor de binnenste sectie.

Wanneer u een nieuwe sectie toevoegt, kunt u kiezen hoeveel kolommen deze zal bevatten.

nieuwe kolommen

Kolominstellingen - Toegang tot kolominstellingen wordt gedaan door met de muis over een kolom te bewegen en met de rechtermuisknop op het nu zichtbare kolompictogram te klikken. Er verschijnen verschillende opties, zodat u de kolom kunt bewerken, de kolom kunt dupliceren, een nieuwe kolom kunt toevoegen, enz.

kolom instellingen

Als u de bewerkingskolom selecteert, wordt de zijbalk gewijzigd om kolomgerelateerde instellingen weer te geven. Net als in sectie-instellingen, heeft het ook drie tabbladen: lay-out, stijl en geavanceerd.

kolom instellingen paneel

Het lay-outtabblad bevat lay-outconfiguratie-opties zoals kolombreedte, uitlijning, enz .; terwijl de stijl- en geavanceerde tabbladen vrijwel hetzelfde zijn als wat u kunt zien in de instellingen van de sectie.

widgets

Het laatste stuk van de verschillen tussen Elementor en Divi als het gaat om de feitelijke elementen, zijn de widgets.

De widgets zijn de inhoud of elementen (Vandaar Elementor) die u op uw pagina's kunt gebruiken.

Dit zijn veelvoorkomende zaken, zoals tekst, afbeeldingen, video's, galerijen, knoppen, enz. Het toevoegen van een widget is net zo eenvoudig als het slepen van een widget van de zijbalk naar de pagina of door op de plusknop te klikken om het widget-selectiepaneel te openen en vervolgens te slepen en neer te zetten. .

Widget-instellingen - Als u een widget selecteert, wordt de zijbalk gewijzigd om de configureerbare opties voor dat specifieke item weer te geven. In het onderstaande gif kun je zien hoe elk element verschillende opties weergeeft.

widget instellingen

U kunt dit paneel ook openen door met de rechtermuisknop op een element te klikken en het bewerk [elementnaam] item in het contextmenu.

Ten slotte heeft elke widget ook de stijl en geavanceerde tabbladen die u kunt openen vanuit het zijbalkpaneel.

Het stijltabblad verandert volgens de geselecteerde widget. Afbeeldingswidgets hebben bijvoorbeeld geen stijlopties voor typografie, terwijl tekstwidgets geen dimensie-instellingen hebben.

Het geavanceerde tabblad is hetzelfde als in de andere elementen.

Ontdek alle beschikbare elementen

Wereldwijde widgets

Er is een speciaal type widget in Elementor: wereldwijde widgets​ U kunt een widget opslaan als een globale widget en deze overal op de pagina of de site gebruiken. U kunt ze ook allemaal tegelijk op één plaats bewerken.

Oordeel:

Elementor heeft een bredere selectie van elementen in vergelijking met de 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 en neerzetten. De Divi builder, aan de andere kant, 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 hebben we de gebruikersinterface en de elementen van beide WordPress-plug-ins gezien. Het is tijd om de stijlopties van Elementor versus Divi-paginabouwers te bekijken en te vergelijken.

Styling in Elementor vs Divi

Zowel Divi als Elementor worden geleverd met diepgaande en geavanceerde stylingopties die geschikt zijn voor zowel mensen die programmeurs of experts zijn op het gebied van webdesign als voor degenen die dat niet zijn.

De manier waarop Divi vs Elementor de styling benaderen, is echter iets anders. Sommige dingen die in de ene beschikbaar zijn, zijn niet beschikbaar in de andere.

In dit gedeelte gaan we dieper in op elk van hun respectievelijke stijlopties. Onze Elementor vs Divi builder zou niet compleet zijn zonder een diepgaande blik op deze functies in beide paginabuilders.

Divi Builder Styling opties

Dubbelklikken op een element in de Divi-paginabuilder, of het nu een sectie, een rij of een module is, zal het instellingenpaneel openen. U kunt dit paneel ook openen door over een bepaald element te bewegen totdat 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.

Het 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, zelfs voor degenen die geen codeerders zijn.

stylingopties voor divi

Voor gevorderde gebruikers of voor diegenen die meer controle willen over de styling kan gebruik gemaakt worden van het geavanceerde tabblad. Hier kan men hun aangepaste CSS-ID's en klassen, aangepaste CSS-code toevoegen, zichtbaarheid configureren, enz.

Responsieve styling

In het Divi Builder, kunt u verschillende stijlinstellingen definiëren voor verschillende apparaten.

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

responsieve stijlen

Het Divi builder's ontwerpopties stellen alle soorten gebruikers in staat hun pagina's uitgebreid aan hun behoeften aan te passen.

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.

Zoals het Divi builder, hebben alle elementen in Elementor 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

De standaardstijlopties van Elementor beheren

Na het installeren van Elementor past de plug-in voor het maken van pagina's automatisch de stijlopties toe om de thema's van 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. Casuals en niet-codeerders kunnen hun stijlen gemakkelijk definiëren met behulp van de schuifregelaars en andere stylingtools die beide plug-ins hebben.

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.

Nu zijn we klaar met het bekijken van de gebruikersinterface, elementen en stijlopties. Het is tijd om de sjablonen te bekijken en hoe de opties van Elementor vs Divi zich tot elkaar verhouden!

Sjablonen

Met sjablonen kunt u uw pagina's veel sneller afmaken dan dat u alles helemaal opnieuw hoeft te ontwerpen.

Een van de belangrijkste elementen van paginabouwers en thema's is tegenwoordig de hoeveelheid en kwaliteit van de sjablonen die beschikbaar zijn als onderdeel van het product. 

Laten we dus eens kijken naar de schat aan sjablonen Divi vs Elemetor die door beide paginabouwers worden aangeboden.

Zowel Elementor als Divi builder bieden honderden sjablonen waaruit u kunt kiezen. 

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

Divi Builder's Lay-outs

De Divi-paginabuilder biedt 122 vooraf gemaakte lay-outpakketten met complete sitesjablonen. In Divi's jargon worden ze lay-outs genoemd.

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 een productservice maken die u vervolgens vanuit de lay-outs kunt laden en gebruiken voor verschillende promoties die u mogelijk uitvoert.

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.

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. Er zijn blokken voor

  • contactformulieren,
  • call-to-action knoppen,
  • Veelgestelde vragen,
  • prijstabellen,
  • portefeuilles,
  • koptekst,
  • diensten, etc.

 

elementor sjablonen

Paginasjablonen zijn hoe ze klinken: een hele paginasjabloon. Ook al hebben we gezegd dat er meer dan 300 paginasjablonen beschikbaar zijn voor Elementor premium-gebruikers, zou je dat misschien willen kijk wat er vandaag beschikbaar is.

Dit komt doordat het Elemetor-team voortdurend nieuwe sjablonen aan het maken en aan de bibliotheek toevoegt en we de constante stroom van vrijgegeven Elementor-sjablonen niet kunnen bijhouden :-)

Voor gratis gebruikers zijn de opties beperkt, maar de selectie is nog steeds redelijk goed.

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.

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

Elementor versus Divi Builder Sjablonen Winnaar: Divi Builder

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 4.0 is deze functie niet langer beperkt tot Elementor.

Het 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, waarmee gebruikers elementen, modules en functies kunnen gebruiken om niet alleen statische pagina's te bouwen, maar ook een dynamische kop-, voettekst- en hoofdtekstlay-out. Met andere woorden, de mogelijkheid om volledige thema's te bouwen.

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's Theme 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 lijken in veel opzichten op die van Elementor, dit is een functie waarbij de 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 CDL Super Session.​ Zoek gewoon naar "theme builder packs" in hun zoekbalk en je kunt ze gemakkelijk vinden.

terzijde: Als u meer van deze pakketten wilt ontvangen, raden we u aan het Elegant Themes hier ansehen en abonneer je op hun nieuwsbrief. Ze sturen constant (letterlijk dagelijks) nieuwe dingen uit die kunnen worden gebruikt met de Divi builder, een van de meest waardevolle nieuwsbrieven waarop we zijn geabonneerd.

Met de themabouwer kunt u 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, de Divi builder zal u eerst vragen waar u de sjabloon op wilt toepassen. U kunt ervoor kiezen om uw sjablonen toe te passen of uit te sluiten voor specifieke berichten of pagina's of zelfs voor specifieke tags en categorieën en meer.

Als u eenmaal heeft besloten waar u uw sjabloon wilt toepassen, kunt u beginnen met het bouwen en ontwerpen van uw sjabloon. Als u een algemene sjabloon voor kop- en voetteksten heeft gedefinieerd, worden deze automatisch aan uw nieuwe sjabloon toegevoegd.

U hoeft zich alleen maar zorgen te maken over het maken van een nieuw lichaamssjabloon. Natuurlijk kunt u de body-sjabloon uiteindelijk vervangen door een aangepaste sjabloon als dat nodig is.

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 kunt kiezen uit verschillende opties, zoals het selecteren van een vooraf gemaakte sjabloon of het kopiëren van een bestaand sjabloon. Als het gaat om kant-en-klare sjablonen, heeft Divi een enorme selectie om uit te kiezen.

Vanaf daar heb je de gebruikelijke Divi builder tools en modules tot uw beschikking om te beginnen met het bouwen van uw beoogde lay-out.

Elementor's themabouwer

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

Van daaruit kun je kiezen welk deel van je thema je wilt bouwen. 

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.

Hieronder ziet u bijvoorbeeld de inhoud van de zijbalk bij het bewerken van een koptekstsjabloon.

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 een beetje gemakkelijker te gebruiken dan Elementor vanwege het gebruik van selectievakjes om te kiezen waar u een bepaalde sjabloon wilt opnemen of uitsluiten in vergelijking met het moeten klikken op de Toevoegen Voorwaarde en klik op het vervolgkeuzemenu telkens wanneer u een nieuwe regel wilt toevoegen.

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

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, zoals hieronder beschreven.

Correct en creatief gebruikt, kan deze Elementor rule engine een ongelooflijk krachtig en nuttig hulpmiddel zijn. Het biedt u flexibiliteit en aanpassingen op een zeer gedetailleerd niveau. Dit is genoeg om de kroon in het themabouwgedeelte te stelen.

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

thema bouwer settigs

En daar heb je de themabouwer van Elementor.

Winnaar Elementor vs Divi Theme Builder: Elementor

De volgende sectie in ons Elementor vs Divi-artikel is hoe hun prijzen zich verhouden.

Tarieven

 

De beslissing tussen Elementor en Divi Builder eerlijk gezegd komt alles neer op prijsstelling.

De ene is volkomen logisch voor de ene groep en heeft letterlijk 0 zin voor de andere. Zoals "je-steekt-duizenden-dollars-in-vuur" soort gevoel.

Laten we er gewoon meteen in springen:

 

Elementor-prijzen

 

elementor prijsstelling 

De prijs van Elementor begint bij $ 49 / jaar voor één site en loopt tot $ 999 / jaar voor 1,000 sites. Alle functies en extra's zijn bij elk plan inbegrepen.

Maar de reden dat het zo populair is, is omdat het wordt geleverd met een GRATIS PLAN.

En in tegenstelling tot bijna elke "nep freemium" -tool die er is, die je gewoon een functioneel gebruik geeftless gratis versie dus je bent gedwongen om te upgraden, het gratis abonnement van Elementor is eigenlijk genoeg om prachtige pagina's te maken.

Serieus, u kunt 100% gratis mooie, professioneel ogende pagina's maken. Als je de goede dingen wilt, moet je natuurlijk upgraden. Maar het gratis abonnement wordt geleverd met meer dan 40 widgets en 30+ sjablonen.

Dat is genoeg.

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

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

Klik hier voor de laagste prijs op Elementor

Divi Builder Tarieven

Divi-prijzen

In tegenstelling tot Elementor, Divi Builder heeft geen gratis versie beschikbaar, maar ze hebben een demo waartoe u toegang heeft​ U kunt het zelf uitproberen 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 heeft gewacht CollectiveRay bezoekers zoals hieronder te zien is. Gezien de prijs, en onze korting die alleen geldig is tot september 2021, raden we je ten zeerste aan om voor de levenslange toegang te gaan - het is een goed idee.

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

 

En tientallen andere geweldige functies voor slechts $ 224 voor het leven. Vernieuwen is niet nodig. U hoeft zich geen zorgen te maken over updates (daarover later meer). Geen stress. Gewoon klikken, betalen en voor altijd gebruiken. Voel je vrij om een ​​andere paginabuilder te kiezen, maar klaag alsjeblieft niet als je honderden meer uitgeeft dan nodig is! LESS functionaliteit.

Is het duur als u 1 of 2 sites heeft? Ja. Is het waanzinnig goedkoop als u honderden sites heeft voor al uw klanten?

NO.

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 september 2021


Elementor versus Divi Builder Tarieven Oordeel:

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.

Divi's eenmalige levenslange toegangsplan is perfect voor agentschappen en grotere bedrijven. Ik zal dit echter zeggen. Je bent nu misschien een kleinere operatie, maar wie weet over 1, 3 of 5 jaar. Als u geen levenslange toegang heeft tot onbeperkte sites, kan het erg moeilijk zijn om te schalen.

Een waarschuwing: laat uw site niet openstaan ​​voor hacks en riskeer uw bedrijf niet

Sorry, maar ik heb nog een kort verhaal over hoe ik probeerde een kortere weg te nemen en het kostte me bijna veel.

Dit gebeurde toen we probeerden te voorkomen dat we een abonnement voor Elementor moesten betalen.

We dachten dat het een goed idee zou zijn om voor een jaarabonnement op de Plus-laag te gaan en dan niet te verlengen. Als de site eenmaal was opgezet, hadden we immers geen upgrades en ondersteuning meer nodig, toch ??

FOUT. Updates zijn absoluut cruciaal!

Onlangs is een kwetsbaarheid ontdekt in Elementor Pro. 

Door deze kwetsbaarheid zijn sites vatbaarder geworden voor hacks. 

Elementor herstelde het onmiddellijk. Er was slechts één probleem ...

Blijkt dat we zonder een actief abonnement niet in aanmerking kwamen voor updates.

Dus onze sites werden zittende eenden. Onthoud dat door deze kwetsbaarheid niet-gepatchte sites werden aangevallen en gehackt.

Dus om $ 100 aan verlengingskosten te besparen, waren we bijna onze sites kwijtgeraakt, en een aantal klanten daarmee.

Daarom een ​​kort advies. Laat je abonnement nooit vervallen, noch voor Elementor noch voor Divi (daarom raden we altijd een LEVENSLANGE ABONNEMENT aan). 

Daarom, als je meer dan 1 site hebt, ga dan altijd voor het levenslange abonnement! Het bespaart u zoveel tijd, geld en stress.

 

Getuigenissen - wat andere gebruikers zeggen

Met hun populariteit zijn beide Divi Builder en Elementor hebben duizenden, zelfs tienduizenden gebruikers. Het mooie is dat er niet veel verschil is in de beoordelingen van Elementor vs Divi builder, ze worden allebei hoog gewaardeerd.

Bekijk bijvoorbeeld 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.

We kunnen veel gebruikersrecensies en getuigenissen voor Elementor vinden in de officiële WordPress-plug-inrepository. De Divi builder, aan de andere kant, heeft veel recensies en getuigenissen in Trustpilot.

Wat mensen erover zeggen Divi Builder

Met de Divi builder, mensen prijzen altijd hun ondersteuningsteam, de meeste 4- en 5-sterrenrecensies vermelden altijd hoe geweldig hun ondersteuning is. Daarom, hoewel de 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

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?

We komen aan het einde van onze Elementor vs Divi builder review, maar er zijn een paar dingen die we graag nog eens willen bekijken. Waar moeten we voor gaan, of moeten we kiezen voor iets heel anders zoals Beaver Builder?

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 vertonen, zijn hun gebruikersinterfaces behoorlijk verschillend. Elementor biedt toegankelijkheid door een zijbalk te hebben met tools en opties, terwijl Divi voor eenvoud gaat door zo min mogelijk UI-elementen weer te geven.

Wat betreft het aantal standaardsjablonen, de Divi builder biedt 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 prijsstelling is Elementor duurder dan de Divi builder aangezien de laatste een levenslange licentie en onbeperkt sitegebruik heeft.

Elementor daarentegen heeft een maximale prijs van $ 199 per jaar, waardoor u het voor duizend sites kunt gebruiken. Elementor heeft echter een gratis versie die nog steeds een krachtige reeks tools en zelfs sjablonen biedt waarmee u prachtige pagina's kunt maken.

Code Netheid

Wat de reinheid van de code betreft, zal Elementor schone en geldige HTML-code achterlaten als u deze deactiveert. De Divi builder, aan de andere kant, laat een aantal shortcodes achter op de pagina's die een beetje een probleem zijn om op te lossen, dus het sluit je een beetje op.

Gezien het feit dat ze een levenslange licentieoptie hebben, is dit echter een beetje gerechtvaardigd. We zouden kunnen concluderen dat ze willen dat u uw sites aan het Divi-ecosysteem koppelt door hun levenslange licentieoptie te kopen.

Performance

Tot voor kort viel er qua prestaties niet veel te kiezen tussen Elementor en Divi. Dat veranderde allemaal met de meest recente update van Divi.

Een nieuwe update van het WordPress-thema betekent dat het nu lichter en sneller is dan ooit tevoren.

Onder de motorkap is er veel veranderd in het team. CSS is met 94% verminderd, Divi gebruikt nu dynamische CSS en slimme stijlen om alleen de CSS te laden voor de pagina die wordt bekeken en duplicaties zijn over de hele linie verminderd.

Andere prestatieverbeteringen in Divi zijn onder meer de introductie van dynamische PHP om de verwerking te stroomlijnen, JavaScript-optimalisaties, Gutenberg Stylesheet-uitstel, jQuery-uitstelcaching voor Google Fonts en inline stylesheets.

Divi scoort nu 100 op Google PageSpeed ​​Desktop en 99 op Google PageSpeed ​​Mobile!

Beveiliging

Wat de beveiliging betreft, heeft Elementor meerdere serieuze zaken gehad beveiligingsproblemen in het verleden, maar ze werden verzacht en gemakkelijk opgelost. Divi builder heeft in januari 2020 ook een ernstig beveiligingsprobleem ervaren.

Het Divi builder en thema ondervonden een injectiekwetsbaarheid die een update vereiste.

Dit leidt ons tot een eenvoudige conclusie, ongeacht de grootte van de leverancier, kwetsbaarheden zijn altijd mogelijk. De crux is hoe de verkoper reacts voor een dergelijke kwetsbaarheid. Beide leveranciers hebben zeer volwassen gereageerd op de kwetsbaarheid.

Thema Bouwvermogen

Toen dit artikel voor het eerst werd geschreven, Divi builder had nog steeds geen functie voor het maken van thema's. dus we raadden Elementor eerder aan als je mogelijkheden voor het bouwen van thema's nodig had.

Maar hoe zit het tegenwoordig met de themabouw van Divi vs Elementor?

Hoewel er plug-ins van derden waren voor de Divi builder daarvoor had Elementor nog steeds de voorsprong op dit gebied. Dit komt omdat een native functie bijna altijd beter is voor integratie en compatibiliteit. Extensies van derden kunnen zelden concurreren met een native functie.

Maar alles veranderde toen Divi 4.0 werd uitgebracht. De update gaf de Divi builder de broodnodige functie voor het bouwen van thema's.

Op dit punt zijn zowel de Divi builder en Elementor worden geleverd met dezelfde set functies.

In termen van maatwerk en controle, Divi en Elementor is er weinig verschil tussen de twee.

Beide bieden krachtige functies voor het bouwen van thema's met fijnmazige bedieningselementen waarmee u uw website op elke gewenste manier kunt bouwen en ontwerpen. Van aangepaste statische pagina's tot aangepaste kopteksten, voetteksten en hoofdtekst, u kunt ze allemaal samenstellen!

Dus, wie wint deze Elementor vs Divi builder vergelijking?

Er is één ding dat maakt Divi builder het betere product in het algemeen en neemt de voorsprong: het Divi-thema. Divi komt in twee vormen: een thema en een plug-in. U zou de plug-in gebruiken als u de . wilt gebruiken Divi builder met thema's van derden. Anders zou u ervoor kiezen om het thema te gebruiken.

Waarom is dat belangrijk? Integratie en compatibiliteit.

Als u voor het thema kiest, heeft u geen compatibiliteitsproblemen.

Elementor heeft zijn eigen thema, maar als je het vergelijkt met het Divi-thema, is er absoluut geen vergelijking.

Het "Hallo Elementor" -thema is barebones en is bedoeld voor gevorderde gebruikers en ontwikkelaars zodat ze zich hierop verder kunnen ontwikkelen. Als u een Elementor-thema met veel functies wilt, moet u een product van derden installeren.

U zou kunnen overwegen om Astra in dit geval - een Elementor-thema.

En hoewel er veel thema's zijn die zijn ontwikkeld met Elementor in gedachten, kunnen nieuwere updates en functies in Elementor of het thema mogelijk de compatibiliteit en integratie verbreken.

U zult moeten wachten totdat de ontwikkelaars eventuele bugs en incompatibiliteiten hebben opgelost. En zoals met alle onverenigbaarheden, is er een kleine kans dat u een deel van of al uw bestaande werk kwijtraakt.

Begrijp ons niet verkeerd, beide zijn een solide oplossing voor het bouwen van thema's, maar we kunnen niet negeren dat Divi een feature-rijk thema is als een paginabuilder, dus daarvoor wint Divi met een kleine marge in de categorie themabouw.

Grote verschillen in themabouw

Een van de belangrijkste verschillen tussen het gebruik van Elementor en Divi's themabouwfunctie is de editor. Er is nogal een verschil in de gebruikerservaring, uiteindelijk komt degene die u verkiest neer op ervaring en persoonlijke voorkeur.

Bij het bewerken van een koptekst, voettekst of aangepaste hoofdtekstsjabloon in de Divi builder, zal de editor zich alleen concentreren op dat specifieke deel van uw website. Als u bijvoorbeeld een aangepaste koptekst bewerkt, is het enige dat op uw scherm zichtbaar is niets anders dan het koptekstgebied.

divi aangepaste header-editor

Met Elementor heb je een overzicht van de hele website, ongeacht of je een koptekst, voettekst of body-layout bewerkt.

U kunt hieronder zien dat naast het koptekstgebied ook het inhoudsgebied wordt weergegeven. Als u verder naar beneden scrolt, ziet u ook het voettekstgebied (deze bevinden zich echter in de modus alleen-lezen).

elementor aangepaste kopteksteditor

In dit verband kunnen we zeggen dat de Divi builder richt zich op afleidingsvrij bewerken, terwijl je Elementor gebruikt, zie je op elk moment het hele plaatje.

We zijn niet op de hoogte van een manier om te schakelen tussen de modi voor het bewerken van afbeeldingen zonder afleiding en voor het bewerken van volledige pagina's in beide paginabuilder, dus als u een voorkeur heeft, kan dit van invloed zijn op uw uiteindelijke keuze.

Dit is een verbetering die zowel de Elementor- als de Divi-paginabouwers uiteindelijk kunnen toevoegen: laat gebruikers de keuze hebben tussen afleidingsvrije en paginavullende bewerkingsopties.

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

Veelgestelde vragen

1. 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 700,000 keer verkocht.

2. 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.

3. 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.

4. Kan ik Divi op meerdere sites gebruiken?

Ja, zodra u Divi koopt voor de prijs van $ 89, kunt u dit op onbeperkte 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.

5. 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.

6. Is Divi beter dan Elementor?

Het hangt er van af. Voor sommige mensen die geen apart thema en paginabuilder willen kopen, kan Divi meer waarde bieden. Als u van plan bent om slechts één website te bouwen, denken wij dat Divi een goede keuze is. Als u van plan bent om meerdere sites te bouwen of een ontwikkelaar of ontwerper bent, is Elementor misschien beter omdat het compatibel is met meer thema's.

7. Werken Divi en Elementor samen met Gutenberg?

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

Elementor versus Divi Builder: Laatste gedachten

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

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.

Bedankt voor het lezen! Gelukkig bouwen!

 

Koop Divi nu   Koop Elementor nu

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

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 ...