Elementor vs Divi: Vilken är värd pengarna? (2023)

Välkommen till min opartiska Elementor vs Divi recension för 2023.

Jag är skyldig min byråns framgång till dessa två sidobyggare (och kallbryggkaffe), men de är för två helt olika typer av kunder. Om du väljer fel, ta genvägar eller få fel plan du kan:

• Slösa bort hundratals dollar (och ännu viktigare, många många timmar)
• Gör dina webbplatser öppna för hack
• Begränsa din förmåga att skala ditt företag på allvar

Men oroa dig inte, det är faktiskt väldigt enkelt att välja den perfekta sidbyggaren IF du vet vad du ska leta efter. Jag har många års praktisk erfarenhet av båda, så låt mig gå steg för steg igenom allt på vanlig engelska med skärmdumpar, gifs och allt annat!

Ta en kaffe (eller din föredragna varma dryck), för du ska dyka djupt in i:

• Divi eller Elementor? Hur man snabbt utvärderar din nuvarande situation och bestämmer vilken som är bättre.
• Hur man bestämmer utifrån budget, skicklighet och vår erfarenhet av både Elementor och Divi
• Den enda viktiga prisskillnaden som kan spara tusentals dollar under ditt företags livstid
• Det dumma misstaget som nästan kostade mig 100 USD OCH säkerheten på alla mina webbplatser
• En hemsk upplevelse vi hade med en av dessa produkter du behöver veta om

Vi har skapat en enkel innehållsförteckning så att du snabbt kan hoppa till det avsnitt som är mest relevant för dig. Klicka för att öppna innehållet nedan:

Elementor vs Divi: "Jag vill veta vad som är bäst för mig nu!"

Bråttom och behöver veta vad som är bättre för ditt företag innan du investerar något?

Låt mig bara ge det till dig direkt baserat på min nästan 5 års erfarenhet av båda dessa verktyg (eftersom Elementor faktiskt släpptes först 2016).

Skaffa Divi om:

• Du är en byrå: Divis prissättning gör det till en bra idé för ambitiösa byråer. Livstidsåtkomst utan begränsningar kostar ENDAST $ 249. Det är $ 249 för varje funktion på oändliga webbplatser. Om du har hundratals sidor är det som att spendera $ 1 eller LESS per sida för världens mest pålitliga sidbyggare. 
• Du behöver det bästa stödet i branschen.
• Du har designupplevelse: Divi är bra för nybörjare också, men det är ännu bättre för erfarna byggare. Inlärningskurvan är brantare än Elementor, men när du vet vad du gör är kraften så mycket större.
• Du behöver ett premiumtema för att arbeta med: Divi är ett premium WordPress-tema samt en sidbyggare, så när du köper en får du båda.

Skaffa Elementor om:

• Du behöver den enklaste sidbyggaren: Elementor ger vem som helst att bygga en vacker målsida utan någon kodande kunskap från $ 0!
• Du är en solopreneur med 1 webbplats
• Du har en budget och behöver en GRATIS version
• Du är en designer som behöver komplexa element
• Du känner behovet av hastighet. Elementor är så snabb att det känns som att sidan laddas innan jag klickar på Enter
• Du har redan ett tema att arbeta med: Elementor är en sidbyggare (inte ett tema) och måste kompletteras med ett WordPress-tema.

Divi vs Elementor kommer verkligen till en sak: prissättning. Klicka här för att hoppa till pristabellen.  

Elementor vs. Divi

Elementor samt Divi båda har avancerade sidbyggnadsfunktioner.

Sammanfattning

Vinnare	????
Övergripande	4.9/5	4.5/5
Enkel användning	5/5	4.5/5
Support	4.5/5	4.5/5
Stabilitet och tillförlitlighet	5/5	4/5
Sträckbarhet	5/5	4.5/5
Värde	4.5/5	5/5
Pris	Börjar från $59/år	$ 89 / år
Gratis version	Ja	Nej - men har en 30-dagars pengarna-tillbaka-garanti
Redaktör i realtid	Ja	Ja
Inline redigering	Ja	Ja
Frontend / Backend	Både	Både
Dra och släpp	Ja	Ja
Tredjepartselement stöds	Ja	Ja
Frontend / Backend	Både	Både
Import Export	Ja	Ja
Målgrupp	Utvecklare / designer / användare / byrå	Designer / användare / byrå
Element som stöds	100 +	200 +
WordPress Widgets stöd	Ja	Komplicerad
Ren kod	Ja	Nej
Färdiga mallar / layouter	300 +	300 +
Cool funktion	Dynamiskt innehåll	A / B-testning
prestanda	4.5/5	4/5
Vad vi gillade	En mycket kraftfull lösning för att skapa alla typer av design	Rent användargränssnitt
	Överlägsna layouthanteringsalternativ	Innehållet förblir intakt även efter deaktivering av plugin
	Attraktiv prissättning med tillgång	Unikt redigerarläge för klienter
	Mest populära sidbyggare av en anledning	Låter dig använda WordPress-widgets i layouterna
Vad vi inte tyckte om	Elementor kräver att du skaffar ett WordPress-tema	En del kod finns kvar efter att pluginet har tagits bort
Webbplats	besök hemsidan	besök hemsidan (10% RABATT)

Nu när du har en snabb översikt över varje plugin, låt oss ta en djupdykning i dem.

Låt oss komma igång med denna ultimata showdown av sidbyggare: Elementor vs Divi!

Varför kan det kosta allt att välja fel sidbyggare!

Jag måste dela den här historien ...

Inte för att jag vill klaga (ja, kanske bara lite ...) utan för att varje utvecklare, designer, företag och byrå behöver veta hur viktigt detta beslut är.

En gång i tiden, i en svunnen tid av webbutveckling (för ungefär 8 år sedan), var alla klara med att använda dagens premium WordPress-teman. 

Vackra sidor var säkert möjliga, men de krävde en NIGHTMARISH virvar av kortkoder. Du kan inte förstå skräcken FNless du överlevde den tiden. Jag överdriver bara lite ...

Hur som helst...

Det fanns inget sätt att bygga något utan att känna WordPress inifrån och ut.

Webbdesigners var en specifik ras av utvecklare som kunde kombinera kod med rätt design.

Mannen, livet var ... annorlunda. 

En dag började en framstående WordPress-leverantör (WPMUDEV) driva den här fantastiska nya dra och släpp-sidbyggaren: Upfront.

"Det är fantastiskt. Det kommer att rädda WordPress från SquareSpace och Wix! ”, Sa de. 

Vid den tiden var de flesta av oss fortfarande emot mot sidbyggare. Inklusive mig.

Men den här verkade ... bättre.

För att vara rättvis var det ganska fantastiskt. Drag-och-släpp-byggaren var som smör. Och det hade några spännande funktioner:

• Fantastiska element redo att arbeta med
• Lätt att redigera "regioner"
• Textredigering med ett klick
• Mallar för att återanvända och minska repetitivt arbete
• Att skapa sidor var snabbt och enkelt! Inte i närheten av vad vi brukade gå igenom förut...

Upfront skulle förändra allt.

Så en efter en, alla började hoppa på tåget. Byrå för byrå, vi föll i kö.

Människor var så glada att de byggde hela sin färdplan på Upfront. De anlitade till och med utbildad personal för att använda den. Vissa multisite-byråer hade hundratals sidor med Upfront.

Jag byggde inte hela min verksamhet runt Upfront (jag lade aldrig alla mina ägg i en korg), men låt oss bara säga att jag också hade en hel del hud i spelet ...

Och sedan en dag kom allt att krossa.

En dag bestämde WPMUDEV sig bara för att avbryta allt.

Ingen varning.

Inte ett enda ord.

Upfront avbröts och varje sida som någonsin byggts på den gjordes föråldrad.

Allt det där arbetet, all den tiden och pengarna, all personal utbildad att använda det, alla färdplaner som byggts med det: ANVÄNDLESS.

Läs den här recensionen från en byråägare som hade arbetat med Upfront:

Jag tillbringade större delen av förra året med att bygga om hela min webbplatsbyrå (vår marknadsföringssida och kundwebbplatser) med och runt Upfront. Att bara se att det nu är utanför planerna för utveckling, utan varningar, efter att ha förtroende för det, att anställa och utbilda personal att använda det är bara inte coolt. ”

Många företag drabbades hårt ... det var inte trevligt. 

Sensmoralen i historien?

Att välja rätt sidbyggare är avgörande för ditt företag. Det betyder att det är viktigt att du väljer en med en dokumenterad meritlista och ett pålitligt varumärke.

Om inte, kan du bli nästa entreprenör som lämnar en recension som beskriver hur användningen av det nästan kostade dem allt.

Men jag avviker. Tillbaka till recensionen ...

Vad är sidbyggare?

Inte intresserad av det här introet eller har det bråttom? Klicka här för att hoppa till nästa del av artikeln.

Sidbyggare är verktyg som gör att du kan designa och bygga webbsidor som ser professionellt ut från grunden även utan kodningserfarenhet. 

Istället för att spendera månader på att lära sig att anpassa en sida har allt hårt arbete redan gjorts för dig och förpackats i små "element". Du bara ”dra och släppa” dem på sidan vart du vill och VOILA, du har en vackert designad sida ... och ingen vet din hemlighet. 

Till exempel om du vill lägga till en textruta eller bild, du tar bara tag i det elementet från sidofältet, drar det till sidan och placerar det där du vill att det ska hamna.

Låter mycket bättre än att gå in i backend och kodande allt själv, eller hur?

De flesta har till och med förgjorda mallar som har visat sig öka besökarnas konverteringar, så du behöver inte ens göra några tunga lyft.

Det är som att bygga en webbplats med legobitar.

Vad är Divi?

Divi är det mest populära WordPress-temat där ute med mer än 880,000 XNUMX försäljningar. Om detta var sport skulle de vara Man U, New York Yankees och New England Patriots:

Mer än ett lag, en institution.

Det är faktiskt ännu mer än en sidbyggare - det är en mega-fabrik för WordPress-webbplatser som gör det möjligt för frilansare, byråer och webbplatsägare att bygga vackra webbplatser, optimera dem för omvandlingar (Split-test) och växa med sociala medier.

Divis massiva popularitet beror främst på dess:

• Obegränsad användning: Divi är ett av de enda teman som ger dig obegränsad användning av alla funktioner på alla webbplatser. Ingen prissättning gimmicks. Inga förvirrande nivåer. Nej inget. Bara obegränsad användning utan några frågor.
• Enkel prissättning: 249 $ för livstidstillträde PÅ ALLA DINA SIDOR.
• Oöverträffad support och gemenskap: Divi är ett sätt att leva för vissa människor. Den har en blomstrande Facebook-gemenskap och det bästa stödet i verksamheten, så du kommer alltid att vara innovativ, få bra feedback och förbättra ditt Divi-spel.

Vi har arbetat med den här produkten länge, faktiskt har vi redan gjort det har skrivit en fullständig Divi 4.0-temagranskning här. Deras Divi builder är ett plugin som är inbyggt och buntat med temat, även om det kan köpas och användas separat med andra teman, om du vill.

Kolla in några webbplatsexempel byggda med Divi här. Divi 5 är för närvarande under utveckling!

Klicka här för att besöka Divis webbplats och lära dig mer om det nu 

Vad är Elementor?

Elementor och Elementor Pro (och hela deras utbud av nya produkter) är en marknadsstörare som skjuter i höjden i popularitet. Det är en av de mest populära byggarna för soloprenörer och företag.

Den är blixtsnabb, erbjuder oöverträffad design och är så lätt att en grottman kan göra det. Och det låter dig komma igång 100 % med den GRATIS versionen. 

Det ger dig nästan allt som Divi gör, det är bara snabbare och lättare att använda. Och det är mycket billigare för en enda webbplats.

Dessa två produkter gynnas av de flesta WordPress-användare och experter eftersom de har ett antal fördelar:

• De är lätta att använda,
• De har den bästa prestanda och stabilitet, och
• De stöds av ett team av experter på WordPress-utvecklare eller av ett välkänt företag.

Vi har grävt djupt specifikt in i Elementor Pro - du hittar vår recension här. 

Klicka här för att besöka Elementors webbplats och komma igång gratis

Vänta, du säger att både Divi och Elementor är fantastiska. Så hur kan jag välja?

Både Divi och Elementor är båda väldigt lika, men som jag sa tidigare – prissättning och små skillnader i funktionalitet gör dem perfekta för olika segment av marknaden.

Vi kommer att ta dessa två toppsidebyggare på marknaden idag, Elementor vs Divi Builder, och gräva djupt i alla deras möjligheter och jämför dem head-to-head.

Vi kommer att ta en djupgående titt på deras användargränssnitt, funktionsuppsättning, prissättning och mycket mer.

I slutet av denna Elementor vs Divi-artikel kommer du att ha all den kunskap du behöver för att göra en utbildad bedömning av vilken som passar dina egna behov.

Behöver du webbhotell för ditt nästa projekt?

Visste du att SiteGround rekommenderas av Divi och Elementor fungerar också bra på SiteGround?

Men det är inte det enda du vill ha av en webbhotell. Du vill att din webbplats ska vara snabb, pålitlig och till ett rimligt pris.

Det är därför CollectiveRay rekommenderar SiteGround. Det är en fantastisk blandning av flexibilitet, kraft och pris som du inte hittar ofta.

Klicka här för att se SiteGround erbjuder i September 2023

Elementor vs Divi: Användarvänlighet

Användargränssnittet och dess användarvänlighet är en av de viktigaste delarna av ett plugin för sidbyggare.

Båda dessa sidbyggare har lagt ner stora ansträngningar för att se till att de är dödlätta att använda.

Låt oss börja med Divi Builder.

Läs mer om det Divi Builder by Elegant Themes

Divi Builder Användargränssnitt

Innan vi börjar, låt oss vad leverantören har att säga om att använda plugin i den här korta videon, särskilt med det nyligen förnyade gränssnittet:

Med Divi builder plugin installerat, när du skapar en ny sida kommer du att hälsas med ett användargränssnitt som frågar dig om du vill använda Divi Builder eller standardredigeraren.

Klicka på Använd Divi Builder alternativet öppnar en skärm som ber dig välja mellan "bygga från början", "välj en fördefinierad layout" eller "klona befintlig sida".

• Bygg från grunden - Börja med en tom sida.
• Välj en premade layout - Välj en färdig mall. Vi kommer att prata om detta mer i detalj senare.
• Klon befintlig sida - Kopierar en befintlig sida.

Vi kommer att välja alternativet "bygga från början" eftersom de andra två valen är ganska lika, bara med innehåll som redan har lagts till.

Lägga till element i Divi Builder

Om du klickar på alternativet "bygg från början" startas Divi builder och det första som kommer att dyka upp är en dialogruta som ber dig infoga en ny rad.

Dialogrutor med alternativ som du kan konfigurera öppnas, beroende på modulen och innehållet du lägger till.

Menyn

Minimalism har alltid varit en av designfunktionerna hos Elegant Themes och sidbyggaren håller igång detta designkoncept.

Som du kan se från gifen ovan finns det inget sidofält eller menyrad alls. Istället är allt du har en flytande cirkel med tre vita prickar inuti.

Den flytande cirkeln fungerar som din meny. Genom att klicka på dem får du tillgång till olika alternativ och användbara verktyg.

Du kan flytta runt den här menyn genom att klicka och dra den. Du kan också släppa den i en av de åtta fördefinierade positionerna i hörnet av skärmen.

När du använder Divi, med början från vänster sida, har vi

• Divi builder inställningar
• Trådramvy
• Zoomverktyg
• skrivbordsvy
• Tablettvy
• Ladda från biblioteksalternativ
• Alternativet Spara till bibliotek
• Tydlig layout
• Sidinställningar
• Redigerar historik
• Portabilitet
• Sök- och hjälpknappen
• Spara utkast och publicera knapparna

Builder-inställningar - Kommer att visa en dialogruta med olika alternativ som låter dig anpassa vilka ikoner som visas på Divi builder verktygsfältet, ändra standardvisningsläget (mobil, skrivbord eller surfplatta), aktivera eller inaktivera användargränssnittsanimationer etc.

Trådramvy - Växlar wireframe-vy på eller av. Du kan använda trådramsvyn för att få en strukturell vy av din sida.

Zoomverktyg - Låter dig zooma in och ut på sidan.

Desktop, surfplatta och mobilvy - Se hur din sida ser ut på olika enheter och skärmupplösning.

Ladda från biblioteket - Infoga eller använd en färdig mall från mallbiblioteket till sidan.

Spara i biblioteket - Spara den aktuella sidan i mallbiblioteket.

Tydlig layout - Tar bort allt på sidan.

Sidinställningar - Få åtkomst till sidinställningar som titel, utdrag, utvald bild, etc.

Redigerar historik - Se vilka ändringar som gjordes i den aktuella redigeringssessionen. Genom att klicka på ett objekt kan du gå tillbaka i tiden, ångra alla ändringar du har gjort och återställa sidans tillstånd. 

Portabilitet - Importera eller exportera din nuvarande layout.

Sök- och hjälpknappar - Tillgång Divi builderdokumentation; sökknappen låter dig söka efter en specifik åtgärd, menyalternativ eller element.

Spara utkast- och publiceringsknappar – Ganska självförklarande.

Elementspecifika menyer

När man använder Divi Builder, om du håller muspekaren över ett element visas en annan uppsättning menyer. Med dessa menyer kan du konfigurera ett specifikt elements inställningar, till exempel dess innehåll, dess layout eller lägga till en anpassad CSS till den.

Divi Builder i aktion

Nedan finns en gif för att redigera en sida med Divi Builder. Du kan använda sidbyggaren för att dra element runt för att flytta dem, eller så kan du dubbelklicka på en text för att utföra infogad redigering etc.

Smakämnen Divi BuilderAnvändargränssnittet är minimalistiskt - rent och enkelt men har allt du behöver för att få saker gjorda.

Det överväldigar dig inte alls, håller dig fokuserad på dina mönster. Det ger en helskärmsupplevelse.

Som du kan se, när det gäller användarvänlighet, Elegant Themes har jobbat med att göra Divi Builder enkelt, men kraftfullt samtidigt.

Elementors användargränssnitt

Elementor-gränssnittet skiljer sig mycket från de flesta andra sidbyggare. Om Divi builder fokuserar på minimalism, Elementor fokuserar på tillgänglighet, men användarupplevelsen är bra med denna sidbyggare också.

Vi kommer att använda den här delen av vår Elementor vs. Divi Builder jämförelse för att fokusera på skillnaderna mellan de två.

Elementor använder konceptet med byggstenar, som används för att bygga varje sida i flera sektioner.

Ta en titt på följande 1-minuters video som förklarar exakt hur detta fungerar:

Genom att skapa en ny sida med Elementor-gränssnittet kommer du till WordPresss standardredigerare.

För att börja redigera sidan måste du klicka på knappen "Redigera med Elementor" som finns på den övre delen av skärmen.

Ladda ner en kopia av plugin-programmet

Genom att klicka på knappen öppnas Elementors användargränssnitt som består av två delar: det fasta sidebar och sidförhandsvisning.

Du kan dölja den fasta sidofältet genom att trycka på den lilla ikonen som visas i gif-filen nedan:

Om du gömmer sidofältet kan du förhandsgranska din helskärm sida.

Lägga till element i Elementor

För att lägga till ett element på sidan drar du bara och släpper ett från sidofältet till sidan.

Sidofältet ändras till att visa alternativ som är specifika för elementet som just lades till.

Med den röda plusknappen och mappikonen i sidförhandsgranskningen kan du lägga till ett nytt avsnitt eller ladda en mall från ditt bibliotek.

Efter att ha dragit och släppt ett element kommer du att märka att sidan nu visar alternativ för det valda elementet istället.

För att gå tillbaka till elementväljarpanelen kan du klicka på ikonen för fyrkantiga brickor i det övre högra hörnet av sidofältets meny.

Klicka på den ikonen så kommer du att kunna gå tillbaka till elementvalspanelen. Du kan nu dra och släppa ett annat element härifrån till sidan.

Sidebar

Det fasta sidofältet är uppdelat i tre delar.

1. Övre menyn
2. Kroppen
3. Nedre menyn

Den övre menyn innehåller allmänna inställningar, kroppen visar info om det valda elementet och den nedre menyn visar ytterligare inställningar som du kan konfigurera. 

Övre meny

Den övre sidofältmenyn för Elementor sidbyggare finns i det övre vänstra hörnet av sidofältet. Här kan du konfigurera standardformat och typsnitt, färgväljare etc.

Det finns andra olika föremål som är tillgängliga i den här menyn förutom stylingalternativ.

Det finns en sökfunktion, en länk till Elementors inställningssida och mer. Du kan också hitta det blå gå ut till instrumentpanelen knappen, som tar dig tillbaka till WordPress-instrumentpanelen.

Nedre menyn

Längst ner i det fasta sidofältet kan du se ytterligare menyalternativ.

Från vänster till höger har vi inställningar, navigator, historik, responsivt läge, förhandsgranskningsändringar och publiceringsknappen.

Publicera-knappen har sin undermeny som du kan komma åt genom att klicka på den lilla uppåtpilen bredvid den.

Om du klickar på den får du ytterligare två sparalternativ: spara utkast och spara som mallalternativ.

Inställningar - Kugghjulsikonen längst till vänster på den nedre menyn. Den innehåller inställningar för sidan du för närvarande arbetar på.

Du kan redigera sidans titel, lägga till en utvald bild, ändra dess publiceringsstatus (utkast, schemalagd, publicerad), ändra dess standardlayout, etc.

Du kan också märka närvaron av två ytterligare flikar: den stil samt avancerat flikar.

På stilfliken kan du konfigurera sidans inställningar för kroppsstil. Du kan definiera en bakgrundsfärg eller bild och du kan också ändra vadderingen.

Och på den avancerade fliken kan du lägga till din anpassade CSS.

Navigator - En hierarkisk bild av elementen på sidan. Detta är jämförbart med Divi builders wireframe-läge. Navigatorn är en flytande meny som representerar din sidas elementhierarki. Du kan ordna om element med hjälp av navigatorn, även om dess funktionalitet inte är lika bra som wireframe-läget i Divi Builder.

historik - Låter dig återgå till en tidigare version av dina redigeringar och visa historik. Endast redigeringar av den aktuella sessionen sparas.

Det finns en sak som skiljer Elementors historikfunktion från Divi Builder, och det är en stor en.

Det finns en annan flik märkt "revisioner" i historikpanelen. Dessa ändringar behålls även efter avslutar sidbyggaren eller till och med efter att du stänger din webbläsare.

Varje gång du trycker på "uppdatering" -knappen sparas en ny version.

Dessutom gör plugin-enheten också autosparingar som förhindrar att du förlorar ditt arbete på grund av problem som webbläsarkrasch.

Detta gör att du enkelt kan gå tillbaka till en tidigare version även om du stänger redigeraren, loggar ut från WordPress eller stänger av din dator.

Responsivt läge - Förhandsgranska hur din sida kommer att se ut i olika enheter och skärmupplösningar.

Förhandsgranska ändringar - Öppna en ny flik så att du kan förhandsgranska din sida live.

Elementspecifika menyer

Om du klickar på något på förhandsgranskningssidan visas en elementspecifik meny med dess unika alternativ som du kan konfigurera.

Elementor i aktion

Nästa del av vår jämförelse mellan Divi och Elementor visar Elementor i aktion så att du kan förstå skillnaden mellan dessa två sidbyggare.

Nedan kan du se hur vi kan dra och släppa element för att flytta dem, hur du kan redigera textsömlessly och hur du kan lägga till nya element.

När vi jämför Divi vs Elementor ser vi att de har ett annat fokus.

Den första fokuserar på enkelhet och renlighet, den senare på tillgänglighet och tillgänglighet.

Så vem vinner när det gäller Elementor vs Divi - vilken visuell byggare är lättare att använda?

Vi tror inte att det finns en vinnare när det gäller användarvänlighet. Både Elementor- och Divi-sidbyggare har ett gränssnitt som hjälper dig att få jobbet gjort.

Elementor vs Divi UI Vinnare: Binda fast

Läs mer på plugin-webbplatsen

De faktiska "elementen" eller "modulerna" jämförs i nästa del av vår Elementor vs Divi-jämförelse.

Elementor vs Divi: Elements

Elementen är vad du kommer att använda för att bygga dina sidor. När det gäller Divi vs Elementor är användningen av terminologi något annorlunda, men generellt sett är begreppen liknande.

Divi Builderelement: sektion, rader och moduler

Divi Builderelementen är indelade i tre huvudkategorier: avsnitt, som fungerar som en container, rader, som fungerar som en delare, och moduler, som är det faktiska innehållet.

Bilden nedan visar en tom sida. Denna sida har tre sektioner. 

Den andra sektionen har en rad inuti den, som är markerad i grönt. Raden är uppdelad i tre kolumner. Kolumnerna är tomma.

Slutligen har den nedre delen också en rad inuti den, även om den inte är markerad. Raden är också uppdelad i tre kolumner, liknande den i den andra sektionen.

Den mellersta kolumnen på den nedre raden innehåller en knappmodul.

För att lägga till sektioner, rader eller moduler klickar du på plusknapparna.

Smakämnen blå, lila or apelsin plus-knappen kommer att lägga till en sektion (sektionens markeringsfärg ändras beroende på typ av avsnitt: blå för vanlig, lila för full bredd och orange för specialitet), grön plus-knappen kommer att lägga till en rad och svart plus-knappen kommer att lägga till en modul.

Sektioner

In Divi Builder, avsnittet fungerar som en behållare för rader och moduler.

Du kan använda avsnitt för att dela upp din sida i olika delar.

Du kan till exempel ha tre avsnitt på en sida; den första är en om-sektion, den andra är en kontaktsektion och den tredje är en sektion för företagsadresser.

Avsnitt är "oberoende" av varandra. Om du använder en blå bakgrundsfärg i det första avsnittet påverkas inte de andra två sektionerna.

Lägga till avsnitt - Genom att klicka på den blå (eller orange eller lila) plusknappen på sidan kan du lägga till ett nytt avsnitt.

Genom att klicka på den angivna knappen får du en dialogruta som ber dig välja mellan tre olika typer av sektioner: vanlig, specialitet och full bredd.

Det finns också möjlighet att lägga till en sektion från ditt bibliotek. Om du tidigare har sparat ett avsnitt kan du nu hitta det här och kunna lägga till det på sidan.

Om du placerar musen över ett element markeras det och en åtgärdsfält visas i det övre högra hörnet av det markerade området.

För sektionselement har du följande:

• Flytta avsnitt
• Inställningar
• Dubblettavsnitt
• Spara avsnittet i biblioteket
• Ta bort avsnitt
• Ytterligare sektionsinställningar
  • Spara i biblioteket
  • Delat test
  • inaktivera
  • Lås
  • Kopiera avsnitt
  • Kopiera sektionsstil
  • Återställ sektionsstil
  • Visa modifierad stil
  • Utöka sektionsstil

De flesta av dessa alternativ är självförklarande, men det som är intressant här är split test alternativ.

Det här är en A / B testfunktion som gör att du kan utföra delade tester på alla typer av Divi Builder elementet.

När det kommer till Divi vs Elementor när det gäller A/B-testning, kommer Divi-tema överst. Det enda sättet att dela test med Elementor är att använda en tredjeparts plugin eller tjänst som Google Optimize.

Genom att klicka på kugghjulsikonen (sektionsinställningar) visas en dialogruta med ytterligare konfigurationsalternativ för det markerade avsnittet.

Dialogrutan för sektionsinställning innehåller tre flikar: Innehåll, Design och Avancerat.

Innehållsfliken innehåller objekt som är relaterade till innehållet i det valda elementet medan designen och fliken Avancerat innehåller stilalternativ.

rader

Som med de flesta andra sidbyggare är rader element som finns i ett avsnitt. När du lägger till en rad måste du välja en radvariant som skiljer sig i hur många kolumner den har som standard och hur stor varje kolumn är.

Rader använder det responsiva 12-kolumn rutnät. 

Om du vill ha en mer komplex kolumnstruktur vill du använda en specialavdelning.

Specialavdelningens radvariationer har en mer komplex kolumnlayoutstruktur, vilket du kan se på bilden ovan.

Radinställningar - En rad har en åtgärdsfält när du för muspekaren över den som låter dig komma åt vissa menyalternativ. Den har i stort sett samma saker som finns i avsnitt, bortsett från ändra kolumnstruktur alternativ som är exklusivt för radelement.

Moduler

Moduler i Divi Builder är vad du kommer att använda för att lägga till synligt innehåll på din sida. Modulerna är webbplatselement som text, bilder, stycken, videor, kontaktformulär, kartor etc.

Genom att klicka på den svarta plusknappen öppnas en dialogruta för modulväljare. En annan dialogruta kommer att visas med inställningar som är skräddarsydda för den specifika modul du valt.

Om du till exempel väljer textmodulen visas en platshållartext i det område du valt.

Med hjälp av dialogrutan kan du redigera själva texten och lägga till stilar, lägga till anpassad CSS, etc.

För att öppna en modulinställning, håll musen över modulen tills åtgärdsfältet visas och klicka sedan på kugghjulet / inställningsikonen.

Inställningsdialogrutan har tre flikar: Innehåll, Design och Avancerat.

• Fliken Innehåll innehåller konfigurationsinställningar för modulen. Detta varierar per modul.
• Fliken Design innehåller designalternativ som låter dig ändra innehållsjustering, avstånd, typografi, etc.
• Fliken Avancerat låter dig komma åt alternativ som avancerad CSS-konfiguration, övergångar, etc.

Bedömning:

Att komma åt element, särskilt modulelement, är lite udda eftersom du måste klicka flera gånger bara för att få dem.

Å andra sidan, kanske en av de bästa sakerna med Divi Builderelement är de speciella raderna. Dessa låter dig bygga en komplex layout och positionering med relativt enkelhet.

Låt oss nu ta en titt på Elementors element härnäst i vår Elementor vs Divi builder uppgörelse.

Elementor-element: sektion, kolumner och widgets

Elementor har tre olika elementkategorier: den avsnitt, som fungerar som en container, kolumn som delar upp avsnittet och Widgetar som är det faktiska innehållet.

I bilden nedan kan du se en tom sida uppdelad i tre sektioner.

Den övre delen är tom. Det andra avsnittet innehåller tre kolumner och det nedre avsnittet, som också innehåller tre kolumner med den mellersta kolumnen som innehåller en knappwidget.

Att lägga till element på sidan är så enkelt som att dra och släppa en widget från sidofältet till ett tomt område.

Du kan bara dra en widget från sidofältet till ett tomt område på din sida och du är klar.

Det skapar automatiskt ett avsnitt med en enda kolumn som innehåller din valda widget.

Om du redigerar ett element kommer sidofältet att ändra dess innehåll för att visa lämpliga inställningar.

Precis som med Divi kan du dra och släppa element för att flytta dem på sidan. Du kan klicka på valfri text på sidan för att redigera direkt och ändra storlek på kolumner fritt.

Ett högerklick på ett element på sidan visar en snabbmeny som varierar något beroende på vilken typ av element som för närvarande är vald.

§

Avsnittet fungerar som en behållare för kolumner och widgets.

Det finns två typer av avsnitt i Elementor normala avsnittet och inre sektion.

Det inre avsnittet kan bara finnas inom ett normalt avsnitt. En inre sektion liknar något kolumner, men du kan ha flera inre sektioner och flera kolumner i dem så att du kan skapa komplexa layouter.

 Om du håller muspekaren över ett element på sidan markeras avsnittet som de tillhör. Det markerade avsnittet har en liten meny överst.

Den här lilla menyn har tre objekt: lägg till nytt avsnitt (plusknappen), redigeringsavsnittet (prickat område) och radera avsnittet (x-knappen).

Lägg till nytt avsnitt lägger till ett nytt tomt avsnitt ovanpå de markerade.

Redigeringsavsnittet visar sektionsinställningar i sidofältet. Du kan också komma åt detta genom att högerklicka på en tom del av avsnittet.

I avsnittsinställningarna finns det tre flikar: Layout, Stil och Avancerat.

Du kan konfigurera layout- och strukturalternativen på fliken Layout. På fliken Stil kan du konfigurera stilalternativ och på fliken Avancerat kan du konfigurera ytterligare avancerade stil- och attributalternativ.

Kolonner

Kolumner fungerar som en behållare för widgetarna, inklusive widgetarna för den inre delen.

När du lägger till ett nytt avsnitt kan du välja hur många kolumner det ska innehålla.

Att komma åt kolumninställningar görs genom att hålla muspekaren över en kolumn och högerklicka på den nu synliga kolumnikonen.

Olika alternativ kommer att dyka upp, så att du kan redigera kolumnen, duplicera kolumnen, lägga till en ny kolumn, etc.

Om du väljer redigeringskolumnen ändras sidofältet för att visa kolumnrelaterade inställningar. Precis som i avsnittsinställningar har den också tre flikar: Layout, Stil och Avancerat.

Layoutfliken innehåller layoutkonfigurationsalternativ som kolumnbredd, justering osv .; medan stil och avancerade flikar är ungefär desamma som vad du kan se från avsnittets inställningar.

widgets

Nästa del av skillnaderna mellan Elementor och Divi när det kommer till de faktiska elementen är widgetarna.

Widgets är innehållet eller element (därmed Elementor) som du kan använda på dina sidor.

Att lägga till en widget är lika enkelt som att dra en från sidofältet till sidan eller genom att klicka på plusknappen för att ta fram widgetvalspanelen och sedan dra och släppa.

Om du väljer en widget ändras sidofältet för att visa de konfigurerbara alternativen för just det objektet.

Du kan också komma åt den här panelen genom att högerklicka på ett element och välja redigera [elementnamn] objekt i snabbmenyn.

Varje widget har också flikarna Stil och Avancerat som du kan komma åt från sidofältspanelen.

Fliken Stil ändras enligt den valda widgeten. Till exempel har bildwidgetar inte typografisk stilalternativ, medan textwidgetar inte har dimensionsinställningar.

Fliken Avancerat är densamma som i de andra elementen.

Upptäck alla tillgängliga element

Globala widgets

Det finns en speciell typ av widget i Elementor: globala widgets. Du kan spara en widget som en global widget och använda den var som helst på sidan eller webbplatsen.

Du kan också redigera dem alla samtidigt på en enda plats.

Bedömning:

Elementor har ett bredare urval av element jämfört med Divi Builder. Men eftersom båda stöder widget-plugins från tredje part, blir det lite jämnt.

Elementor ger ett snabbare sätt att lägga till element på en sida eftersom du bara kan dra och släppa dem från sidofältet till förhandsgranskningen.

Divi Builder kräver att du klickar flera gånger innan du kommer till elementet du vill lägga till.

Precis som vårt tidigare avsnitt i jämförelsen mellan Elementor och Divi är det mycket nära, även om Elementor kan ha en liten kant i den här.

Nu är det dags att jämföra stylingalternativ i Elementor vs Divi sidbyggare!

Elementor vs Divi: Styling

Vår Elementor vs Divi builder skulle inte vara komplett utan en djup titt på stilfunktionerna hos båda sidbyggarna.

Divi Builder Stylingalternativ

Om du dubbelklickar på ett element i Divi-sidbyggaren visas inställningspanelen. Du kan också komma åt den här panelen genom att hålla muspekaren över ett element tills ett åtgärdsfält visas och sedan klicka på kugghjulsikonen.

Det finns tre flikar i inställningspanelen, innehåll, design och avancerade flikar.

Smakämnen Divi BuilderStylingsalternativ kan konfigureras via flikarna Design och Avancerat. På fliken Design kan du konfigurera typografi, boxskuggor, marginaler, animeringar, filter etc. Dessa är objekt som kan konfigureras med reglage och inmatningsnummer.

De är väldigt lätta att använda.

Använd den avancerade fliken för att lägga till anpassade CSS-ID:n och klasser, anpassad CSS-kod, konfigurera synlighet och så vidare.

Responsiv styling

Divi Builder låter dig definiera olika stilinställningar för olika enheter.

Du kan till exempel definiera ett textelements teckensnitt som Verdana och få det att ha en storlek på 20px på stationära enheter. Du kan definiera en annan inställning för mobilen som gör att den har ett Times New Roman-teckensnitt och en storlek på 10px.

Designalternativen tillåter alla typer av användare att anpassa sina sidor i stor utsträckning efter deras behov.

Elementor Styling-alternativ

Att välja ett element i Elementor-sidbyggaren ändrar vad som visas på sidofältet för att återspegla de tillgängliga alternativen för det specifika elementet.

Alla element i Elementor har tre flikar i sin inställningspanel. Den första fliken innehåller antingen Innehåll eller Layout, sedan Stil och Avancerat på den andra respektive tredje fliken.

Du kan konfigurera ett elements stil via flikarna Style och Advanced.

På fliken Style kan du konfigurera olika stylingsalternativ som bakgrundsfärger, ramar, typografi etc.

Fliken Avancerat innehåller avancerade stylingsalternativ som marginaler, anpassad CSS-kod, rörelseeffekter, responsiva inställningar etc.

Responsiv styling

Du kan ha separata stylingsalternativ för olika enheter i Elementor-byggaren, precis som Divi.

Styra standardalternativ för styling

Som standard, efter installation av Elementor, kommer sidbyggarpluginen automatiskt att tillämpa sina stilalternativ för att åsidosätta ditt tema.

Du kan inaktivera detta genom att gå till Elementor > Inställningar från WordPress-instrumentpanelen och kontrollera avaktivera standardfärger och inaktivera standardteckensnitt.

Elementor använder nu ditt temas standardteckensnitt och färger istället för sina egna.

Det finns också en stilflik där du kan konfigurera olika grundläggande standardinställningar som generiska typsnitt, standardinnehållsbredd etc.

Bedömning:

Båda plugins erbjuder en utmärkt uppsättning stylingverktyg och alternativ som passar alla.

Avancerade användare och webbdesigners som vill ha mer kontroll kan också njuta av att använda någon av dessa två plugins eftersom båda låter dem lägga till sina anpassade CSS-koder för vidare utformningsfunktion.

Elementor vs Divi: Mallar

En av nyckelelementen i sidbyggare och teman är kvantiteten och kvaliteten på mallar som är tillgängliga som en del av produkten.

Låt oss kolla hur de två sidbyggarna, Elementor vs. Divi builder jämför när det kommer till färdiga mallar.

Divi Builder layouter

På Divis jargong kallas mallar för layouter. Divi-sidbyggaren erbjuder 300+ layoutpaket förgjorda kompletta webbplatsmallar.

De är indelade i två typer: ett layoutpaket som består av flera layouter (flera sidor) med samma tema och en enda layout (dvs. en enda sida).

Layoutpaket innehåller flera sidor ihop för att bilda en komplett nischplats.

Till exempel innehåller ett paket mallar för hemsidan, om sidan, kontaktsidan etc., allt efter en enhetlig uppsättning mönster eller teman. En enda layout är bara en mall för en sida.

Du kan också skapa och spara dina egna mallar så att du kan återanvända dem senare. Du kan även exportera dem så att du kan använda dem på en annan webbplats.

Du kan till exempel skapa en målsida för en produkttjänst (liknande vad du kan bygg med OptimizePress 3.0) som du sedan kan ladda från layouterna och använda för olika kampanjer du kanske kör. 

Dessa inkluderar både fullständiga webbplatser och målsidor för specifika ändamål.

Elementor Mallar

Elementors mallar är indelade i två typer: block och sidor.

Den kostnadsfria versionen tillåter användare att komma åt cirka 40+ block och 30+ sidor, medan premiumversionen låser upp ytterligare 50+ Pro-widgets och 300+ Pro-mallar.

Dessa inkluderar hela webbplatser och specifika målsidor för särskilda användningsfall.

Se hela listan över tillgängliga Elementor-mallar / teman

Vi har också granskat en massa Elementor teman och mallar här.

Block är ensektionsmallar som du kan infoga på en sida.

Det finns block för

• Kontaktformulär
• Uppmaningsknappar
• Vanliga frågor
• prissättnings tabeller
• Portföljer
• Headers
• Tjänster
• Popup Builder och ett popup Builder verktyg

Även om vi sa att det finns 300+ sidmallar tillgängliga för Elementor premium-användare, kanske du vill kolla vad som finns tillgängligt idag.

Elemetor-teamet skapar och lägger ständigt till fler mallar till biblioteket och vi kan inte hänga med i den ständiga strömmen av Elementor-mallar som släpps :-)

Eftersom mallbiblioteket för Elementor-sidbyggare kontinuerligt växer kan du kontrollera de senaste tilläggen genom att klicka på "nytt" i det övre vänstra hörnet i sidmallens gränssnitt.

Du kan alltid spara din sida i ditt mallbibliotek så att du kan återanvända dem senare. Elementor ger dig också möjlighet att exportera dina mallar så att du kan använda dem på en annan webbplats. 

Medan både Elementor och Divi Builder plugins erbjuder ett stort utbud av mallval, vid denna tidpunkt tror vi att Divi builder erbjuder mycket mer när det gäller siffror.

Utöver det gör Divi-tema det enklare att bygga en hel webbplats, tack vare dess mallpaket.

Elementor vs. Divi Builder Vinnare av mallar: Divi Builder

Elementor vs Divi: Temabyggnad

UPPDATERING: I den här artikelns tidigare version hade endast Elementor en temafunktionsfunktion.

Med lanseringen av Divi tema 4.0 är denna funktion inte längre begränsad till Elementor.

Smakämnen Divi Builder 4.0 större uppdatering, som släpptes i oktober 2019, fokuserade på att utrusta Divi builder med kraftfulla verktyg för temabyggande. Detta tillåter användare att använda element, moduler och funktioner för att bygga inte bara statiska sidor utan också en dynamisk sidhuvud, sidfot och kroppslayouter.

Vi har uppdaterat det här avsnittet för att återspegla de nya förändringarna och vi har ställt Elementor vs Divis temabyggningsfunktioner mot varandra för att se om den senare kan hålla emot den förra.

Divi Theme Builder

En relativt ny funktion från Divi builder, kan sidbyggaren nu skapa mallar som du kan använda för att åsidosätta sidans sidhuvud, sidfot och kropps design, layout och till och med beteende.

Funktionerna är ganska lika Elementors i många aspekter, detta är en funktion där Divi Builder håller på att komma ikapp Elementor.

Du kan komma åt Divis temabyggare genom att gå till Divi> Temabyggare.

Därifrån kan du skapa en ny mall, exportera en mall eller importera en mall från externa källor.

En av nackdelarna med detta, när detta skrivs, är att det inte finns något sätt att importera förbyggda mallar för temabyggare från molnet. Du måste ladda ner en JSON-fil från en extern källa och ladda upp den för att importera en förbyggd mall.

På tal om förbyggda temabyggmallar, det finns många paket tillgängliga gratis från Divi builder utvecklare själva, som du kan skaffa här.. Sök bara efter "temapaketpaket" i sökfältet så hittar du dem enkelt.

Om du vill få fler av dessa förpackningar rekommenderar vi att du besöker Elegant Themes hemsida här och prenumerera på deras nyhetsbrev.

Du kan definiera en global mall som kommer att åsidosätta det övergripande utseendet och känslan för hela din webbplats och du kan också skapa riktade mallar som kan appliceras på specifika inlägg, sidor och delar av din webbplats.

När du skapar en ny mall kommer Divi först att fråga dig var du vill att mallen ska appliceras på. Du kan välja att tillämpa eller utesluta att använda dina mallar på specifika inlägg eller sidor eller till och med på specifika taggar och kategorier med mera.

Sedan kan du börja bygga och designa din mall. Om du har definierat en global sidhuvuds- och sidfotsmall kommer de automatiskt att läggas till i din nya mall.

Klicka på någon av dem lägg till anpassad kropp, lägg till anpassad rubrik or lägg till anpassad sidfot knappar öppnar en liten popup-meny där du kan välja mellan olika alternativ.

Dessa alternativ inkluderar att välja en förgjord mall eller kopiera en befintlig.

Därifrån har du de vanliga Divi-verktygen och modulerna till ditt förfogande för att börja bygga din layout.

Elementor Theme Builder

Du kan komma åt Elementor-temabyggaren via WordPress-instrumentpanelen och gå till Mallar > Theme Builder.

För närvarande kan du skapa Elementor-mallar för sidor, sektioner, popup-fönster, sidhuvud, sidfot, enskilda inlägg, WooCommerce-sidor och arkiv.

Du kommer att använda samma användargränssnitt som du har när du skapar sidor, bara den här gången är de tillgängliga elementen i sidofältet skräddarsydda för den specifika mall du försöker skapa.

När du är klar med att redigera en temamall kan du välja hur och när mallen ska visas.

För denna del, Divi builder är lite lättare att använda än Elementor på grund av användningen av kryssrutor.

Aldrigless, Elementor levereras fortfarande med finkornig kontroll som är lika med Divi Builder.

Du kan välja att inkludera och utesluta dina Elementor-mallar med hjälp av komplexa villkorliga regler. Låt oss till exempel säga att vi har en mall som heter "A". Du kan välja att visa denna mall om sidan är under kategorin "erbjudanden" och om författaren är "John Doe".

Rätt använt kan denna Elementor-regelmotor vara ett otroligt kraftfullt och användbart verktyg. Det ger dig flexibilitet och anpassningar på en mycket detaljerad nivå. Detta räcker för att stjäla kronan i temabyggnadsdelen.

Få sidbyggare har en sådan funktion och det här är en stor skillnad.

En annan viktig funktion som vi gillar är popup-byggaren. De flesta kommer att installera ett nytt plugin för att sätta upp popup-fönster på sin webbplats, men med Elementor popup-byggarverktyget behöver du inte ha en extra plugin bara för att ställa in popup-fönster.

Elementor vs Divi Theme Builder Vinnare: Elementor med klar marginal tack vare antalet verktyg och vad du kan uppnå med dem.

Elementor vs Divi Prissättning 2023

Valet mellan Elementor och Divi Builder ibland kan allt komma ner till prissättning.

Man är totalt vettig för en grupp och är bokstavligen meningslös för en annan.

Elementorprissättning

Elementor Pro-priset börjar på $59/år för en webbplats och går hela vägen till $399/år för 1,000 XNUMX sajter. Alla funktioner och extrafunktioner ingår i varje plan.

Men anledningen till att det är så populärt är att det kommer med ett GRATIS version.

Elementors gratisplan är faktiskt tillräckligt för att skapa en vacker sida och kommer med 40+ widgets och 30+ mallar.

Proffstips: Om du har mer än en webbplats, gå bara med Expert-licensen. Om du bygger webbplatser för kunder och vill ha en sidbyggare, föreslår vi vanligtvis att du väljer Expert-licensen och sedan tar ut priset för en avancerad licens för varje kund.

Detta gör att du kan bryta jämn efter bara två platser. Från och med då får du en bonus på $ 2 från varje klient.

Klicka här för det lägsta priset på Elementor Pro 

Divi Builder Priser

Divi Builder har ingen gratisversion, men de ha en demo som du kan komma åt så du kan prova det innan du köper det. 

Divis prissättning gör det till en bra idé för byråer.

Vi har jobbat med Elegant Themes och har fått tillgång till en begränsad 10% rabatt på Divi Builder för CollectiveRay besökare.

Med tanke på priset, och vår rabatt som gäller endast t.o.m September 2023, vi rekommenderar starkt att du går till livstidsåtkomst - det är ingen idé.

Bara $ 249 ($ 224 med min rabatt) ger dig livstids tillgång till Divis funktioner, support och community på alla dina webbplatser för evigt.

Det betyder att du får:

• Varje tema de har
• Obegränsad användning för obegränsade webbplatser
• 800+ webbplatspaket
• Sidbyggaren
• PR-verktyg
• Testverktyg

Inget behov av att förnya. Du behöver inte oroa dig för uppdateringar (mer om det härnäst). Ingen stress. Klicka bara, betala och använd för alltid.

OBS: Divi kostar bara 80 $ / år med min rabatt, men om du är ett företag sparar du pengar genom att bara köpa livstidsåtkomst nu. Om du är i affärer i tio år är det $ 10. Om du köper livstidsåtkomst nu är det 800 dollar. Det är ingen idé.

Få 10% rabatt på Divi Builder tills September 2023

Elementor vs. Divi Builder Prisbedömning:

Elementor är perfekt för nybörjare med en budget och företag med en webbplats. Men den årliga prismodellen kommer att kosta dig hundratals eller till och med tusentals dollar mer under ditt företags livstid.

Divis engångsplan för livstidsåtkomst är perfekt för byråer och större verksamheter.

Ett försiktighetsord: Lämna inte din webbplats öppen för hacks och riskera ditt företag

Tyvärr, men jag har en annan snabb historia om hur jag försökte ta en genväg och det kostade mig nästan dyrt.

Detta hände när vi försökte undvika att betala ett abonnemang på Elementor.

Vi trodde att det skulle vara en bra idé för oss att gå på ett års prenumeration på Plus-nivån och sedan inte förnya. När allt kommer omkring, när webbplatsen hade skapats, skulle vi inte behöva fler uppgraderingar och support, eller hur?

FEL. Uppdateringar är helt kritiska!

Nyligen upptäcktes en sårbarhet i Elementor Pro. 

Denna sårbarhet lämnade webbplatser som var känsliga för hack. 

Elementor lappade det omedelbart. Det var bara ett problem...

Det visar sig att utan en aktiv prenumeration var vi inte berättigade till några uppdateringar.

Så våra webbplatser blev sittande ankor. Kom ihåg att genom denna sårbarhet attackerades och hackades opatchade webbplatser.

Så för att spara 100 USD i förnyelseavgifter förlorade vi nästan våra webbplatser och ett antal kunder med dem.

Därför ett snabbt ord av råd. Låt aldrig din prenumeration upphöra, varken för Elementor eller för Divi (det är därför vi alltid rekommenderar en LIVSTIDSPRINSKRIFT). 

Det är därför som om du har mer än 1 webbplats, bara alltid gå till livstidsprenumerationen! Det sparar dig så mycket tid, pengar och stress.

Var du kan vara värd för din sidbyggare

Både Divi och Elementor har kommit på ett nytt koncept.

För att göra det enkelt för människor som behöver förenklad administration och underhåll av webbplatsen har de släppt en version av sina produkter som är helt värd.

Detta innebär att istället för att du behöver hitta din egen webbhotellserver, installera och underhålla WordPress, FÖRUTOM att bygga din webbplats, tar deras värdversion hand om värdaspekterna.

Du behöver då bara fokusera på byggandet av webbplatsen.

Båda företagen har kommit med en liknande produkt, där Elementor erbjuder Cloud Website Builder till priset av $99/år.

Divi erbjuder också ett värdalternativ för deras produkt, känd som DiviCloud. 

Båda dessa produkter är i huvudsak WordPress med plugin installerat, men värd på en tjänst där du inte behöver hantera något av WordPress nitty gritty.

Priset är ganska attraktivt om du vill ha ett praktiskt tillvägagångssätt för din WordPress när din webbplats väl är uppe.

Vittnesmål - Vad andra användare säger

Bbåda Divi Builder och Elementor Pro har tiotusentals användare. Det fantastiska är att det inte är så stor skillnad i betygen för Elementor vs Divi Builder, de är båda högt betygsatta.

Kolla in betygen för Elementor sidbyggare i WordPress-katalogen:

Olika människor, från utvecklare till avslappnade användare, har haft erfarenhet av en eller båda och många stora WordPress-personligheter har sin egen åsikt och tankar när det gäller dessa plugins.

Vad folk säger om Divi Builder

Med Divi builder, folk berömmer alltid sitt supportteam, de flesta 4- och 5-stjärniga recensioner nämner alltid hur bra deras support är.

Även om Divi Builder kan vara lite svårare att använda än Elementor, deras supportteam finns där för att säkerhetskopiera dig.

"Elegant Themes Divi Builder och temat är fantastiskt. Jag sökte högt och lågt efter ett tema med en gedigen front-end-editor/sidbyggare, och slösade bort pengar på många teman av låg kvalitet. När jag äntligen hittade Divi, visste jag att det var temat för mig och jag använder det nu i min marknadsföringsbyrå för att bygga kundens webbplatser eftersom det fungerar så bra. De har också fantastiskt stöd som är kunniga och redo att hjälpa dig med alla webbplatsanpassningar du kan tänka dig. ”

”Jag har varit medlem i Elegant themes i några år nu och jag älskar det verkligen. Jag har gjort fantastiska webbplatser för kunder som använder sina lysande teman och plugins och kan aldrig se mig själv använda något annat. Kundtjänst är oöverträffad, de är snabba med att svara och rådgivningen är grundligt tillförlitlig. Utmärkt företag. ”

Vad folk säger om Elementor Pro

Elementors användare berömmer hur det är en av de bästa gratis sidbyggare-pluginsna på marknaden och hur enkelt det är att använda att även nybörjare inte har några problem med att använda den.

"Jag är en ny användare av plugin, men jag kan inte nog betona hur enkelt plugin är att installera och de tidsbesparande funktioner det erbjuder!"

"Ny hos WP men Elementor är en super sidbyggare. Det gör verkligen webbutveckling snabbare och mycket less frustrerande. Dessutom gör det ett vackert jobb. En av funktionerna som jag verkligen älskar är möjligheten att gå tillbaka till tidigare versioner när jag eller datorn skruvar upp något. Du kan gå tillbaka till föregående ändring, eller någon ändring i den här sessionen eller vilken som helst sparad ändring. Älskar block -konceptet! Kan använda fler blockmallar. Att skapa Elementor -mallar är så enkelt att göra och använda. Jag önskar att det fanns en PHP -widget. Utmaningen är att hänga med i alla nya förbättringar när de rullar ut dem ofta. Försöker alltid förbättra denna bra produkt. Fortsätt så bra grabbar! "

Wrapping Up: Elementor eller Divi?

Divi Builder och Elementor erbjuder båda ett brett utbud av funktioner som kan hjälpa dig att enkelt bygga vackra sidor. Båda sidbyggarna har fokuserat på användarvänlighet.

Även om de har många likheter, är deras användargränssnitt ganska olika.

Elementor erbjuder tillgänglighet genom att ha ett sidofält som innehåller verktyg och alternativ medan Divi gör enkelheten genom att visa så få UI-element som möjligt.

När det gäller antalet standardmallar erbjuder Divi fler alternativ jämfört med Elementor, men båda plugins har ett import- och exportalternativ, så att du kan lägga till dussintals tredjepartsmallar från andra källor.

När det gäller prissättning är Elementor Pro dyrare än Divi Builder eftersom den senare har en livstidslicens och obegränsad webbplatsanvändning.

Elementor har ett maxpris på $399 per år, vilket gör att du kan använda det för tusen webbplatser. Den erbjuder också en gratisversion som fortfarande erbjuder en kraftfull uppsättning verktyg och till och med mallar som låter dig bygga vackra sidor.

Kodens renhet

När det gäller kodrenhet kommer Elementor att lämna efter sig ren och giltig HTML-kod om du inaktiverar den.

Divi kommer att lämna några kortkoder på sidorna som är något av ett problem att fixa, så det låser dig lite.

Men med tanke på att de har ett livstidslicensalternativ är det ganska berättigat.

prestanda

Fram till nyligen fanns det inte mycket att välja mellan Elementor och Divi när det gäller prestanda. Allt förändrades med senaste uppdateringen till Divi.

En ny uppdatering av WordPress -temat innebär att det nu är lättare och snabbare än någonsin tidigare.

Laget har förändrats mycket under huven. CSS har minskat med 94%, Divi använder nu dynamisk CSS och smarta stilar för att ladda bara CSS för sidan som ses och dubbleringar har minskat över hela linjen.

Andra prestandaförbättringar i Divi inkluderar introduktionen av dynamisk PHP för att effektivisera bearbetningen, JavaScript-optimeringar, Gutenberg-stilmallsuppskjutning, jQuery-uppskjutningscache för Google Fonts och inline-stilmallar.

Divi får nu 100 på Google PageSpeed ​​Desktop och 99 på Google PageSpeed ​​Mobile!

säkerhet

Elementor har haft flera allvarliga säkerhetsproblem tidigare men de lindrades och löstes enkelt.

Divi builder har också upplevt en allvarlig säkerhetsfråga i januari 2020.

Smakämnen Divi builder och tema upplevde en sårbarhet vid injektion som krävde en uppdatering.

Detta leder oss till en enkel slutsats, oavsett leverantörens storlek, sårbarheter är alltid en möjlighet. Kärnpunkten är hur säljaren reacts till en sådan sårbarhet. Båda dessa leverantörer har reagerat mycket moget på sårbarheten.

Temabyggande kapacitet

När den här artikeln först skrevs hade Divi ingen funktion för temabyggande. så vi har tidigare rekommenderat Elementor om du behövde temabyggande funktioner.

Men hur är situationen idag när det gäller Divi vs Elementors temabyggnad?

Allt förändrades när Divi 4.0 släpptes.

Vid det här laget kommer både builder och Elementor med samma uppsättning funktioner.

När det gäller anpassning och kontroll, Divi och Elementor, är det väldigt liten skillnad mellan de två.

Båda erbjuder kraftfulla temabyggningsfunktioner med finkorniga kontroller så att du kan bygga och designa din webbplats på vilket sätt du vill. Från anpassade statiska sidor till anpassade sidhuvuden, sidfot och kroppslayout kan du bygga dem alla!

Så vem vinner denna Elementor vs. Divi builder jämförelse?

Det är en sak som gör Divi builder den bättre produkten överlag och tar överkanten: Divi-temat.

Divi finns i två former: ett tema och ett plugin. Du skulle använda plugin-programmet om du vill använda Divi builder med tredjepartsteman. Annars skulle du välja att använda temat.

Varför är det viktigt?

Integration och kompatibilitet.

Om du väljer temat kommer du att ha noll kompatibilitetsproblem.

Elementor har sitt eget tema, men när du jämför det med Divi-tema - finns det absolut ingen jämförelse.

"Hello Elementor"-temat är barebones och är avsett för avancerade användare och utvecklare så att de kan vidareutveckla på det. Om du vill ha ett funktionsrikt Elementor-tema måste du installera en tredjepartsprodukt.

Du kan överväga att använda Astra i det här fallet - ett Elementor-tema.

Stora skillnader i temabyggnad

En av de stora skillnaderna mellan att använda Elementor och Divis temabyggnadsfunktion är redigeraren.

Det är ganska stor skillnad på användarupplevelsen, så småningom beror den du föredrar på erfarenhet och personliga preferenser.

När du redigerar en sidhuvud, sidfot eller anpassad brödtextmall i Divi Builder, kommer redigeraren bara att fokusera på just det området på din webbplats.

Till exempel, när du redigerar en anpassad rubrik, är det enda som kommer att synas på din skärm ingenting annat än rubrikområdet.

Med Elementor har du en vy över hela webbplatsen oavsett om du redigerar en sidhuvud, sidfot eller en kroppslayout.

I detta avseende kan vi säga att Divi builder fokuserar på distraktionsfri redigering när du använder Elementor ser du hela bilden när som helst.

Läs mer: WP Bakery vs Divi - en fullständig jämförelse.

Elementor vs Divi: För- och nackdelar

Varje produkt har styrkor och svagheter och Elementor och Divi är inte annorlunda. Det är nog klart vid det här laget vad jag tror att de är, men för att sammanfatta:

Fördelar med Divi:

• Rent, modernt gränssnitt
• Den nya Divi Builder har förändrat spelet
• Tillåter fri användning av widgets och kortkoder
• Priset är utmärkt för byråer och flera webbplatser
• Massor av mallar och mönster att använda

Nackdelar med Divi:

• Du kan inte importera en hel webbplatsmall, bara enskilda sidor
• Avinstallation lämnar kod efter sig
• Kostnaden fungerar egentligen bara för flera webbplatser

Fördelar med Elementor:

• Enkel att använda och anpassa
• Utmärkt layouthantering och fin kontroll
• Hundratals anpassningar möjliga
• Gratisversionen gör den mycket tillgänglig
• Premiumversioner erbjuder massor av extrafunktioner

Nackdelar med Elementor:

• Kräver ett separat WordPress-tema
• Dyrare än Divi

Elementor vs Divi: Vanliga frågor

Vad är Divi?

Divi är både en sidbyggare och en WordPress -temakombination. Det är en komplett mångsidig produkt som kan användas för att bygga alla typer av webbplatser från grunden, oavsett om det är e-handel, nischbaserat eller branschspecifikt eller en portföljwebbplats. Det produceras av Elegant Themes och är en av de mest populära WordPress -produkterna och har sålts mer än 850,000 XNUMX gånger.

Vad är Elementor?

Elementor är en av de mest populära WordPress-sidbyggarna. Även om det inte är ett tema, har det också kraftfulla temabyggningsfunktioner. Normalt används Elementor tillsammans med ett tema för att bygga anpassade inlägg och sidor med hjälp av dra och släpp-funktioner. Elementor har en gratis och betald version. Tack vare den fria versionen och under de senaste åren har den miljontals aktiva installationer.

Vad är skillnaden mellan Divi och Divi builder? 

Divi är WordPress -temat, Divi builder är drag -och -släpp -redigeraren eller sidbyggaren som är en del av Divi -temat. I verkligheten behöver du inte göra någon skillnad mellan dem, eftersom de fungerar sömlessly tillsammans.

Kan jag använda Divi på flera webbplatser?

Ja, när du köper Divi för priset av $89, kan du använda detta på obegränsade webbplatser, men du kommer att få support och uppdateringar i endast 1 år. Det finns en version för $249 som har obegränsade webbplatser, obegränsad support och uppdateringar. Om du använder vår länk som finns på denna sida får du 10% rabatt på båda priserna.

Är Elementor den bästa sidbyggaren?

Elementor är den bästa sidbyggaren för närvarande. Även om detta är subjektivt och kanske inte passar alla, tror vi starkt att ingen sidbyggare i sig kan matcha dess funktioner. Naturligtvis betyder det inte att det passar alla. Divi med sitt paket med tema + sidbyggare är också ett utmärkt alternativ för många människor.

Är Divi bättre än Elementor?

För vissa människor, som inte vill köpa ett separat tema och sidbyggare, kan Divi ge mer värde, speciellt om du köper livstidserbjudandet. Om du planerar att bygga endast en webbplats tror vi att Divi är ett utmärkt val. Om du planerar att bygga flera webbplatser, eller är en utvecklare eller designer, kan Elementor vara bättre eftersom det är kompatibelt med fler teman, men det blir dyrare än Divi totalt sett.

Kommer Divi och Elementor att arbeta med Gutenberg?

Ja, både Divi och Elementor fungerar bra med Gutenberg. 

Kan du använda Elementor med Divi?

Ja, du kan använda Elementor med Divi om du har rätt plugins installerade, men med tanke på att Divi har sina egna sidbyggarfunktioner tror vi att det totalt sett skulle vara bättre för din webbplats att använda divi-pluginet hela tiden.

Elementor vs. Divi Builder: Slutgiltiga tankar

Så vad är den slutliga domen när det kommer till Divi vs Elementor sidbyggare? 

I slutändan är både Divi och Elementor utmärkta sidbyggare. Det kommer ner till ditt företag och dina mål.

Om du behöver den enklaste byggaren som finns för en webbplats eller behöver en GRATIS plan - välj Elementor.

Om du är en byrå med massor av webbplatser och behöver bygga hundratals sidor - välj Divi. Det finns en anledning till att alla seriösa byråer och företag använder Divis livstidsåtkomst: Det är det bästa värdet i verksamheten.

Skaffa Divi nu   Skaffa Elementor nu

Om författaren

Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/e-post: david@collectiveray.com

David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.