Elementor vs Divi: Hvilken er pengene bedst værd? (2023)

elementor vs divi

Velkommen til min upartiske Elementor vs Divi anmeldelse for 2023.

Jeg skylder mit bureaus succes disse to sidebygere (og koldbrygget kaffe), men de er til to HELT forskellige kundetyper. Hvis du vælger den forkerte, skal du tage genveje eller få den forkerte plan, du kan:

  • Spild hundreder af dollars (og vigtigere, mange mange timer)
  • Gør dine websteder åbne for hacks
  • Begræns din evne til at skalere din virksomhed alvorligt

Men rolig, det er faktisk virkelig nemt at vælge den perfekte sidebygger IF du ved hvad du skal kigge efter. Jeg har mange års praktisk erfaring med begge dele, så lad mig gå dig trin for trin gennem alt på almindelig engelsk med skærmbilleder, gifs og alt andet!

Tag en kaffe (eller din foretrukne varme drik), fordi du er ved at dybe dybt ned i:

  • Divi eller Elementor? Hvordan man hurtigt evaluerer din nuværende situation og beslutter, hvilken der er bedre.
  • Hvordan man beslutter ud fra budget, dygtighed og nour erfaring med både Elementor og Divi
  • Den eneste prisfastsættelsesforskel, der kan spare dig for tusinder af dollars i løbet af din virksomheds levetid
  • Den dumme fejl, der næsten kostede mig $ 100 OG sikkerheden på alle mine websteder
  • En frygtelig oplevelse, vi havde med et af disse produkter, du har brug for at vide om

Vi har lavet en nem indholdsfortegnelse, så du hurtigt kan springe til den mest relevante sektion for dig. Klik for at åbne indholdet nedenfor:

Indhold[show]

  

Elementor vs Divi: "Jeg vil gerne vide, hvad der er bedst for mig nu!"

Skynd dig og har brug for at vide, hvad der er bedre for din virksomhed, før du investerer noget?

Lad mig bare give det lige ud fra min næsten 5 års erfaring med begge disse værktøjer (siden Elementor faktisk blev udgivet først i 2016).

Hent Divi hvis:

  • Du er et agentur: Divis prissætning gør det til en no-brainer for ambitiøse bureauer. Livstidsadgang uden begrænsninger koster KUN $ 249. Det er $ 249 for hver funktion på uendelige websteder. Hvis du har hundredvis af sider, er det som at bruge $ 1 eller LESS pr. side for verdens mest pålidelige sidebygger. 
  • Du har brug for den bedste support i branchen.
  • Du har designoplevelse: Divi er også fint for begyndere, men det er endnu bedre for erfarne bygherrer. Læringskurven er stejlere end Elementor, men når du ved, hvad du laver, er kraften så meget større.
  • Du har brug for et premium-tema at arbejde med: Divi er et premium WordPress-tema såvel som en sidebygger, så når du køber en, får du begge dele.

Få Elementor hvis:

  • Du har brug for den nemmeste sidebygger: Elementor giver enhver mulighed for at opbygge en smuk destinationsside uden nogen kodende viden, der starter fra $ 0!
  • Du er en solopreneur med 1 websted
  • Du har et budget og har brug for en GRATIS version
  • Du er en designer, der har brug for komplekse elementer
  • Du føler behovet for hastighed. Elementor er så hurtig, at det føles som siden indlæses, FØR jeg klikker på Enter
  • Du har allerede et tema at arbejde med: Elementor er en sidebygger (ikke et tema) og skal suppleres med et WordPress-tema.

Divi vs Elementor kommer virkelig ned på en ting: Prissætning. Klik her for at springe til pristabellen 

Elementor vs. Divi

Elementor Divi begge har avancerede sidebygningsfunktioner.

Resumé

  elementor vs divi divi vs elementor
Vinder 🏆  
Samlet  4.9/5  4.5/5
Brugervenlighed  5/5  4.5/5
Support  4.5/5  4.5/5
Stabilitet og pålidelighed  5/5  4/5
udvidelsesmuligheder  5/5  4.5/5
Værdi  4.5/5  5/5
Pris Starter fra $59/år $ 89 / år
Gratis Version Ja Nej - men har en 30-dages pengene-tilbage-garanti
Realtidsredaktør Ja Ja
Integreret redigering Ja Ja
Frontend / backend Både Både
Træk og slip Ja Ja
Tredjepartselementer understøttet Ja Ja
Frontend / backend Både Både
Import Eksport Ja Ja
Målgruppe Udvikler / designer / bruger / agentur Designer / bruger / agentur
Elementer understøttet 100 +  200 +
WordPress Widgets understøtter Ja Kompliceret
Ren kode Ja Ingen
Foruddefinerede skabeloner / layout 300 + 300 +
Cool funktion Dynamisk indhold A / B-test
Ydeevne  4.5/5  4/5
 Hvad vi kunne lide  En meget effektiv løsning til at skabe enhver form for design  Ren brugergrænseflade
   Overlegen indstillinger for layoutadministration  Indholdet forbliver intakt, selv efter deaktivering af pluginet
   Attraktive priser med adgang  Unik editor-tilstand for klienter
   Mest populære sidebygger af en grund  Giver dig mulighed for at bruge WordPress-widgets i layouts
 Hvad vi ikke kunne lide  Elementor kræver, at du erhverver et WordPress-tema  Noget kode forbliver efter fjernelse af pluginet
Hjemmeside Besøg site 
Besøg site (10% FRA)

 

Nu hvor du har et hurtigt overblik over hvert plugin, lad os tage et dybt dyk ned i dem.

Lad os komme i gang med dette ultimative showdown af sidebygere: Elementor vs Divi!

Hvorfor det kan koste dig alt at vælge den forkerte sidebygger!

Jeg er nødt til at dele denne historie ...

Ikke fordi jeg vil klage (ja, måske bare lidt ...), men fordi enhver udvikler, designer, virksomhed og agentur har brug for at vide, hvor vigtig denne beslutning er.

Engang, i en svunden æra med webudvikling (ca. 8 år siden), var alle færdige med at bruge datidens premium WordPress-temaer. 

Smukke sider var helt sikkert mulige, men de krævede et NIGHTMARISH virvar af kortkoder. Du kan ikke forstå rædslen unless du overlevede de tider. Jeg overdriver kun lidt ...

Alligevel...

Der var ingen måde at opbygge noget uden at kende WordPress indefra og ud.

Webdesignere var en bestemt race af udviklere, der kunne kombinere kode med korrekt design.

Mand, livet var ... anderledes. 

Så en dag begyndte en fremtrædende WordPress-leverandør (WPMUDEV) at skubbe denne fantastiske nye træk og slip sidebygger: Upfront.

"Det er fantastisk. Det vil redde WordPress fra SquareSpace og Wix! ”, Sagde de. 

På det tidspunkt var de fleste af os stadig modstandere af sidebygere. Inklusive mig selv.

Men denne virkede ... bedre.

For at være retfærdig var det ret fantastisk. Træk-og-slip-bygmesteren var som smør. Og det havde nogle pirrende funktioner:

  • Fantastiske elementer klar til at arbejde med
  • Nem at redigere “regioner”
  • Tekstredigering med et klik
  • Skabeloner til genbrug og reducering af gentagne arbejder
  • Det var hurtigt og nemt at oprette sider! Ikke i nærheden af ​​det, vi plejede at skulle igennem før...

Upfront ville ændre alt.

Så en efter en begyndte alle at hoppe på toget. Agentur for agentur, vi faldt i kø.

Folk var så begejstrede, at de byggede hele deres køreplan på Upfront. De hyrede og uddannede endda personale til at bruge det. Nogle bureauer med flere websteder havde hundredvis af sider ved hjælp af Upfront.

Jeg byggede ikke hele min forretning omkring Upfront (jeg lagde aldrig alle mine æg i en kurv), men lad os bare sige, at jeg også havde en del hud i spillet ...

Og så en dag kom det hele sammen.

siger farvel til på forhånd

En dag besluttede WPMUDEV bare at afbryde alt.

Ingen advarsel.

Ikke et eneste ord.

Upfront blev afbrudt, og hver side, der nogensinde blev bygget på den, blev forældet.

Alt det arbejde, al den tid og penge, alt personale uddannet til at bruge det, alle køreplaner bygget med det: BRUGLESS.

Læs denne anmeldelse fra en bureauejer, der havde arbejdet med Upfront:

Jeg tilbragte det meste af sidste år med at genopbygge hele mit webstedsbureau (vores marketingwebsted og klientsider) med og omkring Upfront. At bare se, at det nu er ude af planerne for udvikling uden advarsler, efter at have tillid til det, ansætte og uddanne personale til at bruge det er bare ikke sejt. ”

Mange virksomheder blev hårdt ramt ... det var ikke behageligt. 

Historiens morale?

At vælge den rigtige sidebygger er afgørende for din virksomhed. Det betyder, at det er vigtigt, at du vælger en med en dokumenteret track record og et pålideligt brand.

Hvis ikke, kan du være den næste iværksætter, der efterlader en anmeldelse, der beskriver, hvordan brugen af ​​det næsten kostede dem alt.

Men jeg afviger. Tilbage til anmeldelsen ...

Hvad er sidebyggere?

Ikke interesseret i denne introduktion eller har travlt? Klik her for at springe til den næste del af artiklen.

Sidebyggere er værktøjer, der gør dig i stand til at designe og bygge professionelt udseende websider fra bunden, selv uden kodningserfaring. 

I stedet for at bruge måneder på at lære at tilpasse en side, er alt det hårde arbejde allerede gjort for dig og pakket i små "elementer". Du bare "trækker og slipper" dem på siden, hvor du vil, og VOILA, du har en smukt designet side ... og ingen kender din hemmelighed. 

For eksempel, hvis du vil tilføje et tekstfelt eller billede, griber du bare det element fra sidebjælken, trækker det ind på siden og placerer det, hvor du vil have det.

Lyder meget bedre end at gå ind i backend og kodning det hele selv, ikke?

De fleste har endda præfabrikerede skabeloner, der har vist sig at booste besøgendes konverteringer, så du ikke engang behøver at gøre noget tungt.

Det er som at bygge et websted ved hjælp af Lego-stykker.

oprettelse af sider med sidebygere

Hvad er Divi?

Divi WordPress-tema og sidebygger  

Divi er det mest populære WordPress-tema derude med mere end 880,000 salg. Hvis dette var sport, ville de være Man U, New York Yankees og New England Patriots:

Mere end et hold, en institution.

elementor vs divi-brugere

Faktisk er det endnu mere end en sidebygger - det er en mega-fabrik til WordPress-bygning, der gør det muligt for freelancere, agenturer og webstedsejere at opbygge smukke websteder, optimere dem til konverteringer (Split test) og vokse ved hjælp af sociale medier.

Divis massive popularitet skyldes hovedsagelig:

  • Ubegrænset brug: Divi er et af de eneste temaer, der giver dig ubegrænset brug af alle funktioner på alle sider. Ingen prisgimmicks. Ingen forvirrende niveauer. Nej ingenting. Bare ubegrænset brug uden spørgsmål.
  • Enkel prisfastsættelse: $ 249 for livstidsadgang på alle dine steder.
  • Uovertruffen support og fællesskab: Divi er en livsstil for nogle mennesker. Det har et blomstrende Facebook-samfund og den bedste support i virksomheden, så du vil altid være innovativ, få nyttig feedback og forbedre dit Divi-spil.

Vi har arbejdet med dette produkt i lang tid, faktisk har vi allerede gjort det skrev en komplet Divi 4.0 tema anmeldelse her. Deres Divi builder er et plugin, der er indbygget og bundtet med temaet, selvom det kan købes og bruges separat med andre temaer, hvis du vil.

Tjek nogle webstedseksempler bygget med Divi her. Divi 5 er i øjeblikket under udvikling!

Klik her for at besøge Divi-webstedet og lære mere om det nu 

Hvad er Elementor?

elementor side builder  

Elementor og Elementor Pro (og hele deres vifte af nye produkter) er en markedsforstyrrer, der stiger i popularitet. Det er en af ​​de mest populære bygherrer for soloprenører og virksomheder.

Den er lynhurtig, tilbyder uovertruffen design og er så let, at en hulemand kunne gøre det. Og det lader dig komme 100% i gang med den GRATIS version. 

Det giver dig stort set alt, hvad Divi gør, det er bare hurtigere og lettere at bruge. Og det er langt mere overkommeligt for et enkelt sted.

Disse to produkter foretrækkes af de fleste WordPress-brugere og eksperter, fordi de har en række fordele:

  • De er nemme at bruge,
  • De har den bedste ydeevne og stabilitet, og
  • De bakkes op af et team af ekspert WordPress-udviklere eller af et velkendt firma.

Vi har gravet dybt specifikt ind i Elementor Pro - du finder vores anmeldelse her

Klik her for at besøge Elementors websted og komme i gang gratis

Vent, du siger, at både Divi og Elementor er fantastiske. Så hvordan kan jeg vælge?

Både Divi og Elementor er begge meget ens, men som jeg sagde før - prissætning og små forskelle i funktionalitet gør dem perfekte til forskellige segmenter af markedet.

Vi tager disse to topsidebygere på markedet i dag, Elementor vs Divi Builder, og grave dybt ned i alle deres evner og sammenligne dem head-to-head.

Vi vil se nærmere på deres brugergrænseflade, funktionssæt, prisfastsættelse og meget mere.

I slutningen af ​​denne Elementor vs Divi-artikel vil du have al den viden, du har brug for til at træffe en veluddannet vurdering af, hvilken der passer til dine egne behov.

Har du brug for webhosting til dit næste projekt?

Vidste du, at SiteGround er anbefalet af Divi og Elementor fungerer også godt på SiteGround?

Men det er ikke det eneste, du ønsker fra en webstedshostingtjeneste. Du ønsker, at dit websted skal være hurtigt, pålideligt og til en pris, der giver mening.

Derfor CollectiveRay anbefaler SiteGround. Det er en fantastisk blanding af fleksibilitet, kraft og pris, som du ikke finder ofte.

Klik her for at se SiteGround tilbyder i september 2023

Elementor vs Divi: Brugervenlighed

Brugergrænsefladen og dens brugervenlighed er en af ​​de vigtigste dele af et sidebygger-plugin.

Begge disse sidebygere har gjort en stor indsats for at sikre, at de er døde let at bruge.

Lad os begynde med Divi Builder.

Lær mere om Divi Builder by Elegant Themes

Divi Builder Brugergrænseflade

Før vi begynder, lad os hvad sælgeren har at sige om brugen af ​​pluginet i denne korte video, især med den nyligt opdaterede grænseflade:

Med Divi builder plugin installeret, når du opretter en ny side, vil du blive mødt med en brugergrænseflade, der vil spørge dig, om du vil bruge Divi Builder eller standardeditoren.

ny side

Klikker på Brug Divi Builder indstilling åbner en skærm, der beder dig om at vælge mellem "build from scratch", "select a pre -made layout" eller "clone eksisterende side".

vælg layout

  • Byg fra skrammer - Start med en tom side.
  • Vælg et premade layout - Vælg en færdiglavet skabelon. Vi vil tale mere om dette senere.
  • Klon eksisterende side - Kopierer en eksisterende side.

Vi vil vælge "byg fra bunden", da de to andre valg er stort set de samme, kun med indhold, der allerede er tilføjet.

Tilføjelse af elementer i Divi Builder

Hvis du klikker på "build from scratch option", aktiveres Divi builder og det første, der vises, er en dialogboks, der beder dig om at indsætte en ny række.

Dialogbokse med muligheder, som du kan konfigurere, åbnes, afhængigt af det modul og det indhold, du tilføjer.

ny række

Menuen

Minimalisme har altid været et af designelementerne i Elegant Themes og sidebyggeren holder dette designkoncept i gang.

Som du kan se fra gifen ovenfor, er der slet ingen sidepanel eller menulinje. I stedet er alt hvad du har en flydende cirkel med tre hvide prikker inde i den.

Den flydende cirkel fungerer som din menu. Ved at klikke på dem får du adgang til forskellige muligheder og nyttige værktøjer.

flydende menu

Du kan flytte rundt på denne menu ved at klikke og trække den. Du kan også slippe den i en af ​​de otte foruddefinerede positioner i hjørnet af skærmen.

Når du bruger Divi, startende fra venstre side, har vi

  • Divi builder indstillinger
  • Trådrammevisning
  • Zoom værktøj
  • view Desktop
  • Tabletvisning
  • Indlæs fra biblioteksindstillinger
  • Gem til bibliotek mulighed
  • Ryd layout
  • Sideindstillinger
  • Redigering af historie
  • Overførsel
  • Søg og hjælp knappen
  • Knapperne Gem udkast og udgiv

flydende menu 2

Builder-indstillinger - Vil åbne en dialogboks med forskellige muligheder, der giver dig mulighed for at tilpasse, hvilke ikoner der vises på Divi builder værktøjslinje, ændre standardvisningstilstand (mobil, desktop eller tablet), aktivere eller deaktivere UI -animationer osv.

Trådrammevisning - Slår wireframe-visning til eller fra. Du kan bruge wireframe-visningen til at få en strukturel visning af din side.

trådrammevisning

Zoom værktøj - Giver dig mulighed for at zoome siden ind og ud.

Desktop-, tablet- og mobilvisning - Se, hvordan din side ser ud på forskellige enheder og skærmopløsning.

lydhør visning

Indlæs fra biblioteket - Indsæt eller brug en forudlavet skabelon fra skabelonbiblioteket til siden.

Gem i biblioteket - Gem den aktuelle side i skabelonbiblioteket.

Ryd layout - Sletter alt på siden.

Sideindstillinger - Få adgang til sideindstillinger som titel, uddrag, fremhævet billede osv.

Redigering af historie - Se, hvilke ændringer der blev foretaget i den aktuelle redigeringssession. Ved at klikke på et element kan du gå tilbage i tiden, fortryde alle redigeringer, du har foretaget, og vende sidens tilstand tilbage. 

redigeringshistorik

Overførsel - Importer eller eksporter dit nuværende layout.

Søge- og hjælpeknapper - Adgang Divi builderdokumentation; søgeknappen lader dig søge efter en bestemt handling, menupunkt eller element.

Gem knapper til kladde og udgiv - Temmelig selvforklarende.

Element-specifikke menuer

Når du bruger Divi Builder, hvis du holder markøren over et element, vises et andet sæt menuer. Disse menuer giver dig mulighed for at konfigurere et bestemt elements indstillinger, f.eks. Dets indhold, dets layout eller tilføjelse af en tilpasset CSS til det.

elementspecifik menu

Divi Builder i aktion

Nedenfor er en gif til redigering af en side med Divi Builder. Du kan bruge sidebyggeren til at trække elementer rundt for at flytte dem, eller du kan dobbeltklikke på en tekst for at udføre indbygget redigering osv.

divi ui demo

Divi Builder's brugergrænseflade er minimalistisk - rent og enkelt, men har alt hvad du behøver for at få tingene gjort.

Det overvælder dig overhovedet ikke, holder dig fokuseret på dine designs. Det giver en fuldskærmsoplevelse.

Som du kan se, hvad angår brugervenlighed, Elegant Themes har arbejdet på at lave Divi Builder enkel, men kraftfuld på samme tid.

Elementor brugergrænseflade

Elementor-grænsefladen er meget forskellig fra de fleste andre sidebyggere. Hvis Divi builder fokuserer på minimalisme, Elementor fokuserer på tilgængelighed, men brugeroplevelsen er også fantastisk med denne sidebygger.

Vi vil bruge denne sektion af vores Elementor vs. Divi Builder sammenligning for at fokusere på forskellene mellem de to.

Elementor bruger konceptet med byggeklodser, som bruges til at bygge hver side i flere sektioner.

Tag et kig på følgende 1-minutters video, som forklarer præcis, hvordan dette fungerer:

Oprettelse af en ny side med Elementor-grænsefladen vil bringe dig til WordPresss standardeditor.

For at begynde at redigere siden skal du klikke på knappen "Rediger med Elementor" på den øverste del af skærmen.

Download en kopi af pluginet

Opret ny side

Ved at klikke på knappen åbnes Elementors brugergrænseflade, som er sammensat af to dele: den faste sidebar og side preview.

elementor ui

Du kan skjule den faste sidebjælke ved at trykke på det lille ikon vist i gif'en nedenfor:

skjul sidebjælke

Hvis du skjuler sidebjælken, kan du få en forhåndsvisning i fuld skærm af din side.

Tilføjelse af elementer i Elementor

For at tilføje et element til siden skal du blot trække og slippe et fra sidepanelet til siden.

træk og slip

Sidebjælken ændres til at vise indstillinger, der er specifikke for det element, der lige blev tilføjet.

Den røde plusknap og mappeikonet i sideeksemplet giver dig mulighed for at tilføje et nyt afsnit eller indlæse en skabelon fra dit bibliotek.

Efter at have trukket og slippe et element, vil du bemærke, at siden nu viser muligheder for det valgte element i stedet for.

For at gå tilbage til elementvælgerpanelet kan du klikke på ikonet for firkantede fliser i øverste højre hjørne af sidepanelmenuen.

sidebar navigation

Klik på dette ikon, og du vil være i stand til at gå tilbage til elementvalgspanelet. Du kan nu trække og slippe et andet element herfra til siden.

Sidebar

Den faste sidebjælke er opdelt i tre dele.

  1. Øverste menu
  2. Kroppen
  3. Nedre menu

Den øverste menu indeholder generelle indstillinger, kroppen viser info om det aktuelt valgte element, og den nederste menu viser yderligere indstillinger, som du kan konfigurere. 

Øvre menu

Den øverste sidebar menu i Elementor sidebyggeren er i øverste venstre hjørne af sidebjælken. Her kan du konfigurere standardindstillinger for stilarter og skrifttyper, farvevælger osv.

øverste sidebar menu

Der er andre forskellige emner tilgængelige i denne menu bortset fra stylingindstillinger.

Der er en søgefunktion, et link til Elementors indstillingsside og mere. Du kan også finde den blå gå ud til instrumentbrættet knap, som fører dig tilbage til WordPress-dashboardet.

Bundmenu

I bunden af ​​den faste sidebjælke kan du se yderligere menupunkter.

nederste sidebar menu

Fra venstre mod højre har vi indstillingerne, navigatoren, historik, responsiv tilstand, ændringer i forhåndsvisning og knappen Publicer.

Udgiv-knappen har sin undermenu, som du kan få adgang til ved at klikke på den lille opadgående pil ved siden af.

Hvis du klikker på den, får du yderligere to lagringsmuligheder: Gem kladde og Gem som skabelon.

yderligere menu

Indstillinger - Gearikonet placeret længst til venstre i den nederste menu. Den indeholder indstillinger for den side, du arbejder på i øjeblikket.

Du kan redigere din sides titel, tilføje et fremhævet billede, ændre dets publiceringsstatus (udkast, planlagt, offentliggjort), ændre standardlayoutet osv.

Du kan også bemærke tilstedeværelsen af ​​to ekstra faner: stil fremskreden faner.

panelet til sidebjælkeindstillinger

I stilfanen kan du konfigurere sidens kropsstilindstillinger. Du kan definere en baggrundsfarve eller et billede, og du kan også ændre polstringen.

Og i den avancerede fane kan du tilføje din tilpassede CSS.

Navigator - En hierarkisk visning af elementerne på siden. Dette kan sammenlignes med Divi builder's wireframe-tilstand. Navigatoren er en flydende menu, der repræsenterer din sides elementhierarki. Du kan omarrangere elementer ved hjælp af navigatoren, selvom dens funktionalitet ikke er så god som wireframe-tilstanden i Divi Builder.

navigator

Historie - Giver dig mulighed for at vende tilbage til en tidligere version af dine redigeringer og se historik. Kun redigeringer af den aktuelle session gemmes.

Der er én ting, der adskiller Elementors historiefunktion fra Divi Builder, og det er en stor en.

Der er en anden fane mærket "revisioner" i historikpanelet. Disse revisioner bevares selv efter afslutter sidebyggeren eller endda efter at du har lukket din browser.

Hver gang du trykker på knappen "opdatering", gemmes en ny revision.

revisioner

Desuden gør pluginet også autosparinger, der forhindrer dig i at miste dit arbejde på grund af problemer som browsernedbrud.

Dette giver dig mulighed for nemt at gå tilbage til en tidligere revision, selvom du lukker editoren, logger ud fra WordPress eller lukker din computer ned.

Responsiv tilstand - Se et eksempel på, hvordan din side vil se ud i forskellige enheder og skærmopløsninger.

responsiv forhåndsvisning

Vis ændringer - Åbn en ny fane, så du kan få en live forhåndsvisning af din side.

Elementspecifikke menuer

Hvis du klikker på noget på forhåndsvisningssiden, vises en elementspecifik menu med dens unikke muligheder, som du kan konfigurere.

elementspecifik menu 2

Elementor i aktion

Den næste del af vores Divi vs Elementor sammenligning viser vi Elementor i aktion, så du kan forstå forskellen mellem disse to sidebyggere.

Nedenfor kan du se, hvordan vi kan trække og slippe elementer rundt for at flytte dem, hvordan du kan redigere tekstsømlessly og hvordan du kan tilføje nye elementer.

elementor ui demo

Når vi sammenligner Divi vs Elementor, ser vi, at de har et andet fokus.

Den første fokuserer på enkelhed og renlighed, den sidste på tilgængelighed og tilgængelighed.

Så hvem vinder, når det kommer til Elementor vs Divi - hvilken visual builder er lettere at bruge?

Vi tror ikke på, at der er en vinder med hensyn til brugervenlighed. Både Elementor- og Divi-sidebygere har en grænseflade, der hjælper dig med at få arbejdet gjort.

Elementor vs Divi UI Vinder: Binde

Lær mere på plugins websted

De faktiske "elementer" eller "moduler" sammenlignes i den næste del af vores Elementor vs Divi sammenligning.

Elementor vs Divi: Elementer

Elementerne er det, du skal bruge til at bygge dine sider. Med hensyn til Divi vs Elementor er brugen af ​​terminologi lidt anderledes, men generelt er begreberne ens.

Divi Builderelementer: sektion, rækker og moduler

Divi Builderelementer er opdelt i tre hovedkategorier: sektion, der fungerer som en container, rækker, der fungerer som en skillevæg, og moduler, som er det faktiske indhold.

Billedet nedenfor viser dig en tom side. Denne side har tre sektioner. 

Det andet afsnit har en række indeni, som er fremhævet i grønt. Rækken er opdelt i tre kolonner. Kolonnerne er tomme.

Endelig har den nederste sektion også en række indeni, selvom den ikke er fremhævet. Rækken er også opdelt i tre kolonner, svarende til den i den anden sektion.

Den midterste kolonne i den nederste række indeholder et knapmodul.

 

elementerne

For at tilføje sektioner, rækker eller moduler skal du klikke på plusknapperne.

blå, lilla or appelsin plus-knappen tilføjer et afsnit (sektionens fremhævningsfarve ændres afhængigt af typen af ​​sektion: blå for almindelig, lilla for fuld bredde og orange for specialitet), grøn plus-knappen tilføjer en række og sort plus-knappen tilføjer et modul.

Sektioner

In Divi Builder, fungerer sektionen som en beholder til rækker og moduler.

Du kan bruge sektioner til at opdele din side i forskellige dele.

For eksempel kan du have tre sektioner på en side; den første er en om sektion, den anden er en kontakt sektion og den tredje er en virksomheds placering sektion.

Sektioner er 'uafhængige' af hinanden. Hvis du anvender en blå baggrundsfarve i det første afsnit, påvirkes de to andre sektioner ikke.

Tilføjelse af sektioner - Hvis du klikker på den blå (eller orange eller lilla) plusknap på siden, kan du tilføje en ny sektion.

Ved at klikke på den angivne knap får du en dialogboks, der beder dig vælge mellem tre forskellige typer sektioner: almindelig, specialitet og fuld bredde.

nyt afsnitDer er også mulighed for at tilføje et afsnit fra dit bibliotek. Hvis du tidligere har gemt et afsnit, kan du nu finde det her og være i stand til at tilføje det til siden.

Hvis du placerer musen over et element, fremhæves det, og der vises en handlingslinje i øverste højre hjørne af det fremhævede område.

indstillinger sektion

For sektionselementer har du følgende:

  • Flyt sektion
  • Indstillinger sektion
  • Kopier sektion
  • Gem sektionen i biblioteket
  • Slet sektion
  • Yderligere sektionsindstillinger
    • Gem i biblioteket
    • splittest
    • Deaktiver
    • Lås
    • Kopier sektion
    • Kopier sektionsstil
    • Nulstil sektionstil
    • Se ændret stil
    • Udvid sektionsstil

De fleste af disse muligheder er selvforklarende, men hvad der er interessant her er split test valgmulighed.

Dette er en A / B testfunktion, der giver dig mulighed for at udføre split test på enhver form for Divi Builder element.

Når det kommer til Divi vs Elementor med hensyn til A/B-test, kommer Divi-temaet øverst. Den eneste måde at opdele test med Elementor på er ved at bruge et tredjepartsplugin eller -tjeneste såsom Google Optimize.

Ved at klikke på tandhjulsikonet (sektionsindstillinger) vises en dialogboks med yderligere konfigurationsindstillinger for det fremhævede afsnit.

sektionens indstillingsdialog

Sektionsindstillingsdialogboksen indeholder tre faner: Indhold, Design og Avanceret.

Indholdsfanen indeholder elementer relateret til indholdet af det valgte element, mens design og avanceret fane indeholder stilindstillinger.

Rækker

Som med de fleste andre sidebyggere er rækker elementer, der ligger i en sektion. Når du tilføjer en række, skal du vælge en rækkevariant, der adskiller sig i, hvor mange kolonner den har som standard, og hvor stor hver kolonne er.

Rækker bruger lydhør 12-søjles gitter

rækkevalg

Hvis du vil have en mere kompleks kolonnestruktur, skal du bruge en specialafdeling.

specielle sektioner

Specialafsnitets rækkevarianter har en mere kompleks kolonnelayoutstruktur, som du kan se på billedet ovenfor.

Rækkeindstillinger - En række har en handlingslinje, når du holder musen over den, så du kan få adgang til bestemte menupunkter. Det har stort set de samme ting som findes i sektioner, bortset fra ændre søjlestruktur mulighed, der er eksklusiv for rækkeelementer.

ændre søjlestruktur

Moduler

Moduler i Divi Builder er, hvad du vil bruge til at tilføje synligt indhold til din side. Modulerne er webstedselementer såsom tekst, billeder, afsnit, videoer, kontaktformularer, kort osv.

Ved at klikke på den sorte plusknap åbnes en modulvælgerdialogboks. En anden dialogboks vises med indstillinger, der er skræddersyet til det specifikke modul, du valgte.

Hvis du f.eks. Vælger tekstmodulet, vises en pladsholdertekst i det valgte område.

Ved hjælp af dialogboksen kan du redigere selve teksten og tilføje typografier, tilføje tilpasset CSS osv.

tekstmodul

For at åbne et moduls indstilling skal du holde musen over modulet, indtil handlingslinjen vises, og derefter klikke på gear / indstillingsikonet.

modulindstillinger

Indstillingsdialogboksen har tre faner: Indhold, Design og Avanceret.

  • Fanen Indhold indeholder konfigurationsindstillinger for modulet. Dette varierer fra modul til modul.
  • Fanen Design indeholder designindstillinger, der giver dig mulighed for at ændre indholdsjustering, mellemrum, typografi osv.
  • Fanen Avanceret giver dig adgang til muligheder såsom avanceret CSS-konfiguration, overgange osv.

Bedømmelse:

Adgang til elementer, især modulelementer, er lidt finurligt, da du skal klikke flere gange bare for at få dem.

På den anden side måske en af ​​de bedste ting ved Divi Builder's elementer er de særlige rækker. Disse giver dig mulighed for relativt let at opbygge et komplekst layout og positionering.

Lad os nu tage et kig på Elementors elementer næste gang i vores Elementor vs Divi builder opgør.

Elementor-elementer: sektion, kolonner og widgets

Elementor har tre forskellige elementkategorier: sektion, der fungerer som en container, kolonne som deler sektionen og widgets som er det faktiske indhold.

På billedet nedenfor kan du se en tom side opdelt i tre sektioner.

Den øverste sektion er tom. Den anden sektion indeholder tre kolonner og den nederste sektion, der også indeholder tre kolonner, hvor den midterste kolonne indeholder en knapwidget.

elementerne 2

Tilføjelse af elementer på siden er så simpelt som at trække og slippe en widget fra sidepanelet til et tomt område.

Du kan bare trække en widget fra sidebjælken til et tomt område på din side, og du er færdig.

Det opretter automatisk en sektion med en enkelt kolonne, der indeholder din valgte widget.

tilføje elementer

Hvis du redigerer et element, vil sidebjælken ændre dets indhold for at vise de relevante indstillinger.

Som med Divi kan du trække og slippe elementer for at flytte dem på siden. Du kan klikke på enhver tekst på siden for at redigere direkte og frit ændre størrelsen på kolonner.

Et højreklik på ethvert element på siden åbner en kontekstmenu, som varierer lidt afhængigt af hvilken type element, der er valgt i øjeblikket.

Sektion

Sektionen fungerer som en container til kolonner og widgets.

Der er to slags sektioner i Elementor, the normal sektion og indre sektion.

Den indre sektion kan kun eksistere inden for en normal sektion. En indre sektion svarer noget til kolonner, men du kan have flere indre sektioner og flere kolonner i dem, så du kan oprette komplekse layout.

tilføje nye sektioner

 Hvis du holder markøren over et hvilket som helst element på siden, fremhæves den sektion, som de tilhører. Den fremhævede sektion har en lille menu øverst.

Denne lille menu har tre punkter: tilføj nyt afsnit (plus-knap), rediger sektion (stiplet område) og slet sektion (knap x).

sektionsmenu

Tilføj nyt afsnit tilføjer et nyt tomt afsnit oven på de fremhævede.

Redigeringsafsnittet viser sektionsindstillinger på sidepanelet. Du kan også få adgang til dette ved at højreklikke på en tom del af sektionen.

I sektionsindstillingerne er der tre faner: Layout, Stil og Avanceret.

Du kan konfigurere layout- og strukturindstillingerne på fanen Layout. På fanen Stil kan du konfigurere stilindstillinger, og på fanen Avanceret kan du konfigurere yderligere avancerede stil- og attributindstillinger.

sektion stil avanceret fane

Kolonner

Kolonner fungerer som en beholder for widgets, inklusive de indre sektions widgets.

Når du tilføjer et nyt afsnit, kan du vælge, hvor mange kolonner det skal indeholde.

nye kolonner

Adgang til kolonneindstillinger sker ved at holde musen over en kolonne og højreklikke på det nu synlige kolonneikon.

Forskellige muligheder vil dukke op, så du kan redigere kolonnen, duplikere kolonnen, tilføje en ny kolonne osv.

kolonneindstillinger

Hvis du vælger redigeringskolonnen, ændres sidebjælken til at vise kolonnerelaterede indstillinger. Ligesom i sektionsindstillinger har den også tre faner: Layout, Stil og Avanceret.

panelet til kolonneindstillinger

Fanen Layout indeholder layoutkonfigurationsindstillinger såsom kolonnebredde, justering osv .; mens typografien og de avancerede faner stort set er de samme som hvad du kan se fra sektionens indstillinger.

Widgets

Den næste del af forskellene mellem Elementor vs Divi, når det kommer til de faktiske elementer, er widgets.

Widgets er indholdet eller elementer (dermed Elementor) du kan bruge på dine sider.

Tilføjelse af en widget er lige så enkel som at trække en fra sidebjælken til siden eller ved at klikke på plusknappen for at få widget-valgpanelet frem og derefter trække og slippe.

Hvis du vælger en widget, ændres sidebjælken til at vise de konfigurerbare muligheder for det pågældende element.

widgetindstillinger

Du kan også få adgang til dette panel ved at højreklikke på et element og vælge rediger [elementnavn] punkt i genvejsmenuen.

Hver widget har også fanerne Stil og Avanceret, som du kan få adgang til fra sidepanelet.

Fanen Stil ændres i henhold til den valgte widget. For eksempel har billedwidgets ikke typografistilingsmuligheder, mens tekstwidgets ikke har dimensionsindstillinger.

Fanen Avanceret er den samme som i de andre elementer.

Oplev alle tilgængelige elementer

Globale widgets

Der er en speciel type widget i Elementor: globale widgets. Du kan gemme en widget som en global widget og bruge den hvor som helst på siden eller webstedet.

Du kan også redigere dem alle på én gang på et enkelt sted.

Bedømmelse:

Elementor har et bredere udvalg af elementer i forhold til Divi Builder. Men da de begge understøtter tredjeparts widget-plugins, udligner det lidt.

Elementor giver en hurtigere måde at tilføje elementer til en side, da du bare kan trække og slippe dem fra sidebjælken til forhåndsvisningen.

Divi Builder kræver, at du klikker flere gange, før du kommer til det element, du vil tilføje.

Ligesom vores forrige afsnit af sammenligningen mellem Elementor og Divi er dette meget tæt, selvom Elementor måske har en lille kant i denne.

Nu er det tid til at sammenligne stylingmuligheder i Elementor vs Divi sidebyggere!

Elementor vs Divi: Styling

Vores Elementor vs Divi builder ville ikke være komplet uden et dybt kig på stylingfunktioner i begge sidebyggere.

Divi Builder Styling Options

Dobbeltklik på et element i Divi-sidebyggeren vil få vist indstillingspanelet. Du kan også få adgang til dette panel ved at holde markøren over et element, indtil en handlingslinje vises, og derefter klikke på tandhjulsikonet.

Der er tre faner i indstillingspanelet, indhold, design og avancerede faner.

Divi BuilderStylingmuligheder kan konfigureres via fanerne Design og Avanceret. Fanen Design giver dig mulighed for at konfigurere typografi, bokseskygger, margener, animationer, filtre osv. Disse er elementer, der kan konfigureres via skyder og inputnumre.

De er meget nemme at bruge.

stylingmuligheder til divi

Brug den avancerede fane til at tilføje tilpassede CSS-id'er og klasser, tilpasset CSS-kode, konfigurere synlighed og så videre.

Responsiv styling

Divi Builder lader dig definere forskellige stilindstillinger for forskellige enheder.

For eksempel kan du definere et tekstelements skrifttype som Verdana og få det til at have en størrelse på 20px på stationære enheder. Du kan definere en anden indstilling for mobil, som gør, at den har en Times New Roman-skrifttype og en størrelse på 10px.

lydhøre stilarter

Designmulighederne giver alle typer brugere mulighed for at tilpasse deres sider i vid udstrækning til deres behov.

Elementor Styling-muligheder

Valg af et element i Elementor-sidebyggeren ændrer, hvad der vises på sidepanelpanelet for at afspejle de tilgængelige muligheder for det pågældende element.

Alle elementer i Elementor har tre faner i deres indstillingspanel. Den første fane indeholder enten Indhold eller Layout, derefter Stil og Avanceret på henholdsvis anden og tredje fane.

Du kan konfigurere et elements stil gennem fanerne Stil og Avanceret.

Fanen Stil giver dig mulighed for at konfigurere forskellige stylingindstillinger såsom baggrundsfarver, kanter, typografi osv.

elementor styling potions

Fanen Avanceret indeholder avancerede stylingindstillinger såsom margener, brugerdefineret CSS-kode, bevægelseseffekter, responsive indstillinger osv.

avancerede stylingmuligheder

Responsiv styling

Du kan have separate stylingindstillinger for forskellige enheder i Elementor builder, ligesom Divi.

responsiv styling option elementor

Styring af standardstilindstillinger

Som standard, efter installation af Elementor, vil sidebygger-pluginnet automatisk anvende sine stilindstillinger for at tilsidesætte dit tema.

Du kan deaktivere dette ved at gå til Elementor > Indstillinger fra WordPress-dashboardet og kontrollere deaktivering af standardfarver og deaktivering af standardskrifttyper.

Elementor bruger nu dit temas standardskrifttype og farver i stedet for dets egne.

elementor-indstillinger

Der er også en stilfane, hvor du kan konfigurere forskellige grundlæggende standardindstillinger som standard generiske skrifttyper, standardindholdsbredde osv.

Bedømmelse:

Begge plugins tilbyder et fremragende sæt stylingværktøjer og muligheder, der henvender sig til alle.

Avancerede brugere og webdesignere, der ønsker mere kontrol, kan også nyde at bruge et af disse to plugins, da begge lader dem tilføje deres brugerdefinerede CSS-koder for yderligere designfunktioner.

Elementor vs Divi: Skabeloner

Et af nøgleelementerne i sidebyggere og temaer er mængden og kvaliteten af ​​skabeloner, der er tilgængelige som en del af produktet.

Lad os se, hvordan de to sidebyggere, Elementor vs. Divi builder sammenlign, når det kommer til færdiglavede skabeloner.

Divi Builder layouts

I Divis jargon kaldes skabeloner for layouts. Divi-sidebyggeren tilbyder 300+ layoutpakker færdiglavede komplette webstedsskabeloner.

De er opdelt i to typer: en layoutpakke bestående af flere layouts (flere sider) med samme tema og et enkelt layout (dvs. en enkelt side).

skabeloner

Layoutpakker indeholder flere sider samlet for at danne et komplet nicheside.

For eksempel indeholder en pakke skabeloner til hjemmesiden, om siden, kontaktsiden osv., Alt sammen efter et samlet sæt designs eller temaer. Et enkelt layout er kun en skabelon til en enkelt side.

Du kan også oprette og gemme dine egne skabeloner, så du kan genbruge dem senere. Du kan endda eksportere dem, så du kan bruge dem på et andet websted.

For eksempel kan du oprette en produktservice-landingsside (svarende til, hvad du kan byg med OptimizePress 3.0), som du derefter kan indlæse fra layouterne og bruge til forskellige kampagner, du muligvis kører. 

Disse omfatter både hele websteder og destinationssider til specifikke formål.

Elementor Skabeloner

Elementors skabeloner er opdelt i to typer: blokke og sider.

Den gratis version giver brugerne adgang til ca. 40+ blokke og 30+ sider, mens premium-versionen låser op for yderligere 50+ Pro-widgets og 300+ Pro-skabeloner.

Disse omfatter hele websteder og specifikke landingssider til særlige brugstilfælde.

Se hele listen over tilgængelige Elementor-skabeloner / temaer

Vi har også gennemgået en masse Elementor temaer og skabeloner her.

Blokke er enkeltsektionsskabeloner, som du kan indsætte på en side.

Der er klodser til

  • Kontaktformularer
  • Opfordring til handling knapper
  • OFTE STILLEDE SPØRGSMÅL
  • Priser tabeller
  • porteføljer
  • Headers
  • Services
  • Popup builder og et popup builder værktøj

 

elementor skabeloner

Selvom vi sagde, at der er 300+ sideskabeloner tilgængelige for Elementor premium-brugere, vil du måske det kontrollere, hvad der er tilgængeligt i dag.

Elemetor-teamet opretter og tilføjer konstant flere skabeloner til biblioteket, og vi er ikke i stand til at følge med den konstante strøm af Elementor-skabeloner, der udgives :-)

sideskabeloner

Da Elementor-sidebygger-skabelonbiblioteket løbende vokser, kan du kontrollere de seneste tilføjelser ved at klikke på "nyt" i øverste venstre hjørne af grænsefladen til valg af sideskabelon.

Du kan altid gemme din side i dit skabelonbibliotek, så du kan genbruge dem senere. Elementor giver dig også mulighed for at eksportere dine skabeloner, så du kan bruge dem på et andet sted. 

Mens både Elementor og Divi Builder plugins tilbyder et stort udvalg af skabelonvalg, på dette tidspunkt mener vi, at Divi builder tilbyder langt mere med hensyn til tal.

Ud over det gør Divi-tema det nemmere at bygge et helt websted takket være dets skabelonpakker.

Elementor vs. Divi Builder Vinder af skabeloner: Divi Builder

Elementor vs Divi: Temabygning

UPDATE: I denne artikels tidligere version havde kun Elementor en temaopbygningsfunktion.

Med udgivelsen af ​​Divi-tema 4.0 er denne funktion ikke længere begrænset til Elementor.

Divi Builder 4.0 større opdatering, der blev udgivet i oktober 2019, fokuserede på at udstyre Divi builder med kraftfulde temabygningsværktøjer. Dette giver brugerne mulighed for at bruge elementer, moduler og funktioner til at bygge ikke kun statiske sider, men også et dynamisk sidehoved, sidefod og kropslayout.

Vi har opdateret dette afsnit for at afspejle de nye ændringer, og vi har sat Elementor vs Divis temabyggingsfunktioner mod hinanden for at se, om sidstnævnte kan holde op mod førstnævnte.

Divi Theme Builder

En relativt ny funktion fra Divi builder, giver sidebyggeren dig nu mulighed for at oprette skabeloner, som du kan bruge til at tilsidesætte dit websteds sidehoved, sidefod og krops design, layout og endda adfærd.

Funktionerne minder ret meget om Elementors i mange aspekter, dette er en funktion, hvor Divi Builder indhenter Elementor.

Du kan få adgang til Divis temabygger ved at gå til Divi> Theme Builder.

divi tema builder

Derfra kan du oprette en ny skabelon, eksportere en skabelon eller importere en skabelon fra eksterne kilder.

En af ulemperne ved dette på tidspunktet for denne skrivning er, at der ikke er nogen måde at importere forudbyggede temabygger-skabeloner fra skyen. Du skal downloade en JSON-fil fra en ekstern kilde og uploade den for at importere en forudbygget skabelon.

Apropos forudbyggede temabygger-skabeloner, der er mange pakker tilgængelige gratis fra Divi builder udviklere selv, som du kan skaffe her. Bare søg efter "temabyggerpakker" i deres søgefelt, så kan du nemt finde dem.

Hvis du vil få flere af disse pakker, anbefaler vi, at du besøger Elegant Themes hjemmeside her og tilmelde dig deres nyhedsbrev.

Du kan definere en global skabelon, der vil tilsidesætte det overordnede udseende og fornemmelse af hele dit websted, og du kan også oprette målrettede skabeloner, der kan anvendes på specifikke indlæg, sider og dele af dit websted.

oprette en ny skabelon

Når du opretter en ny skabelon, vil Divi først spørge dig, hvor du ønsker, at skabelonen skal anvendes. Du kan vælge at anvende eller udelukke anvendelse af dine skabeloner på bestemte indlæg eller sider eller endda på specifikke tags og kategorier og mere.

Så kan du begynde at bygge og designe din skabelon. Hvis du har defineret en global sidehoved- og sidefodsskabelon, vil de automatisk blive tilføjet til din nye skabelon.

Klik på en af ​​dem tilføj tilpasset krop, tilføj tilpasset overskrift or tilføj tilpasset sidefod knapper åbner en lille pop op-menu, hvor du kan vælge mellem forskellige muligheder.

Disse muligheder inkluderer at vælge en forudlavet skabelon eller kopiere en eksisterende.

Derfra vil du have de sædvanlige Divi-værktøjer og -moduler til din rådighed for at begynde at bygge dit layout.

Elementor Theme Builder

Du kan få adgang til Elementor-temabyggeren gennem WordPress-dashboardet og gå til skabeloner > Temabygger.

I øjeblikket kan du oprette Elementor-skabeloner til sider, sektioner, pop op-vinduer, sidehoved, sidefod, enkeltindlæg, WooCommerce-sider og arkiver.

tema bygherre

Du bruger den samme brugergrænseflade som du har, når du opretter sider, kun denne gang er de tilgængelige elementer i sidepanelet skræddersyet til den specifikke skabelon, du prøver at oprette.

sidebjælke til temabygger

Når du er færdig med at redigere en temaskabelon, kan du vælge, hvordan og hvornår skabelonen skal vises.

For denne del er Divi builder er en smule nemmere at bruge end Elementor på grund af brugen af ​​afkrydsningsfelter.

Alligevelless, Elementor kommer stadig med finkornet kontrol, der er lig med Divi Builder.

Du kan vælge at inkludere og ekskludere dine Elementor-skabeloner ved hjælp af komplekse betingede regler. Lad os f.eks. sige, at vi har en skabelon kaldet "A". Du kan vælge at vise denne skabelon, hvis siden er under kategorien "tilbud", og hvis forfatteren er "John Doe".

Brugt korrekt kan denne Elementor-regelmotor være et utroligt kraftfuldt og nyttigt værktøj. Det giver dig fleksibilitet og tilpasninger på et meget detaljeret niveau. Dette er nok til at stjæle kronen i temabygningssektionen.

Få sidebygere har en sådan funktion, og dette er en stor differentiator.

Et andet bemærkelsesværdigt træk, som vi kan lide, er popup-byggeren. De fleste mennesker vil installere et nyt plugin for at opsætte popups på deres websted, men med Elementor popup builder-værktøjet behøver du ikke at have et ekstra plugin bare for at opsætte popups.

tema bygherre settigs

Elementor vs Divi Theme Builder Vinder: Elementor med en klar margin takket være antallet af værktøjer og hvad du kan opnå med dem.

Elementor vs Divi-priser 2023

Valget mellem Elementor og Divi Builder kan nogle gange alt sammen komme ned til priser.

Man giver fuldstændig mening for én gruppe og giver bogstaveligt talt ingen mening for en anden.

Elementorpriser

 

elementor pro-priser kontra divi 

Elementor Pro-priser starter ved $59/år for et websted og går hele vejen til $399/år for 1,000 websteder. Alle funktioner og ekstraudstyr er inkluderet i hver plan.

Men grunden til, at det er så populært, er, at det kommer med et GRATIS version.

Elementors gratis plan er faktisk nok til at skabe en smuk side og kommer med 40+ widgets og 30+ skabeloner.

Pro Tip: Hvis du har mere end ét websted, skal du bare gå med ekspertlicensen. Hvis du bygger websteder til kunder og ønsker at have en sidebygger, foreslår vi normalt, at du går efter ekspertlicensen og derefter opkræver hver klient prisen for en avanceret licens.

Dette giver dig mulighed for at bryde lige efter kun 2 websteder. Fra da af får du en bonus på $ 99 fra hver klient.

Klik her for den laveste pris på Elementor Pro 

Divi Builder Priser

Divi-priser vs Elementor

Divi Builder har ikke en gratis version, men de have en demo, som du kan få adgang til så du kan prøve det før du køber det. 

Divis prisfastsættelse gør det til en no-brainer for bureauer.

Vi har arbejdet med Elegant Themes og har fået adgang til en begrænset 10% rabat på Divi Builder forum CollectiveRay besøgende.

Givet prisen, og vores rabat som kun gælder indtil september 2023, vil vi stærkt anbefale dig at gå til livstidsadgangen - det er en no brainer.

Kun $ 249 ($ 224 med min rabat) giver dig livstidsadgang til Divis funktioner, support og community på alle dine sider til stadighed.

Det betyder, at du får:

  • Hvert tema, de har
  • Ubegrænset brug til ubegrænsede websteder
  • 800+ webstedspakker
  • Sidebyggeren
  • Salgsfremmende værktøjer
  • Testværktøjer

Ingen grund til at forny. Ingen grund til at bekymre sig om opdateringer (mere om det næste). Ingen stress. Bare klik, betal og brug for evigt.

BEMÆRK VENLIGST: Divi koster kun $ 80 / år med min rabat, men hvis du er en virksomhed, sparer du penge bare ved at købe adgangen til levetiden nu. Hvis du har forretning i 10 år, er det $ 800. Hvis du køber adgang for livet nu, er det $ 224. Det er en no brainer.

Få 10% rabat på Divi Builder indtil september 2023


Elementor vs. Divi Builder Prisafgørelse:

Elementor er perfekt til begyndere på et budget og virksomheder med et websted. Men den årlige prismodel vil koste dig hundreder eller endda tusinder af dollars mere i løbet af din virksomheds levetid.

Divis engangs-, livstidsadgangsplan er perfekt til bureauer og større operationer.

Et ord med forsigtighed: Lad ikke dit websted være åbent for hack og risikér din virksomhed

Undskyld, men jeg har en anden hurtig historie om, hvordan jeg prøvede at tage en genvej, og det kostede mig næsten dyrt.

Dette skete, da vi forsøgte at undgå at betale et abonnement på Elementor.

Vi troede, at det ville være en god idé for os at gå til et års abonnement på Plus-niveauet og derefter ikke forny. Når alt kommer til alt, når webstedet er oprettet, behøver vi ikke flere opgraderinger og support, ikke?

FORKERT. Opdateringer er absolut kritiske!

For nylig blev der opdaget en sårbarhed i Elementor Pro. 

Denne sårbarhed efterlod websteder modtagelige for hacks. 

Elementor lappede det med det samme. Der var kun et problem...

Det viser sig, at vi uden et aktivt abonnement ikke var berettiget til nogen opdateringer.

Så vores websteder blev siddende ænder. Husk, at gennem denne sårbarhed blev ikke-patchede websteder angrebet og hacket.

Så for at spare $ 100 i fornyelsesgebyr mistede vi næsten vores websteder og et antal kunder hos dem.

Derfor et hurtigt ord. Lad aldrig dit abonnement bortfalde, hverken for Elementor eller for Divi (Derfor anbefaler vi altid en LEVETIDSabonnement). 

Derfor, hvis du har mere end 1 websted, skal du altid gå til livstidsabonnementet! Det sparer dig så meget tid, penge og stress.

Hvor skal du hoste din Page Builder

Både Divi og Elementor er kommet med et nyt koncept.

For at gøre det nemt for folk, der har brug for forenklet webstedsadministration og vedligeholdelse, har de udgivet en version af deres produkter, som er fuldt hostet.

Det betyder, at i stedet for at du skal finde din egen hjemmeside-hosting-server, installere og vedligeholde WordPress, UDOVER at bygge dit websted, tager deres hostede version sig af hosting-aspekterne.

Du skal så blot fokusere på opbygningen af ​​hjemmesiden.

Begge virksomheder er kommet med et lignende produkt, hvor Elementor tilbyder Cloud Website Builder til en pris af $99/år.

Divi tilbyder også en hostingmulighed for deres produkt, kendt som DiviCloud

I det væsentlige er begge disse produkter WordPress med plugin installeret, men hostet på en tjeneste, hvor du ikke behøver at håndtere noget af det grusomme WordPress.

Prisen er ret attraktiv, hvis du ønsker en hands-off tilgang til din WordPress, når din hjemmeside er oppe.

Udtalelser - Hvad andre brugere siger

Bbegge Divi Builder og Elementor Pro har titusindvis af brugere. Det fantastiske, at der ikke er den store forskel i vurderingerne af Elementor vs Divi Builder, de er begge højt vurderet.

Tjek vurderingerne for Elementor sidebygger på WordPress-biblioteket:

elementor sidebygger gratis ratings

Forskellige mennesker, lige fra udviklere til afslappede brugere, har haft erfaring i en eller begge af dem, og mange store WordPress-personligheder har deres egen mening og tanker, når det kommer til disse plugins.

Hvad folk siger om Divi Builder

Med Divi builder, folk roser altid deres supportteam, de fleste 4- og 5-stjernede anmeldelser nævner altid, hvor stor deres støtte er.

Selvom Divi Builder kan være lidt sværere at bruge end Elementor, deres supportteam er der for at bakke dig op.

gennemgang 1

"Elegant Themes Divi Builder og temaet er fantastisk. Jeg søgte højt og lavt efter et tema med en solid front-end editor/sidebygger og spildte penge på masser af temaer af lav kvalitet. Da jeg endelig fandt Divi, vidste jeg, at det var temaet for mig, og jeg bruger det nu i mit marketingbureau til at bygge kundens websteder, fordi det fungerer så godt. De har også fantastisk support, der er kyndige og klar til at hjælpe dig med enhver webstedstilpasning, du kan tænke på. ”

gennemgang 2

”Jeg har været medlem af Elegant themes i et par år nu, og jeg elsker det virkelig. Jeg har lavet fantastiske websteder til kunder ved hjælp af deres strålende temaer og plugins og kan aldrig se mig selv bruge noget andet. Kundeservice er uden sidestykke, de er hurtige til at svare, og rådene er grundigt pålidelige. Fremragende selskab. ”

Hvad folk siger om Elementor Pro

Elementors brugere roser, hvordan det er et af de bedste gratis side builder plugins på markedet, og hvor let det er at bruge, at selv nybegyndere ikke har nogen problemer med at bruge det.

gennemgang 3

"Jeg er en ny bruger af pluginet, men jeg kan ikke understrege nok, hvor nemt pluginet er at opsætte og de tidsbesparende funktioner, det tilbyder!"

gennemgang 4

"Ny hos WP, men Elementor er en super sidebygger. Det gør virkelig webudvikling hurtigere og meget less frustrerende. Plus det gør et smukt stykke arbejde. En af de funktioner, jeg virkelig virkelig elsker, er muligheden for at gå tilbage til tidligere versioner, når jeg eller computeren skruer noget op. Du kan gå tilbage til den tidligere ændring eller enhver ændring i denne session eller enhver gemt ændring. Elsker blok -konceptet! Kunne bruge flere blokskabeloner. At oprette Elementor -skabeloner er så let at gøre og bruge. Jeg ville ønske, at der var en PHP -widget. Udfordringen er at følge med i alle de nye forbedringer, da de ofte rulles ud. Forsøger altid at forbedre dette gode produkt. Fortsæt det gode arbejde fyre! "

Indpakning: Elementor eller Divi?

Divi Builder og Elementor tilbyder begge en lang række funktioner, der let kan hjælpe dig med at bygge smukke sider. Begge sidebyggere har fokuseret på brugervenlighed.

Selvom de har mange ligheder, er deres brugergrænseflader ret forskellige.

Elementor tilbyder tilgængelighed ved at have en sidebar, der indeholder værktøjer og muligheder, mens Divi går enkelhed ved at vise så få UI-elementer som muligt.

Hvad angår antallet af standardskabeloner, tilbyder Divi flere muligheder sammenlignet med Elementor, men begge plugins har en import- og eksportmulighed, så du kan tilføje snesevis af tredjepartsskabeloner fra andre kilder.

Prismæssigt er Elementor Pro dyrere end Divi Builder da sidstnævnte har en levetidslicens og ubegrænset brug af webstedet.

Elementor har en maksimal pris på $399 om året, hvilket giver dig mulighed for at bruge det til tusind steder. Det tilbyder også en gratis version, der stadig tilbyder en kraftfuld pakke af værktøjer og endda skabeloner, der lader dig bygge smukke sider.

Kode renlighed

Hvad angår koderenshed, vil Elementor efterlade ren og gyldig HTML-kode, hvis du deaktiverer den.

Divi vil efterlade nogle kortkoder på siderne, som er noget af et problem at rette, så det låser dig lidt inde.

Men i betragtning af, at de har en livstidslicensmulighed, er det lidt berettiget.

Ydeevne

Indtil for nylig var der ikke meget at vælge mellem Elementor og Divi med hensyn til ydeevne. Det hele ændrede sig med seneste opdatering til Divi.

En ny opdatering til WordPress -temaet betyder, at det nu er lettere og hurtigere end nogensinde før.

Holdet har ændret sig meget under emhætten. CSS er reduceret med 94%, Divi bruger nu dynamisk CSS og smarte stilarter til at indlæse bare CSS for den side, der skal ses, og duplikationer er reduceret over hele linjen.

Andre præstationsforbedringer i Divi inkluderer introduktionen af ​​dynamisk PHP til at strømline behandling, JavaScript-optimeringer, Gutenberg-stilarkudsættelse, jQuery-udsættelsescache til Google Fonts og inline-stilark.

Divi scorer nu 100 på Google PageSpeed ​​Desktop og 99 på Google PageSpeed ​​Mobile!

Sikkerhed

Elementor har haft flere alvorlige sikkerhedsproblemer tidligere, men de blev afbødet og løst let.

Divi builder har også oplevet et alvorligt sikkerhedsproblem i januar 2020.

Divi builder og tema oplevede en sårbarhed ved injektion, der krævede en opdatering.

Dette fører os til en simpel konklusion, uanset leverandørens størrelse, er sårbarheder altid en mulighed. Kernen er, hvordan sælgeren reacts til en sådan sårbarhed. Begge disse leverandører har reageret meget modent på sårbarheden.

Tema bygning kapacitet

Da denne artikel først blev skrevet, havde Divi ikke en temabygningsfunktion. så vi anbefalede tidligere Elementor, hvis du havde brug for temabygningsfunktioner.

Men hvordan er situationen i disse dage, når det kommer til Divi vs Elementors temaopbygning?

Alt ændrede sig, da Divi 4.0 blev udgivet.

På dette tidspunkt kommer både builder og Elementor med det samme sæt funktioner.

Med hensyn til tilpasning og kontrol, Divi og Elementor er der meget lille forskel mellem de to.

Begge tilbyder kraftfulde temaopbygningsfunktioner med finkornede kontroller, der giver dig mulighed for at opbygge og designe dit websted på den måde, du vil. Fra tilpassede statiske sider til brugerdefinerede sidehoveder, sidefødder og body-layout kan du bygge dem alle!

Så hvem vinder denne Elementor vs. Divi builder sammenligning?

Der er en ting, der gør Divi builder det bedre produkt generelt og tager kanten: Divi-temaet.

Divi kommer i to former: et tema og et plugin. Du ville bruge plugin'et, hvis du vil bruge Divi builder med tredjepartstemaer. Ellers ville du tilmelde dig at bruge temaet.

Hvorfor er det vigtigt?

Integration og kompatibilitet.

Hvis du vælger temaet, har du nul kompatibilitetsproblemer.

Elementor har deres eget tema, men når man sammenligner det med Divi-temaet - er der absolut ingen sammenligning.

"Hello Elementor"-temaet er barebones og er beregnet til avancerede brugere og udviklere, så de kan videreudvikle på det. Hvis du vil have et funktionsrigt Elementor-tema, skal du installere et tredjepartsprodukt.

Du kan overveje at bruge Astra i dette tilfælde - et Elementor-tema.

Store forskelle i temabygning

En af de største forskelle mellem at bruge Elementor og Divis temabygningsfunktion er editoren.

Der er ret stor forskel på brugeroplevelsen, i sidste ende kommer den, du foretrækker, ned til oplevelse og personlige præferencer.

Når du redigerer en sidehoved, sidefod eller tilpasset brødtekstskabelon i Divi Builder, vil redaktøren kun fokusere på det pågældende område af dit websted.

For eksempel, når du redigerer en brugerdefineret overskrift, er det eneste, der vil være synligt på din skærm, intet andet end overskriftsområdet.

divi brugerdefineret header editor

Ved hjælp af Elementor får du et overblik over hele hjemmesiden, uanset om du redigerer en sidehoved, sidefod eller et body-layout.

elementor tilpasset header editor

I den forbindelse kan vi sige, at Divi builder fokuserer på distraktionsfri redigering, mens du ved hjælp af Elementor ser hele billedet til enhver tid.

Læs mere: WP Bakery vs Divi - en fuld sammenligning.

Elementor vs Divi: Fordele og ulemper

Hvert produkt har styrker og svagheder, og Elementor og Divi er ikke anderledes. Det er nok klart efterhånden, hvad jeg tror, ​​de er, men for at opsummere:

Fordele ved Divi:

  • Ren, moderne grænseflade
  • Den nye Divi Builder har ændret spillet
  • Tillader fri brug af widgets og shortcodes
  • Prisen er fremragende for bureauer og flere websteder
  • Masser af skabeloner og designs at bruge

Ulemper ved Divi:

  • Du kan ikke importere en hel hjemmesideskabelon, kun individuelle sider
  • Afinstallation efterlader kode
  • Omkostninger virker kun for flere websteder

Fordele ved Elementor:

  • Enkel at bruge og tilpasse
  • Fremragende layoutstyring og fin kontrol
  • Hundredvis af tilpasninger mulige
  • Gratis version gør det meget tilgængeligt
  • Premium-versioner tilbyder masser af ekstra funktioner

Ulemper ved Elementor:

  • Kræver et separat WordPress-tema
  • Dyrere end Divi

Elementor vs Divi: Ofte stillede spørgsmål

Hvad er Divi?

Divi er både en sidebygger og en WordPress -temakombination. Det er et fuldt multifunktionsprodukt, der kan bruges til at bygge enhver form for websted fra bunden, uanset om det er e-handel, nichebaseret eller branchespecifik eller et porteføljewebsted. Det er produceret af Elegant Themes og er et af de mest populære WordPress -produkter rundt omkring og er blevet solgt mere end 850,000 gange.

Hvad er Elementor?

Elementor er en af ​​de mest populære WordPress-sidebygere rundt. Selvom det ikke er et tema, har det også stærke temaopbygningsfunktioner. Typisk bruges Elementor sammen med et tema til at oprette brugerdefinerede indlæg og sider ved hjælp af træk og slip-funktioner. Elementor har en gratis og betalt version. Takket være den gratis version, og i de sidste par år har den millioner af aktive installationer.

Hvad er forskellen mellem Divi og Divi builder? 

Divi er WordPress -temaet, Divi builder er træk og slip -editoren eller sidebyggeren, der er en del af Divi -temaet. I virkeligheden behøver du ikke at skelne mellem dem, fordi de arbejder sømlessly sammen.

Kan jeg bruge Divi på flere websteder?

Ja, når du først har købt Divi til en pris af $89, kan du bruge dette på ubegrænsede sider, men du får kun support og opdateringer i 1 år. Der er en version til $249, som har ubegrænset levetid på websteder, ubegrænset support og opdateringer. Hvis du bruger vores link fundet på denne side, får du 10% rabat på begge priser.

Er Elementor den bedste sidebygger?

Elementor er den bedste sidebygger i øjeblikket. Selvom dette er subjektivt, og det måske ikke passer for alle, tror vi stærkt på, at ingen sidebygger i sig selv kan matche dets funktioner. Selvfølgelig betyder det ikke, at det er egnet for alle. Divi med sit bundt af tema + sidebygger er også en fremragende mulighed for mange mennesker.

Er Divi bedre end Elementor?

For nogle mennesker, som ikke ønsker at købe et separat tema og sidebygger, kan Divi give mere værdi, især hvis du køber livstidsaftalen. Hvis du planlægger kun at bygge én hjemmeside, mener vi, at Divi er et godt valg. Hvis du planlægger at bygge flere websteder, eller er en udvikler eller designer, kan Elementor være bedre, fordi det er kompatibelt med flere temaer, men det vil være dyrere end Divi generelt.

Vil Divi og Elementor arbejde med Gutenberg?

Ja, både Divi og Elementor fungerer godt sammen med Gutenberg. 

Kan du bruge Elementor med Divi?

Ja, du kan bruge Elementor med Divi, hvis du har de rigtige plugins installeret, men i betragtning af at Divi har sine egne sidebyggerfunktioner, mener vi, at det generelt ville være bedre for din hjemmeside at bruge divi-plugin'et hele vejen igennem.

Elementor vs. Divi Builder: Endelige tanker

Så hvad er den endelige dom, når det kommer til Divi vs Elementor sidebyggere? 

I sidste ende er både Divi og Elementor fremragende sidebygere. Det kommer ned til din forretning og dine mål.

Hvis du har brug for den nemmeste bygherre, der findes, til et sted eller har brug for en GRATIS plan - vælg Elementor.

Hvis du er et bureau med masser af sider og har brug for at bygge hundreder af sider - vælg Divi. Der er en grund til, at alle seriøse agenturer og virksomheder bruger Divis levetidstilgang: Det er den bedste værdi i virksomheden.

Få Divi nu   Hent Elementor nu

Om forfatteren
David Attard
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...