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

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

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 voor u meest relevante sectie kunt gaan. Klik om de onderstaande inhoud te openen:

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

Koop Divi als:

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

Krijg Elementor als:

• 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 versie 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 en Divi beide hebben geavanceerde functies voor het maken van pagina's.

Samengevat

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 $ 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)

Nu je een snel overzicht hebt van elke plug-in, gaan we er dieper op in.

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

Waarom het kiezen van de verkeerde Page Builder 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), was iedereen 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 ging snel en gemakkelijk! Niet in de buurt van wat we vroeger moesten doorstaan...

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.

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 hij beschrijft hoe het gebruik hem 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.

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

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, pak je gewoon dat element uit de zijbalk, sleep je het naar de pagina en plaats je het waar je het wilt hebben.

Klinkt een stuk beter dan in de backend te gaan en codering het allemaal zelf, toch?

De meeste hebben zelfs vooraf gemaakte sjablonen waarvan is bewezen dat ze bezoekersconversies stimuleren, dus u hoeft niet eens zwaar te tillen.

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

Wat is Divi?

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.

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

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

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 biedt in september 2023

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

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:

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.

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

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

Het menu

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 fungeert als uw menu. Als u erop klikt, krijgt u toegang tot verschillende opties en handige hulpmiddelen.

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

Bij het gebruik van Divi, beginnend vanaf de linkerkant, hebben we

• Divi builder settings
• Wireframe-weergave
• Zoom-tool
• view Desktop
• Tabletweergave
• Laden vanuit bibliotheekopties
• Optie opslaan in bibliotheek
• Duidelijke indeling
• Pagina-instellingen
• Geschiedenis bewerken
• Draagbaarheid
• De zoek- en helpknop
• De knoppen concept opslaan en publiceren

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

Wireframe-weergave - Schakelt wireframe-weergave in of uit. U kunt de draadmodelweergave gebruiken om een ​​structurele weergave van uw pagina te krijgen.

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

Desktop-, tablet- en mobiele weergave - Bekijk hoe uw pagina eruitziet op verschillende apparaten en schermresoluties.

Laden uit bibliotheek - Plaats of gebruik een kant-en-klaar sjabloon uit de sjabloonbibliotheek op de pagina.

Opslaan in bibliotheek - Sla de huidige pagina op in de sjabloonbibliotheek.

Duidelijke indeling - Verwijdert alles op de pagina.

Pagina-instellingen - Toegang tot pagina-instellingen zoals de titel, uittreksel, uitgelichte afbeelding, enz.

Geschiedenis bewerken - Bekijk welke wijzigingen zijn aangebracht in de huidige bewerkingssessie. Door op een item te klikken, kunt u teruggaan in de tijd, alle bewerkingen ongedaan maken die u hebt gemaakt en de status van de pagina herstellen. 

Draagbaarheid - Importeer of exporteer uw huidige lay-out.

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

Bewaar concept en publiceer knoppen - Vrij vanzelfsprekend.

Elementspecifieke menu's

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.

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.

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.

Bekijk de volgende video van 1 minuut die precies uitlegt hoe dit werkt:

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

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

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

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

Elementen toevoegen in Elementor

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

De zijbalk verandert 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.

Nadat je een element hebt gesleept en neergezet, zul je zien 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.

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 vaste zijbalk is verdeeld in drie delen.

1. Bovenste menu
2. Het lichaam
3. 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.

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 vaste zijbalk ziet u extra menu-items.

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

De knop Publiceren 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 als concept en opslaan als sjabloon.

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

U kunt de titel van uw pagina bewerken, een uitgelichte afbeelding toevoegen, de publicatiestatus wijzigen (concept, gepland, gepubliceerd), de standaardlay-out wijzigen, enz.

U kunt ook de aanwezigheid van twee extra tabbladen opmerken: de stijl en vergevorderd tabs.

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 - Een hiërarchische weergave van de elementen op de pagina. Dit is vergelijkbaar met de Divi builderde wireframe-modus. De navigator is een zwevend menu dat de elementhiërarchie van uw pagina weergeeft. U kunt elementen herschikken met behulp van de navigator , hoewel de functionaliteit niet zo goed is als de wireframe-modus in Divi Builder.

Geschiedenis - Hiermee kunt u teruggaan naar een eerdere versie van uw bewerkingen en de geschiedenis bekijken. Alleen bewerkingen van de huidige sessie worden opgeslagen.

Er is één ding dat de geschiedenisfunctie van Elementor scheidt Divi Builder, en het is een grote.

Er is nog een tabblad met de naam "revisies" in het geschiedenispaneel. Deze revisies worden bewaard zelfs nadat het verlaten van de paginabuilder of zelfs nadat u uw browser heeft afgesloten.

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

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

Hierdoor kunt u eenvoudig teruggaan naar een vorige revisie, zelfs als u de editor sluit, uitlogt bij WordPress of uw computer afsluit.

Responsieve modus - Bekijk een voorbeeld van hoe uw pagina eruit zal zien op verschillende apparaten en schermresoluties.

Voorbeeld van wijzigingen - Open een nieuw tabblad zodat u een live voorbeeld van uw pagina kunt bekijken.

Elementspecifieke menu's

Als u op iets op de voorbeeldpagina klikt, verschijnt er een elementspecifiek menu met zijn unieke opties die u kunt configureren.

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.

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.

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.

Secties

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

U kunt secties gebruiken om uw pagina in verschillende delen op te delen.

U kunt bijvoorbeeld drie secties op een pagina hebben; de eerste is een over-sectie, de tweede is een contact-sectie en de derde is een bedrijfslocatie-sectie.

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 - Door op de blauwe (of oranje of paarse) plusknop op de pagina te klikken, kunt u een nieuwe sectie toevoegen.

Als u op de opgegeven knop klikt, krijgt u een dialoogvenster waarin u wordt gevraagd om uit drie verschillende soorten secties te kiezen: normaal, speciaal en volledige breedte.

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.

Door met uw muis over een element te gaan, wordt het gemarkeerd en verschijnt er een actiebalk in de rechterbovenhoek van het gemarkeerde gebied.

Voor sectie-elementen hebt 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 element.

Als het gaat om Divi vs Elementor op het gebied van A/B-testen, komt het Divi-thema als beste uit de bus. De enige manier om tests met Elementor te splitsen, is door een plug-in of service van derden, zoals Google Optimize, te gebruiken.

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

Het dialoogvenster voor sectie-instellingen bevat drie tabbladen: Inhoud, Ontwerp en Geavanceerd.

Het tabblad Inhoud bevat items die betrekking hebben op de inhoud van het geselecteerde element, terwijl het tabblad Ontwerp en Geavanceerd stylingopties bevat.

Rijen

Net als bij de meeste andere paginabuilders zijn rijen elementen die zich binnen een sectie bevinden. Wanneer u een rij toevoegt, moet u een rijvariatie selecteren die verschilt in het aantal kolommen dat deze standaard heeft en hoe groot elke kolom is.

Rijen gebruiken de responsive Raster met 12 kolommen. 

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

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

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

Modules

Modules erin 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 modulekiezer geopend. Er 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.

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.

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

• Het tabblad Inhoud bevat configuratie-instellingen voor de module. Dit verschilt per module.
• Het tabblad Ontwerp bevat ontwerpopties waarmee u de uitlijning, spatiëring, typografie, enz. van de inhoud kunt wijzigen.
• Op het tabblad Geavanceerd hebt u toegang tot opties zoals geavanceerde CSS-configuratie, overgangen, enz.

Oordeel:

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.

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.

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.

sectie

De sectie fungeert als een container voor kolommen en widgets.

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

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.

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

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 op het tabblad Lay-out. Op het tabblad Stijl kunt u stijlopties configureren en op het tabblad Geavanceerd kunt u aanvullende geavanceerde stijl- en attribuutopties configureren.

columns

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.

U krijgt toegang tot de kolominstellingen door de muisaanwijzer op een kolom te plaatsen en met de rechtermuisknop op het nu zichtbare kolompictogram te klikken.

Er verschijnen verschillende opties, waarmee u de kolom kunt bewerken, de kolom kunt dupliceren, een nieuwe kolom kunt toevoegen, enz.

Als u de bewerkingskolom selecteert, verandert de zijbalk om kolomgerelateerde instellingen weer te geven. Net als in sectie-instellingen, heeft het ook drie tabbladen: Lay-out, Stijl en Geavanceerd.

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 volgende onderdeel van de verschillen tussen Elementor en Divi als het gaat om de daadwerkelijke elementen, zijn de widgets.

Widgets zijn de inhoud of geeft je de mogelijkheid (Vandaar Elementor) die u op uw pagina's kunt gebruiken.

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 widgetselectiepaneel te openen en vervolgens te slepen en neer te zetten.

Als u een widget selecteert, verandert de zijbalk om de configureerbare opties voor dat specifieke item weer te geven.

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

Elke widget heeft ook de tabbladen Stijl en Geavanceerd waartoe u toegang hebt via het zijbalkpaneel.

Het tabblad Stijl verandert volgens de geselecteerde widget. Afbeeldingswidgets hebben bijvoorbeeld geen typografische stijlopties, terwijl tekstwidgets geen dimensie-instellingen hebben.

Het tabblad Geavanceerd 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 algemene widget en deze overal op de pagina of site gebruiken.

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

Oordeel:

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.

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.

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.

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

Responsieve styling

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

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.

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

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

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 :-)

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.

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.

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.

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.

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.

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 2023

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

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

Divi Builder Prijzen

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 For CollectiveRay bezoekers.

Gezien de prijs en onze korting die alleen geldig is tot september 2023, 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

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

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.

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 heeft het meteen gepatcht. Er was alleen een 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.

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:

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.

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

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

"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!"

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

Code Netheid

Wat de netheid van de code betreft, laat Elementor schone en geldige HTML-code achter als u deze deactiveert.

Divi laat enkele 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 het echter enigszins gerechtvaardigd.

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, uitstel van Gutenberg-stylesheets, caching van jQuery-uitstel voor Google Fonts en inline stylesheets.

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

Beveiliging

Elementor heeft meerdere serieuze problemen gehad beveiligingsproblemen in het verleden, maar ze werden verzacht en gemakkelijk opgelost.

Divi builder heeft in januari 2020 ook een ernstig beveiligingsprobleem ervaren.

De 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, had Divi geen functie voor het maken van thema's. dus we raadden eerder Elementor aan als je mogelijkheden voor het bouwen van thema's nodig had.

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

Alles veranderde toen Divi 4.0 werd uitgebracht.

Op dit moment hebben zowel de bouwer als Elementor 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 Divi builder met thema's van derden. Anders zou u ervoor kiezen om het thema te gebruiken.

Waarom is dat zo 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 zij 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.

Grote verschillen in themabouw

Een van de belangrijkste verschillen tussen het gebruik van Elementor en Divi's functie voor het maken van thema's is de editor.

Er is nogal een verschil in de gebruikerservaring, uiteindelijk komt degene die je verkiest neer op ervaring en persoonlijke voorkeur.

Bij het bewerken van een kop-, voettekst- of aangepaste body-template in Divi Builder, zal de redacteur zich alleen concentreren op dat specifieke gedeelte van uw website.

Als u bijvoorbeeld een aangepaste koptekst bewerkt, is het enige dat op uw scherm zichtbaar is, niets anders dan het koptekstgebied.

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

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.

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

Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/E-mail: David@collectiveray.com

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.