Velkommen til min objektive Elementor vs Divi anmeldelse for 2023.
Jeg skylder byråets suksess til disse to sidebyggerne (og kaldbrygget kaffe), men de er for to helt forskjellige typer kunder. Hvis du velger feil, tar du snarveier eller får feil plan du kan:
- Kaste bort hundrevis av dollar (og enda viktigere, mange mange timer)
- Gjør nettstedene dine åpne for hack
- Begrens din evne til å skalere virksomheten din seriøst
Men ikke bekymre deg, det er faktisk veldig enkelt å velge den perfekte sidebyggeren IF du vet hva du skal se etter. Jeg har mange års praktisk erfaring med begge deler, så la meg gå deg trinn for trinn gjennom alt på vanlig engelsk med skjermbilder, gifs og alt annet!
Ta en kaffe (eller din foretrukne varme drikke), fordi du er i ferd med å dykke ned i:
- Divi eller Elementor? Hvordan raskt vurdere din nåværende situasjon og bestemme hvilken som er bedre.
- Hvordan bestemme ut fra budsjett, dyktighet og god erfaring med både Elementor og Divi
- Den viktigste prisforskjellen som kan spare deg for tusenvis av dollar i løpet av virksomheten din
- Den dumme feilen som nesten kostet meg $ 100 OG sikkerheten til alle nettstedene mine
- En forferdelig opplevelse vi hadde med et av disse produktene du trenger å vite om
Vi har laget en enkel innholdsfortegnelse slik at du raskt kan hoppe til den mest relevante delen for deg. Klikk for å åpne innholdet nedenfor:
Elementor vs Divi: "Jeg vil vite hva som er best for meg nå!"
I en hast, og trenger å vite hva som er bedre for virksomheten din før du investerer noe?
La meg bare gi det til deg direkte basert på min nesten 5 års erfaring med begge disse verktøyene (siden Elementor faktisk ble utgitt først i 2016).
Få Divi hvis:
- Du er et byrå: Divis priser gjør det til en no-brainer for ambisiøse byråer. Levetid uten begrensninger koster KUN $ 249. Det er $ 249 for hver funksjon på uendelige nettsteder. Hvis du har hundrevis av sider, er det som å bruke $ 1 eller LESS per side for verdens mest pålitelige sidebygger.
- Du trenger den beste støtten i virksomheten.
- Du har designopplevelse: Divi er bra også for nybegynnere, men det er enda bedre for erfarne byggere. Læringskurven er brattere enn Elementor, men når du vet hva du gjør, er kraften så mye større.
- Du trenger et premium-tema å jobbe med: Divi er et premium WordPress-tema i tillegg til en sidebygger, så når du kjøper en, får du begge deler.
Skaff deg Elementor hvis:
- Du trenger den enkleste sidebyggeren: Elementor gir alle muligheten til å bygge en vakker destinasjonsside uten kodingskunnskap fra $ 0!
- Du er en solopreneur med 1 nettsted
- Du har et budsjett og trenger en GRATIS versjon
- Du er en designer som trenger komplekse elementer
- Du føler behov for HASTIGHET. Elementor er så rask at det føles som siden lastes inn FØR jeg klikker Enter
- Du har allerede et tema å jobbe med: Elementor er en sidebygger (ikke et tema) og må suppleres med et WordPress-tema.
Divi vs Elementor kommer virkelig ned på en ting: Priser. Klikk her for å hoppe til pristabellen.
Elementor vs Divi
Elementor og Divi begge har avanserte sidebyggingsfunksjoner.
Oppsummering
 |
 |
|
| Vinner | 🏆 | |
| Alt i alt | 4.9 | 4.5 |
| Brukervennlighet | 5 | 4.5 |
| Support | 4.5 | 4.5 |
| Stabilitet og pålitelighet | 5 | 4 |
| utvidelses~~POS=TRUNC | 5 | 4.5 |
| Verdi | 4.5 | 5 |
| Pris | Starter fra $59/år | $ 89 / år |
| Gratis versjon | Ja | Nei - men har en 30-dagers pengene-tilbake-garanti |
| Sanntidsredaktør | Ja | Ja |
| Integrert redigering | Ja | Ja |
| Frontend / backend | Begge | Begge |
| Dra og slipp | Ja | Ja |
| Tredjepartselementer støttet | Ja | Ja |
| Frontend / backend | Begge | Begge |
| Import Eksport | Ja | Ja |
| Målgruppe | Utvikler / designer / bruker / byrå | Designer / bruker / byrå |
| Elementer støttet | 100 + | 200 + |
| WordPress Widgets støtter | Ja | Komplisert |
| Ren kode | Ja | Nei |
| Ferdige maler / oppsett | 300 + | 300 + |
| Kul funksjon | Dynamisk innhold | A / B-testing |
| Ytelse | 4.5 | 4 |
| Det vi likte | En veldig kraftig løsning for å lage alle typer design | Rent brukergrensesnitt |
| Overlegne alternativer for layoutadministrasjon | Innholdet forblir intakt selv etter at programtillegget er deaktivert | |
| Attraktive priser med tilgang | Unik redigeringsmodus for klienter | |
| Mest populære sidebygger av en grunn | Lar deg bruke WordPress-moduler i layoutene | |
| Det vi ikke likte | Elementor krever at du skaffer deg et WordPress-tema | Noe kode gjenstår etter at pluginet er fjernet |
| nettsted | besøk nettstedet |
besøk nettstedet (10% AVSLAG) |
Nå som du har en rask oversikt over hver plugin, la oss ta et dypdykk i dem.
La oss komme i gang med dette ultimate oppgjøret av sidebyggere: Elementor vs Divi!
Hvorfor å velge feil sidebygger kan koste deg alt!
Jeg må dele denne historien ...
Ikke fordi jeg vil klage (vel, kanskje bare litt ...), men fordi hver utvikler, designer, virksomhet og byrå trenger å vite hvor viktig denne avgjørelsen er.
En gang i tiden, i en svunnen tid med nettutvikling (ca. 8 år siden), var alle ferdige med å bruke datidens premium WordPress-temaer.
Vakre sider var helt sikkert mulig, men de krevde et NAGMARISK virvar av kortkoder. Du kan ikke forstå skrekken unless du overlevde den tiden. Jeg overdriver bare litt ...
Uansett...
Det var ingen måte å bygge noe uten å kjenne WordPress ut og inn.
Nettdesignere var en bestemt rase av utviklere som kunne kombinere kode med riktig design.
Mennesket, livet var ... annerledes.
Så en dag begynte en fremtredende WordPress-leverandør (WPMUDEV) å skyve denne fantastiske nye dra og slipp-sidebyggeren: Upfront.
"Det er fantastisk. Det kommer til å redde WordPress fra SquareSpace og Wix! ”, Sa de.
På den tiden motsto de fleste av oss fremdeles sidebyggerne. Inkludert meg selv.
Men denne virket ... bedre.
For å være rettferdig var det ganske fantastisk. Dra og slipp-byggherren var som smør. Og den hadde noen spennende funksjoner:
- Fantastiske elementer klare til å jobbe med
- Enkel å redigere “regioner”
- Tekstredigering med ett klikk
- Maler for å gjenbruke og redusere repeterende arbeid
- Det var raskt og enkelt å lage sider! Ikke i nærheten av det vi pleide å gjennomgå før...
På forhånd skulle endre alt.
Så en etter en begynte alle å hoppe på toget. Byrå for byrå, vi falt i kø.
Folk var så begeistret at de bygde hele veikartet sitt på Upfront. De hyrte til og med opplært personale til å bruke det. Noen byråer på flere nettsteder hadde hundrevis av sider som brukte Upfront.
Jeg bygde ikke hele virksomheten min rundt Upfront (jeg la aldri alle eggene mine i en kurv), men la oss bare si at jeg hadde ganske mye hud i spillet også ...
Og så en dag, kom alt sammen.
En dag bestemte WPMUDEV seg bare for å avvikle alt.
Ingen advarsel.
Ikke et eneste ord.
Upfront ble avviklet, og hver side som noensinne ble bygget på den ble gjort foreldet.
Alt det arbeidet, all den tiden og pengene, alt personalet som er opplært til å bruke det, alle veikartene som er bygd med det: BRUKLESS.
Les denne anmeldelsen fra en byråeier som hadde jobbet med Upfront:
Jeg brukte det meste av fjoråret på å gjenoppbygge hele nettstedsbyrået (vårt markedsføringsside og kundesider) med og rundt Upfront. Å bare se at det nå er utenfor planene for utvikling, uten advarsler, etter å ha satt tillit til det, ansette og utdanne ansatte til å bruke det er bare ikke kult. ”
Mange virksomheter ble hardt rammet ... det var ikke hyggelig.
Historisk moral?
Å velge riktig sidebygger er avgjørende for virksomheten din. Det betyr at det er viktig at du velger en med påvist erfaring og et pålitelig merke.
Hvis ikke, kan du være den neste gründeren som legger igjen en anmeldelse som beskriver hvordan bruken av det nesten kostet dem alt.
Men jeg går bort. Tilbake til anmeldelsen ...
Hva er sidebyggere?
Ikke interessert i denne introen eller har det travelt? Klikk her for å hoppe til neste del av artikkelen.
Sidebyggere er verktøy som lar deg designe og bygge profesjonelt utseende nettsider fra bunnen av selv uten erfaring med koding.
I stedet for å bruke måneder på å lære å tilpasse en side, er alt hardt arbeid allerede gjort for deg og pakket i små "elementer". Du bare "drar og slipper" dem på siden hvor du vil og VOILA, du har en vakkert designet side ... og ingen vet hemmeligheten din.
For eksempel hvis du vil legge til en tekstboks eller bilde, du bare tar tak i det elementet fra sidefeltet, drar det inn på siden og plasserer det der du vil ha det.
Høres mye bedre ut enn å gå inn i backend og koding det hele selv, ikke sant?
De fleste har til og med forhåndslagde maler som har vist seg å øke besøkendes konverteringer, slik at du ikke engang trenger å gjøre noen tunge løft.
Det er som å bygge et nettsted ved hjelp av Lego-stykker.
Hva er Divi?
Divi er det mest populære WordPress-temaet der ute med mer enn 880,000 XNUMX salg. Hvis dette var sport, ville de vært Man U, New York Yankees og New England Patriots:
Mer enn et lag, en institusjon.
Faktisk er det enda mer enn en sidebygger - det er en mega-fabrikk for WordPress-nettsteder som gjør det mulig for frilansere, byråer og nettstedseiere å bygge vakre nettsteder, optimalisere dem for konverteringer (Split testing) og vokse ved hjelp av sosiale medier.
Divis enorme popularitet skyldes hovedsakelig:
- Ubegrenset bruk: Divi er et av de eneste temaene som gir deg ubegrenset bruk av alle funksjonene på alle nettsteder. Ingen prisgimmicks. Ingen forvirrende nivåer. Nei ingenting. Bare ubegrenset bruk uten spørsmål.
- Enkel prising: $ 249 for livstidstilgang PÅ ALLE DINE SIDER.
- Uovertruffen støtte og fellesskap: Divi er en livsstil for noen mennesker. Det har et blomstrende Facebook-fellesskap og den beste støtten i virksomheten, så du vil alltid være innovativ, få nyttige tilbakemeldinger og forbedre Divi-spillet ditt.
Vi har jobbet med dette produktet lenge, faktisk har vi allerede gjort det skrev en komplett Divi 3.0 temanomgang her. Deres Divi builder er en plugin som er innebygd og buntet med temaet, selv om den kan kjøpes og brukes separat med andre temaer, hvis du ønsker det.
Sjekk ut noen nettstedeksempler bygget med Divi her.
Klikk her for å besøke Divi-nettstedet og lære mer om det nå
Hva er Elementor?
Elementor og Elementor Pro (og hele utvalget deres av nye produkter) er en markedsforstyrrer som skyter i været i popularitet. Det er en av de mest populære byggherrene for soloprenører og bedrifter.
Den er lynrask, tilbyr uovertruffen design og er så lett at en huleboer kan gjøre det. Og den lar deg komme i gang 100 % med GRATIS versjonen.
Det gir deg stort sett alt Divi gjør, det er bare raskere og enklere å bruke. Og det er mye rimeligere for et enkelt nettsted.
Disse to produktene favoriseres av de fleste WordPress-brukere og eksperter fordi de har en rekke fordeler:
- De er enkle å bruke,
- De har best ytelse og stabilitet, og
- De støttes av et team med ekspert WordPress-utviklere eller av et kjent selskap.
Vi har gravd dypt spesielt inn i Elementor Pro - du finner anmeldelsen vår her.
Klikk her for å besøke Elementors nettsted og komme i gang gratis
Vent, du sier at både Divi og Elementor er fantastiske. Så hvordan kan jeg velge?
Både Divi og Elementor er begge veldig like, men som jeg sa før - priser og små forskjeller i funksjonalitet gjør dem perfekte for ulike segmenter av markedet.
Vi skal ta disse to toppsidebyggerne i markedet i dag, Elementor vs Divi Builder, og grave dypt inn i alle deres evner og sammenligne dem head-to-head.
Vi kommer til å ta en grundig titt på brukergrensesnittet, funksjonssett, priser og mye mer.
Mot slutten av denne Elementor vs Divi-artikkelen vil du ha all den kunnskapen du trenger for å gjøre en utdannet vurdering av hvilken som passer dine egne behov.
Trenger du webhotell for ditt neste prosjekt?
Visste du at SiteGround er anbefalt av Divi og Elementor fungerer også bra på SiteGround?
Men det er ikke det eneste du ønsker fra en webhotelltjeneste. Du vil at nettstedet ditt skal være raskt, pålitelig og til en fornuftig pris.
Derfor CollectiveRay anbefaler SiteGround. Det er en flott blanding av fleksibilitet, kraft og pris som du ikke finner ofte.
Klikk her for å se SiteGround tilbyr i Juni 2023
Elementor vs Divi: Brukervennlighet
Brukergrensesnittet og dets brukervennlighet er en av de viktigste delene av en sidebygger-plugin.
Begge disse sidebyggerne har lagt ned mye arbeid for å sikre at de er døde enkle å bruke.
La oss begynne med Divi Builder.
Lær mer om den Divi Builder by Elegant Themes
Divi Builder Brukergrensesnitt
Før vi begynner, la oss hva leverandøren har å si om å bruke pluginet i denne korte videoen, spesielt med det nylig oppdaterte grensesnittet:
Med Divi builder plugin installert, når du oppretter en ny side, vil du bli møtt med et brukergrensesnitt som vil spørre deg om du vil bruke Divi Builder eller standardredigeringsprogrammet.
Klikk på Bruk Divi Builder alternativet åpner en skjerm som ber deg velge mellom "bygge fra bunnen av", "velge et forhåndsdefinert oppsett" eller "klone eksisterende side".
- Bygg fra bunnen av - Start med en tom side.
- Velg et forhåndslaget oppsett - Velg en forhåndsdefinert mal. Vi vil snakke om dette mer detaljert senere.
- Klon eksisterende side - Kopierer en eksisterende side.
Vi kommer til å velge alternativet "bygg fra bunnen av" siden de to andre valgene er ganske like, bare med innhold som allerede er lagt til.
Legger til elementer i Divi Builder
Hvis du klikker på alternativet "bygge fra bunnen av", starter du Divi builder og det første som vil dukke opp er en dialogboks som ber deg sette inn en ny rad.
Dialogbokser med alternativer du kan konfigurere åpnes, avhengig av modulen og innholdet du legger til.
Menyen
Minimalisme har alltid vært en av designfunksjonene til Elegant Themes og sidebyggeren holder dette designkonseptet i gang.
Som du kan se fra gifen ovenfor, er det ingen sidefelt eller menylinje i det hele tatt. I stedet er alt du har en flytende sirkel med tre hvite prikker inne i den.
Den flytende sirkelen fungerer som din meny. Ved å klikke på dem får du tilgang til ulike alternativer og nyttige verktøy.
Du kan flytte rundt på denne menyen ved å klikke og dra den. Du kan også slippe den i en av de åtte forhåndsdefinerte posisjonene på hjørnet av skjermen.
Når du bruker Divi, starter fra venstre side, har vi
- Divi builder innstillinger
- Trådrammesyn
- Zoomverktøy
- Desktop utsikt
- Nettbrettvisning
- Last fra bibliotekalternativer
- Alternativet Lagre til bibliotek
- Tydelig layout
- Sideinnstillinger
- Redigerer historie
- Portabilitet
- Søk og hjelp-knappen
- Lagre utkast og publiser-knappene
Builder-innstillinger - Vil få opp en dialogboks med forskjellige alternativer som lar deg tilpasse hvilke ikoner som vises på Divi builder verktøylinjen, endre standard visningsmodus (mobil, stasjonær eller nettbrett), aktivere eller deaktivere brukergrensesnittanimasjoner, etc.
Trådrammesyn - Slår wireframe-visning på eller av. Du kan bruke wireframe-visningen for å få en strukturell visning av siden din.
Zoomverktøy - Lar deg zoome inn og ut på siden.
Desktop, Tablet og Mobile view - Se hvordan siden din ser ut på forskjellige enheter og skjermoppløsning.
Last fra biblioteket - Sett inn eller bruk en forhåndsdefinert mal fra malbiblioteket til siden.
Lagre i biblioteket - Lagre gjeldende side i malbiblioteket.
Tydelig layout - Sletter alt på siden.
Sideinnstillinger - Få tilgang til sideinnstillinger som tittel, utdrag, fremhevet bilde osv.
Redigerer historie - Se hvilke endringer som ble gjort i gjeldende redigeringsøkt. Ved å klikke på et element kan du gå tilbake i tid, angre alle redigeringer du har gjort og tilbakestille sidens tilstand.
Portabilitet - Importer eller eksporter din nåværende layout.
Søke- og hjelpeknapper - Tilgang Divi builderdokumentasjon; søkeknappen lar deg søke etter en bestemt handling, menyelement eller element.
Lagre utkast- og publiser-knappene - Ganske selvforklarende.
Elementspesifikke menyer
Når du bruker Divi Builder, hvis du holder markøren over et element, vises et annet sett med menyer. Disse menyene lar deg konfigurere et bestemt elements innstillinger, for eksempel innholdet, oppsettet eller legge til en tilpasset CSS.
Divi Builder i aksjon
Nedenfor er en gif for redigering av en side med Divi Builder. Du kan bruke sidebyggeren til å dra elementer rundt for å flytte dem, eller du kan dobbeltklikke på en tekst for å utføre innebygd redigering, etc.
De Divi BuilderBrukergrensesnittet er minimalistisk - rent og enkelt, men har alt du trenger for å få ting gjort.
Det overvelder deg ikke i det hele tatt, holder deg fokusert på designene dine. Det gir en fullskjermopplevelse.
Som du kan se, når det gjelder brukervennlighet, Elegant Themes har jobbet med å lage Divi Builder enkelt, men kraftig på samme tid.
Elementor brukergrensesnitt
Elementor-grensesnittet er veldig forskjellig fra de fleste andre sidebyggere. Hvis Divi builder fokuserer på minimalisme, fokuserer Elementor på tilgjengelighet, men brukeropplevelsen er flott med denne sidebyggeren også.
Vi bruker denne delen av Elementor vs. Divi Builder sammenligning for å fokusere på forskjellene mellom de to.
Elementor bruker konseptet byggeklosser, som brukes til å bygge hver side i flere seksjoner.
Ta en titt på følgende 1-minutters video som forklarer nøyaktig hvordan dette fungerer:
Å lage en ny side med Elementor-grensesnittet vil bringe deg til WordPresss standardredigeringsprogram.
For å begynne å redigere siden, må du klikke på "Rediger med Elementor"-knappen øverst på skjermen.
Ved å klikke på knappen åpnes Elementors brukergrensesnitt som består av to deler: det faste sidebar og forhåndsvisning av siden.
Du kan skjule den faste sidelinjen ved å trykke på det lille ikonet som vises i gif-en nedenfor:
Når du skjuler sidefeltet, kan du forhåndsvise fullskjermbildet ditt side.
Legge til elementer i Elementor
For å legge til et element på siden, dra og slipp et fra sidefeltet til siden.
Sidefeltet endres til å vise alternativer som er spesifikke for elementet som nettopp ble lagt til.
Den røde pluss-knappen og mappeikonet i forhåndsvisning av siden lar deg legge til en ny seksjon eller laste inn en mal fra biblioteket ditt.
Etter å ha dra og slippe et element, vil du legge merke til at siden nå viser alternativer for det valgte elementet i stedet.
For å gå tilbake til elementvelgerpanelet, kan du klikke på ikonet for firkantede fliser øverst til høyre på sidefeltmenyen.
Klikk på ikonet, og du vil kunne gå tilbake til elementvalgpanelet. Du kan nå dra og slippe et annet element herfra til siden.
Sidebar
Den faste sidelinjen er delt inn i tre deler.
- Øvre meny
- Kroppen
- Nedre meny
Den øvre menyen inneholder generelle innstillinger, kroppen viser informasjon om det valgte elementet og den nedre menyen viser flere innstillinger som du kan konfigurere.
Øvre meny
Den øvre sidefeltmenyen til Elementor-sidebyggeren er øverst til venstre på sidefeltet. Her kan du konfigurere standardinnstillinger, skriftinnstillinger, fargevalg osv.
Det er andre forskjellige elementer som er tilgjengelige i denne menyen bortsett fra stylingalternativer.
Det er en søkefunksjon, en lenke til Elementors innstillingsside og mer. Du kan også finne den blå gå ut til dashbordet -knappen, som tar deg tilbake til WordPress-dashbordet.
Bunnmeny
Nederst i den faste sidelinjen kan du se flere menyelementer.
Fra venstre til høyre har vi innstillingene, navigatoren, historikken, responsiv modus, forhåndsvisningsendringer og publiseringsknappen.
Publiser-knappen har sin undermeny som du får tilgang til ved å klikke på den lille pilen oppover ved siden av.
Ved å klikke på den får du ytterligere to lagringsalternativer: lagre utkast og lagre som mal.
innstillinger - Tannhjulikonet som er plassert helt til venstre i bunnmenyen. Den inneholder innstillinger for siden du jobber med.
Du kan redigere sidens tittel, legge til et fremhevet bilde, endre publiseringsstatus (utkast, planlagt, publisert), endre standardoppsett osv.
Du kan også legge merke til tilstedeværelsen av to ekstra faner: stil og avansert faner.
I stilfanen kan du konfigurere sidens kroppsstilinnstillinger. Du kan definere en bakgrunnsfarge eller et bilde, og du kan også endre polstringen.
Og i den avanserte kategorien kan du legge til din tilpassede CSS.
Navigator - En hierarkisk visning av elementene på siden. Dette er sammenlignbart med Divi buildersin wireframe-modus. Navigatoren er en flytende meny som representerer sidens elementhierarki. Du kan omorganisere elementer ved å bruke navigatoren , selv om funksjonaliteten ikke er like god som wireframe-modusen i Divi Builder.
Historie - Lar deg gå tilbake til en tidligere versjon av redigeringene dine og se historikk. Bare redigeringer av gjeldende økt blir lagret.
Det er én ting som skiller Elementors historiefunksjon fra Divi Builder, og det er en stor en.
Det er en annen fane merket "revisjoner" i historiepanelet. Disse revisjonene beholdes til og med etter avslutter sidebyggeren eller til og med etter at du lukker nettleseren.
Hver gang du trykker på "oppdatering" -knappen, lagres en ny revisjon.
Videre gjør pluginet også automatisk lagring som forhindrer at du mister jobben på grunn av problemer som nettleserkrasj.
Dette lar deg enkelt gå tilbake til en tidligere revisjon selv om du lukker editoren, logger ut fra WordPress eller slår av datamaskinen.
Responsiv modus - Forhåndsvis hvordan siden din vil se ut i forskjellige enheter og skjermoppløsninger.
Forhåndsvisning av endringer - Åpne en ny fane slik at du kan få en live forhåndsvisning av siden din.
Elementspesifikke menyer
Ved å klikke på noe på forhåndsvisningssiden får du opp en elementspesifikk meny med sine unike alternativer som du kan konfigurere.
Elementor i aksjon
Den neste delen av vår Divi vs Elementor sammenligning viser vi Elementor i aksjon slik at du kan forstå forskjellen mellom disse to sidebyggerne.
Nedenfor kan du se hvordan vi kan dra og slippe elementer rundt for å flytte dem, hvordan du kan redigere tekstsømlessly og hvordan du kan legge til nye elementer.
Når vi sammenligner Divi vs Elementor, ser vi at de har et annet fokus.
Den første fokuserer på enkelhet og renslighet, den siste på tilgjengelighet og tilgjengelighet.
Så hvem vinner når det kommer til Elementor vs Divi - hvilken visual builder er enklere å bruke?
Vi tror ikke det er en vinner når det gjelder brukervennlighet. Både Elementor- og Divi-sidebyggerne har et grensesnitt som hjelper deg med å få jobben gjort.
Elementor vs Divi UI Vinner: Slips
De faktiske "elementene" eller "modulene" sammenlignes i neste del av vår Elementor vs Divi sammenligning.
Elementor vs Divi: Elements
Elementene er det du skal bruke til å bygge sidene dine. Når det gjelder Divi vs Elementor, er bruken av terminologi litt forskjellig, men generelt er konseptene like.
Divi Builderelementer: seksjon, rader og moduler
Divi Builderelementene er delt inn i tre hovedkategorier: seksjon, som fungerer som en container, rader, som fungerer som en skillelinje, og moduler, som er det faktiske innholdet.
Bildet nedenfor viser deg en tom side. Denne siden har tre seksjoner.
Den andre delen har en rad inne i den, som er uthevet i grønt. Raden er delt inn i tre kolonner. Kolonnene er tomme.
Til slutt har den nederste delen også en rad inni seg, selv om den ikke er uthevet. Raden er også delt inn i tre kolonner, lik den i den andre delen.
Den midterste kolonnen i den nederste raden inneholder en knappemodul.
For å legge til seksjoner, rader eller moduler, klikker du på pluss-knappene.
De blå, lilla or orange pluss-knappen vil legge til en seksjon (seksjonens uthevingsfarge endres avhengig av typen seksjon: blå for vanlig, lilla for full bredde og oransje for spesialitet), grønn plus-knappen vil legge til en rad og svart plus-knappen vil legge til en modul.
Seksjoner
In Divi Builder, delen fungerer som en beholder for rader og moduler.
Du kan bruke seksjoner til å dele opp siden din i forskjellige deler.
Du kan for eksempel ha tre seksjoner på en side; den første er en om-seksjon, den andre er en kontaktdel og den tredje er en seksjon for bedriftsplassering.
Seksjoner er 'uavhengige' av hverandre. Hvis du bruker en blå bakgrunnsfarge i den første delen, vil de to andre seksjonene ikke bli berørt.
Legge til seksjoner - Ved å klikke på den blå (eller oransje eller lilla) plussknappen på siden, kan du legge til en ny seksjon.
Ved å klikke på den angitte knappen vil du få opp en dialogboks som ber deg velge mellom tre forskjellige typer seksjoner: vanlig, spesialitet og full bredde.
Det er også muligheten til å legge til en seksjon fra biblioteket ditt. Hvis du tidligere har lagret en seksjon, kan du nå finne den her og kunne legge den til siden.
Hvis du legger musen over et element, vil det fremheves og en handlingslinje vises i øvre høyre hjørne av det uthevede området.
For seksjonselementer har du følgende:
- Flytt seksjonen
- Innstillinger
- Dupliser seksjon
- Lagre delen i biblioteket
- Slett seksjonen
- Ytterligere seksjonsinnstillinger
- Lagre i biblioteket
- Delt test
- Deaktiver
- Låse
- Kopier seksjonen
- Kopier seksjonsstil
- Tilbakestill seksjonsstil
- Vis modifisert stil
- Utvid seksjonsstil
De fleste av disse alternativene er selvforklarende, men det som er interessant her er split test alternativet.
Dette er en A / B testfunksjon som lar deg utføre delte tester på alle typer Divi Builder element.
Når det gjelder Divi vs Elementor når det gjelder A/B-testing, kommer Divi-temaet på topp. Den eneste måten å dele test med Elementor på er å bruke en tredjeparts plugin eller tjeneste som Google Optimize.
Ved å klikke på tannhjulikonet (seksjonsinnstillinger) vises en dialogboks med flere konfigurasjonsalternativer for den uthevede delen.
Dialogboksen for seksjonsinnstilling inneholder tre faner: Innhold, Design og Avansert.
Innhold-fanen inneholder elementer relatert til innholdet i det valgte elementet, mens design- og avansert-fanen inneholder stilalternativer.
Rader
Som med de fleste andre sidebyggere, er rader elementer som ligger i en seksjon. Når du legger til en rad, må du velge en radvariant som er forskjellig i hvor mange kolonner den har som standard og hvor stor hver kolonne er.
Rader bruker responsive 12-kolonne rutenett.
Hvis du vil ha en mer kompleks kolonnestruktur, vil du bruke en spesialavdeling.
Spesialseksjonens radvarianter har en mer kompleks kolonnelayoutstruktur, som du kan se på bildet ovenfor.
Radinnstillinger - En rad har en handlingslinje når du holder musepekeren over den som lar deg få tilgang til visse menyelementer. Den har stort sett de samme tingene som finnes i seksjoner, bortsett fra endre kolonnestruktur alternativ som er eksklusivt for radelementer.
Moduler
Moduler i Divi Builder er det du vil bruke til å legge til synlig innhold på siden din. Modulene er nettstedselementer som tekst, bilder, avsnitt, videoer, kontaktskjemaer, kart, etc.
Ved å klikke på den svarte plussknappen åpnes en dialogboks for modulvelger. En annen dialogboks vil vises som viser innstillinger som er skreddersydd for den spesifikke modulen du valgte.
Hvis du for eksempel velger tekstmodulen, vises en plassholdertekst i området du valgte.
Ved hjelp av dialogboksen kan du redigere selve teksten og legge til stiler, legge til tilpasset CSS, etc.
For å åpne innstillingen til en modul, hold musen over modulen til handlingslinjen vises, og klikk deretter på ikonet for tannhjul / innstillinger.
Innstillingsdialogboksen har tre faner: Innhold, Design og Avansert.
- Innhold-fanen inneholder konfigurasjonsinnstillinger for modulen. Dette varierer per modul.
- Design-fanen inneholder designalternativer som lar deg endre innholdsjustering, avstand, typografi osv.
- Avansert-fanen lar deg få tilgang til alternativer som avansert CSS-konfigurasjon, overganger osv.
Verdict:
Å få tilgang til elementer, spesielt modulelementer, er litt quirky siden du må klikke flere ganger bare for å få dem.
På den annen side, kanskje en av de beste tingene med Divi Builderelementene er de spesielle radene. Disse lar deg bygge en kompleks layout og posisjonering relativt enkelt.
La oss nå ta en titt på Elementors elementer neste i vår Elementor vs Divi builder oppgjør.
Elementor-elementer: Seksjon, kolonner og widgets
Elementor har tre forskjellige elementkategorier: den seksjon, som fungerer som en container, kolonne som deler seksjonen, og widgets som er det faktiske innholdet.
På bildet nedenfor kan du se en tom side delt inn i tre seksjoner.
Toppseksjonen er tom. Den andre delen inneholder tre kolonner og den nederste delen, som også inneholder tre kolonner med den midterste kolonnen som inneholder en knappwidget.
Å legge til elementer på siden er så enkelt som å dra og slippe en widget fra sidefeltet til et tomt område.
Du kan bare dra en widget fra sidefeltet til et tomt område på siden din, og du er ferdig.
Den oppretter automatisk en seksjon med en enkelt kolonne som inneholder den valgte widgeten.
Hvis du redigerer et element, vil sidefeltet endre innholdet for å vise de riktige innstillingene.
Som med Divi kan du dra og slippe elementer for å flytte dem på siden. Du kan klikke på hvilken som helst tekst på siden for å redigere direkte og endre størrelse på kolonner fritt.
Et høyreklikk på et element på siden får opp en kontekstmeny som varierer litt avhengig av hvilken type element som er valgt for øyeblikket.
Seksjon
Seksjonen fungerer som en container for kolonner og widgets.
Det er to typer seksjoner i Elementor, normal seksjonen, og indre seksjon.
Den indre delen kan bare eksistere innenfor en normal seksjon. En indre seksjon ligner noe på kolonner, men du kan ha flere indre seksjoner og flere kolonner i dem, slik at du kan lage komplekse oppsett.
Hvis du holder markøren over et element på siden, fremheves delen de tilhører. Den uthevede delen har en liten meny øverst.
Denne lille menyen har tre elementer: legg til ny seksjon (pluss-knapp), rediger seksjonen (stiplet område) og slett seksjonen (x-knappen).
Legg til ny seksjon vil legge til en ny tom seksjon på toppen av de uthevede.
Redigeringsdelen vil vise seksjonsinnstillinger på sidefeltet. Du kan også få tilgang til dette ved å høyreklikke på en tom del av seksjonen.
I seksjonsinnstillingene er det tre faner: Layout, Style og Advanced.
Du kan konfigurere alternativene for layout og struktur i kategorien Layout. I kategorien Stil kan du konfigurere stilalternativer, og i kategorien Avansert kan du konfigurere ytterligere avanserte stil- og attributtalternativer.
kolonner
Kolonner fungerer som en beholder for widgetene, inkludert widgetene for den indre delen.
Når du legger til en ny seksjon, kan du velge hvor mange kolonner den skal inneholde.
Tilgang til kolonneinnstillinger gjøres ved å holde musepekeren på en kolonne og høyreklikke på det nå synlige kolonneikonet.
Ulike alternativer vil dukke opp, slik at du kan redigere kolonnen, duplisere kolonnen, legge til en ny kolonne, etc.
Hvis du velger redigeringskolonnen, endres sidefeltet til å vise kolonnerelaterte innstillinger. Akkurat som i seksjonsinnstillinger har den også tre faner: Layout, Style og Advanced.
Layoutfanen inneholder konfigurasjonsalternativer for layout som kolonnebredde, justering osv .; mens stil og avanserte faner er stort sett de samme som det du kan se fra seksjonens innstillinger.
widgets
Den neste delen av Elementor vs Divi-forskjellene når det kommer til de faktiske elementene er widgetene.
Widgets er innholdet eller elementer (derav Elementor) du kan bruke på sidene dine.
Å legge til en widget er like enkelt som å dra en fra sidefeltet til siden eller ved å klikke på plussknappen for å få frem widgetvalgpanelet og deretter dra og slippe.
Hvis du velger en widget, endres sidefeltet for å vise de konfigurerbare alternativene for det bestemte elementet.
Du kan også få tilgang til dette panelet ved å høyreklikke på et element og velge rediger [elementnavn] element i hurtigmenyen.
Hver widget har også kategoriene Stil og Avansert som du kan få tilgang til fra sidepanelet.
Stil-fanen endres i henhold til den valgte widgeten. Bildewidgeter har for eksempel ikke alternativer for typografistil, mens tekstwidgeter ikke har dimensjonsinnstillinger.
Fanen Avansert er den samme som i de andre elementene.
Oppdag alle tilgjengelige elementene
Globale moduler
Det er en spesiell type widget i Elementor: globale widgets. Du kan lagre en widget som en global widget og bruke den hvor som helst på siden eller nettstedet.
Du kan også redigere dem alle samtidig på ett sted.
Verdict:
Elementor har et bredere utvalg av elementer i forhold til Divi Builder. Siden begge støtter tredjeparts widget-plugins, jevner det seg imidlertid ut.
Elementor gir en raskere måte å legge til elementer på en side siden du bare kan dra og slippe dem fra sidefeltet til forhåndsvisningen.
Divi Builder krever at du klikker flere ganger før du kommer til elementet du vil legge til.
Akkurat som vår forrige del av Elementor vs Divi-sammenligningen, er dette veldig nært, selv om Elementor kan ha en liten kant i denne.
Nå er det på tide å sammenligne stylingalternativer i Elementor vs Divi sidebyggere!
Elementor vs Divi: Styling
Vår Elementor vs Divi builder ville ikke vært komplett uten en dyp titt på stilfunksjonene til begge sidebyggere.
Divi Builder Stylingalternativer
Dobbeltklikk på et element i Divi-sidebyggeren vil få opp innstillingspanelet. Du kan også få tilgang til dette panelet ved å holde musepekeren over et element til en handlingslinje vises og deretter klikke på tannhjulikonet.
Det er tre faner i innstillingspanelet, innhold, design og avanserte faner.
De Divi BuilderStylingalternativene kan konfigureres via kategoriene Design og Avansert. I kategorien Design kan du konfigurere typografi, bokseskygger, marginer, animasjoner, filtre osv. Dette er elementer som kan konfigureres gjennom glidebrytere og inndatatall.
De er veldig enkle å bruke.
Bruk den avanserte fanen for å legge til egendefinerte CSS-IDer og klasser, tilpasset CSS-kode, konfigurere synlighet og så videre.
Responsiv styling
Divi Builder lar deg definere forskjellige stilinnstillinger for forskjellige enheter.
Du kan for eksempel definere et tekstelements skrift som Verdana og få det til å ha en størrelse på 20 piksler på stasjonære enheter. Du kan definere en annen innstilling for mobil som gjør at den har en Times New Roman-skrift og en størrelse på 10 piksler.
Designalternativene lar alle typer brukere tilpasse sidene sine i stor grad til deres behov.
Elementor Styling Alternativer
Hvis du velger et element i Elementor-sidebyggeren, endres det som vises på sidepanelet for å gjenspeile de tilgjengelige alternativene for det aktuelle elementet.
Alle elementene i Elementor har tre faner i innstillingspanelet. Den første fanen inneholder enten Innhold eller Layout, deretter Stil og Avansert på henholdsvis andre og tredje fane.
Du kan konfigurere stilen til et element gjennom kategoriene Stil og Avansert.
Fanen Stil lar deg konfigurere forskjellige stylingsalternativer som bakgrunnsfarger, rammer, typografi, etc.
Fanen Avansert inneholder avanserte stylingsalternativer som marginer, tilpasset CSS-kode, bevegelseseffekter, responsive innstillinger osv.
Responsiv styling
Du kan ha separate stylingsalternativer for forskjellige enheter i Elementor builder, akkurat som Divi.
Kontrollere standard stylingalternativer
Som standard, etter installasjon av Elementor, vil sidebygger-pluginen automatisk bruke stilalternativene for å overstyre temaet ditt.
Du kan deaktivere dette ved å gå til Elementor > innstillinger fra WordPress-dashbordet og sjekke deaktiver standardfarger og deaktiver standardskrifter.
Elementor vil nå bruke temaets standard skrift og farger i stedet for sine egne.
Det er også en stilfane der du kan konfigurere forskjellige grunnleggende standarder som standard generiske skrifttyper, standard innholdsbredde osv.
Verdict:
Begge pluginene tilbyr et utmerket sett med stylingverktøy og alternativer som passer til alle.
Avanserte brukere og webdesignere som ønsker mer kontroll, kan også glede seg over å bruke noen av disse to programtilleggene, siden begge lar dem legge til sine tilpassede CSS-koder for videre utforming.
Elementor vs Divi: Maler
Et av nøkkelelementene til sidebyggere og temaer er kvantiteten og kvaliteten på malene som er tilgjengelige som en del av produktet.
La oss sjekke hvordan de to sidebyggerne, Elementor vs. Divi builder sammenlign når det gjelder ferdige maler.
Divi Builder oppsett
I Divis sjargong kalles maler for layout. Divi-sidebyggeren tilbyr 300+ layoutpakker ferdiglagde komplette nettstedsmaler.
De er delt inn i to typer: en layoutpakke som består av flere layouter (flere sider) med samme tema og en enkelt layout (dvs. en enkelt side).
Oppsettpakker inneholder flere sider samlet for å danne et komplett nisjeside.
For eksempel inneholder en pakke maler for hjemmesiden, om siden, kontaktsiden, etc., alt etter et enhetlig sett med design eller temaer. Et enkelt oppsett er bare en mal for en enkelt side.
Du kan også opprette og lagre dine egne maler slik at du kan bruke dem senere. Du kan til og med eksportere dem slik at du kan bruke dem på et annet nettsted.
Du kan for eksempel opprette en landingsside for produkttjenester (ligner på det du kan bygg med OptimizePress 3.0) som du deretter kan laste fra oppsettene og bruke til forskjellige kampanjer du kanskje kjører.
Disse inkluderer både fullstendige nettsteder og landingssider for spesifikke formål.
Elementor Maler
Elementors maler er delt inn i to typer: blokker og sider.
Den gratis versjonen gir brukere tilgang til omtrent 40+ blokker og 30+ sider, mens premiumversjonen låser opp ytterligere 50+ Pro-widgets og 300+ Pro-maler.
Disse inkluderer hele nettsteder og spesifikke landingssider for spesielle brukstilfeller.
Se hele listen over tilgjengelige Elementor-maler / temaer
Vi har også gjennomgått en haug med Elementor temaer og maler her.
Blokker er enkeltseksjonsmaler som du kan sette inn på en side.
Det er blokker for
- Kontaktskjemaer
- Oppfordring til handling-knapper
- Spørsmål og svar
- Pris tabeller
- Porteføljer
- Headers
- Tjenester
- Popup-bygger og et popup-byggerverktøy
Selv om vi sa at det er 300+ sidemaler tilgjengelig for Premium-brukere av Elementor, vil du kanskje det sjekk hva som er tilgjengelig i dag.
Elemetor-teamet oppretter og legger stadig til flere maler til biblioteket, og vi klarer ikke å holde tritt med den konstante strømmen av Elementor-maler som er utgitt :-)
Ettersom Elementor-sidebyggermalbiblioteket kontinuerlig vokser, kan du sjekke de siste tilskuddene ved å klikke på "nytt" i øvre venstre hjørne av sidemalens grensesnitt.
Du kan alltid lagre siden din i malbiblioteket, slik at du kan bruke dem senere. Elementor gir deg også muligheten til å eksportere malene dine, slik at du kan bruke dem på et annet nettsted.
Mens både Elementor og Divi Builder plugins tilbyr et stort utvalg av malvalg, på dette tidspunktet tror vi at Divi builder tilbyr langt mer når det gjelder tall.
I tillegg til det gjør Divi-temaet det enklere å bygge et helt nettsted, takket være malpakkene.
Elementor vs. Divi Builder Vinner av maler: Divi Builder
Elementor vs Divi: Temabygning
UPDATE: I denne artikkelens forrige versjon hadde bare Elementor en temabyggingsfunksjon.
Med utgivelsen av Divi-tema 4.0 er denne funksjonen ikke lenger begrenset til Elementor.
De Divi Builder 4.0 stor oppdatering, som ble utgitt i oktober 2019, fokuserte på å utstyre Divi builder med kraftige temabyggingsverktøy. Dette lar brukere bruke elementer, moduler og funksjoner for å bygge ikke bare statiske sider, men også dynamiske topptekst-, bunntekst- og brødtekstoppsett.
Vi har oppdatert denne delen for å gjenspeile de nye endringene, og vi har satt Elementor vs Divis temabyggingsfunksjoner opp mot hverandre for å se om sistnevnte kan holde opp mot førstnevnte.
Divi Theme Builder
En relativt ny funksjon fra Divi builder, lar sidebyggeren deg nå lage maler som du kan bruke til å overstyre nettstedets topptekst, bunntekst og kroppens design, layout og til og med atferd.
Funksjonene er ganske like Elementors i mange aspekter, dette er en funksjon der Divi Builder henger med Elementor.
Du kan få tilgang til Divis temabygger ved å gå til Divi> Temabygger.
Derfra kan du opprette en ny mal, eksportere en mal eller importere en mal fra eksterne kilder.
En av ulempene ved dette, i skrivende stund, er at det ikke er noen måte å importere forhåndsbygde temabyggmaler fra skyen. Du må laste ned en JSON-fil fra en ekstern kilde og laste den opp for å importere en forhåndsbygd mal.
Når vi snakker om forhåndsbygde temabyggermaler, er det mange pakker tilgjengelig gratis fra Divi builder utviklere selv, som du kan skaffe her.. Bare søk etter "temaprodusentpakker" i søkefeltet, så finner du dem enkelt.
Hvis du vil få flere av disse pakkene, anbefaler vi at du besøker Elegant Themes nettside her og abonner på deres nyhetsbrev.
Du kan definere en global mal som vil overstyre det generelle utseendet og følelsen av hele nettstedet ditt, og du kan også lage målrettede maler som kan brukes på spesifikke innlegg, sider og deler av nettstedet ditt.
Når du oppretter en ny mal, vil Divi først spørre deg hvor du vil at malen skal brukes på. Du kan velge å bruke eller utelukke bruk av malene dine på spesifikke innlegg eller sider eller til og med på spesifikke tagger og kategorier og mer.
Deretter kan du begynne å bygge og designe malen din. Hvis du har definert en global topp- og bunntekstmal, blir de automatisk lagt til i den nye malen.
Klikk på en av dem legge til tilpasset kropp, legg til tilpasset overskrift or legg til tilpasset bunntekst knapper åpner en liten popup-meny som lar deg velge mellom ulike alternativer.
Disse alternativene inkluderer å velge en forhåndslaget mal eller kopiere en eksisterende.
Derfra vil du ha de vanlige Divi-verktøyene og modulene til din disposisjon for å begynne å bygge oppsettet ditt.
Elementor Theme Builder
Du kan få tilgang til Elementor-temabyggeren gjennom WordPress-dashbordet og gå til maler > Temabygger.
For øyeblikket kan du opprette Elementor-maler for sider, seksjoner, popup-vinduer, topptekst, bunntekst, enkeltinnlegg, WooCommerce-sider og arkiver.
Du vil bruke samme brukergrensesnitt som du har når du oppretter sider, bare denne gangen er de tilgjengelige elementene i sidefeltet skreddersydd til den spesifikke malen du prøver å lage.
Når du er ferdig med å redigere en temamal, kan du velge hvordan og når malen skal vises.
For denne delen, Divi builder er litt enklere å bruke enn Elementor på grunn av bruken av avmerkingsbokser.
Allikevelless, Kommer Elementor fremdeles med finkornet kontroll som er lik Divi Builder.
Du kan velge å inkludere og ekskludere Elementor-malene dine ved å bruke komplekse betingede regler. La oss for eksempel si at vi har en mal kalt "A". Du kan velge å vise denne malen hvis siden er under kategorien som heter "tilbud" og hvis forfatteren er "John Doe".
Brukt på riktig måte kan denne Elementor-regelmotoren være et utrolig kraftig og nyttig verktøy. Det gir deg fleksibilitet og tilpasninger på et veldig detaljert nivå. Dette er nok til å stjele kronen i temabygningsdelen.
Få sidebygger har en slik funksjon, og dette er en stor differensierer.
En annen viktig funksjon som vi liker er popup-byggeren. De fleste vil installere en ny plugin for å sette opp popup-vinduer på siden deres, men med Elementor popup-byggerverktøyet trenger du ikke å ha en ekstra plugin bare for å sette opp popup-vinduer.
Elementor vs Divi Theme Builder Vinner: Elementor med klar margin takket være antall verktøy og hva du kan oppnå med dem.
Elementor vs Divi-priser 2023
Valget mellom Elementor og Divi Builder noen ganger kan alt komme ned til priser.
Man gir totalt mening for en gruppe og gir bokstavelig talt ingen mening for en annen.
Elementor-priser
Elementor Pro-priser starter på $59/år for ett nettsted og går hele veien til $399/år for 1,000 nettsteder. Alle funksjoner og tillegg er inkludert i hver plan.
Men grunnen til at den er så populær er at den kommer med en GRATIS versjon.
Elementors gratisplan er faktisk nok til å lage en vakker side og kommer med 40+ widgets og 30+ maler.
Pro Tip: Hvis du har mer enn ett nettsted, bare gå med Expert-lisensen. Hvis du bygger nettsteder for kunder og ønsker å ha en sidebygger, foreslår vi vanligvis at du går for Expert-lisensen og deretter belaster hver klient prisen for en avansert lisens.
Dette gjør at du kan bryte selv etter bare to nettsteder. Fra da av får du en bonus på $ 2 fra hver klient.
Klikk her for den laveste prisen på Elementor Pro
Divi Builder Priser
Divi Builder har ikke en gratisversjon, men de ha en demo som du kan få tilgang til så du kan prøve det før du kjøper det.
Divis priser gjør det til en no-brainer for byråer.
Vi har jobbet med Elegant Themes og har fått tilgang til en begrenset 10% rabatt på Divi Builder forum CollectiveRay besøkende.
Gitt prisen, og vår rabatt som gjelder kun t.o.m Juni 2023, vi anbefaler på det sterkeste at du går for livstidstilgang - det er ingen idé.
Bare $ 249 ($ 224 med min rabatt) gir deg livstids tilgang til Divis funksjoner, støtte og fellesskap på alle nettstedene dine til evig tid.
Det betyr at du får:
- Hvert tema de har
- Ubegrenset bruk for ubegrensede nettsteder
- 800+ nettstedspakker
- Sidebyggeren
- Salgsfremmende verktøy
- Testverktøy
Ingen grunn til å fornye. Du trenger ikke å bekymre deg for oppdateringer (mer om det neste). Ikke noe stress. Bare klikk, betal og bruk for alltid.
NOTAT: Divi koster bare $ 80 / år med rabatten min, men hvis du er en bedrift, vil du spare penger bare å kjøpe levetidsadgangen nå. Hvis du er i virksomhet i ti år, er det $ 10. Hvis du kjøper levetidstilgang nå, er det $ 800. Det er en no brainer.
Få 10% rabatt på Divi Builder til Juni 2023
Elementor vs. Divi Builder Prisvurdering:
Elementor er perfekt for nybegynnere på et budsjett og bedrifter med ett nettsted. Men den årlige prismodellen vil koste deg hundrevis eller tusenvis av dollar mer i løpet av virksomheten din.
Divis engangstilgangsplan for levetid er perfekt for byråer og større virksomheter.
Et ord med forsiktighet: Ikke la nettstedet være åpent for hack og risikere virksomheten din
Beklager, men jeg har en annen rask historie om hvordan jeg prøvde å ta en snarvei, og det kostet meg nesten dyrt.
Dette skjedde da vi prøvde å unngå å betale et abonnement på Elementor.
Vi trodde det ville være en god ide for oss å gå på et års abonnement på Plus-nivået, og deretter ikke fornye. Når alt kommer til alt, når nettstedet ble opprettet, ville vi ikke trenge flere oppgraderinger og støtte, ikke sant?
FEIL. Oppdateringer er helt kritiske!
Nylig ble det oppdaget et sårbarhet i Elementor Pro.
Denne sårbarheten etterlot nettsteder som er utsatt for hack.
Elementor lappet det umiddelbart. Det var bare ett problem...
Det viser seg at uten et aktivt abonnement, var vi ikke kvalifisert for oppdateringer.
Så nettstedene våre ble sittende ender. Husk at gjennom denne sårbarheten ble ikke-oppdaterte nettsteder angrepet og hacket.
Så for å spare $ 100 i fornyelsesgebyr, mistet vi nesten nettstedene våre, og en rekke kunder hos dem.
Derfor et raskt ord. La aldri abonnementet ditt bortfalle, verken for Elementor eller Divi (det er derfor vi alltid anbefaler en LEVETIDSONSKRIVELSE).
Derfor, hvis du har mer enn ett nettsted, er det bare å gå for livstidsabonnementet! Det sparer deg så mye tid, penger og stress.
Hvor skal du være vert for sidebyggeren din
Både Divi og Elementor har kommet opp med et nytt konsept.
For å gjøre det enkelt for folk som trenger forenklet administrasjon og vedlikehold av nettstedet, har de gitt ut en versjon av produktene deres som er fullt hostet.
Dette betyr at i stedet for at du trenger å finne din egen vertsserver for nettstedet, installere og vedlikeholde WordPress, I tillegg til å bygge nettstedet ditt, tar deres vertsversjon seg av hosting-aspektene.
Du trenger da bare å fokusere på byggingen av nettsiden.
Begge selskapene har kommet opp med et lignende produkt, der Elementor tilbyr Cloud Website Builder til en pris av $99/år.
Divi tilbyr også et vertsalternativ for produktet deres, kjent som Divi Cloud.
I hovedsak er begge disse produktene WordPress med plugin installert, men hostet på en tjeneste der du ikke trenger å håndtere noe av WordPress nitty gritty.
Prisene er ganske attraktive hvis du vil ha en praktisk tilnærming til WordPress når nettstedet ditt er oppe.
Attester - Hva andre brukere sier
Bbegge Divi Builder og Elementor Pro har titusenvis av brukere. Det flotte at det ikke er mye forskjell i vurderingene til Elementor vs Divi Builder, de er begge høyt rangerte.
Sjekk ut vurderingene for Elementor sidebygger i WordPress-katalogen:
Ulike mennesker, fra utviklere til uformelle brukere, har hatt erfaring i en eller begge av dem, og mange store WordPress-personligheter har sin egen mening og tanker når det gjelder disse pluginene.
Hva folk sier om Divi Builder
Med Divi builder, folk berømmer alltid støtteteamet deres, de fleste 4- og 5-stjerners anmeldelser nevner alltid hvor god støtten deres er.
Selv om Divi Builder kan være litt vanskeligere å bruke enn Elementor, deres supportteam er der for å sikkerhetskopiere deg.
"Elegant Themes Divi Builder og temaet er fantastisk. Jeg søkte høyt og lavt etter et tema med en solid front-end editor/sidebygger, og kastet bort penger på mange temaer av lav kvalitet. Da jeg endelig fant Divi, visste jeg at det var temaet for meg, og jeg bruker det nå i markedsføringsbyrået mitt for å bygge kundens nettsteder fordi det fungerer så bra. De har også fantastisk støtte som er kunnskapsrike og klare til å hjelpe deg med enhver tilpasning av nettstedet du kan tenke deg. ”
“Jeg har vært medlem av Elegant themes i noen år nå, og jeg elsker det. Jeg har laget fantastiske nettsteder for kunder som bruker deres strålende temaer og plugins, og kan aldri se meg selv bruke noe annet. Kundeservice er uten sidestykke, de er raske til å svare og rådene er grundig pålitelige. Utmerket selskap. ”
Hva folk sier om Elementor Pro
Elementors brukere roser hvordan det er en av de beste gratis sidebygger-pluginene på markedet og hvor enkelt det er å bruke at selv nybegynnere ikke har noen problemer med å bruke den.
"Jeg er en ny bruker av programtillegget, men jeg kan ikke understreke nok hvor enkelt programtillegget er å sette opp og de tidsbesparende funksjonene det tilbyr!"
"Ny hos WP, men Elementor er en super sidebygger. Det gjør virkelig webutvikling raskere og mye less frustrerende. Pluss det gjør en vakker jobb. En av funksjonene jeg virkelig virkelig elsker er muligheten til å gå tilbake til tidligere versjoner når jeg eller datamaskinen skruer opp noe. Du kan gå tilbake til den forrige endringen, eller enhver endring i denne økten eller en hvilken som helst lagret endring. Elsker blokk -konseptet! Kan bruke flere blokkmaler. Å lage Elementor -maler er så enkelt å gjøre og bruke. Jeg skulle ønske det var en PHP -widget. Utfordringen er å holde tritt med alle de nye forbedringene etter hvert som de rulles ut ofte. Prøver alltid å forbedre dette gode produktet. Fortsett det gode arbeidet gutta! "
Innpakning: Elementor eller Divi?
Divi Builder og Elementor tilbyr begge et stort utvalg funksjoner som enkelt kan hjelpe deg med å bygge vakre sider. Begge sidebyggerne har fokusert på brukervennlighet.
Selv om de har mange likheter, er brukergrensesnittene deres ganske forskjellige.
Elementor tilbyr tilgjengelighet ved å ha et sidefelt som inneholder verktøy og alternativer, mens Divi går enkelt ved å vise så få UI-elementer som mulig.
Når det gjelder antall standardmaler, tilbyr Divi flere alternativer sammenlignet med Elementor, men begge pluginene har et import- og eksportalternativ, slik at du kan legge til dusinvis av tredjepartsmaler fra andre kilder.
Prismessig er Elementor Pro dyrere enn Divi Builder siden sistnevnte har levetidslisens og ubegrenset nettstedbruk.
Elementor har en maksimumspris på $399 per år, slik at du kan bruke den til tusen nettsteder. Den tilbyr også en gratisversjon som fortsatt tilbyr en kraftig pakke med verktøy og til og med maler som lar deg bygge vakre sider.
Kode Renslighet
Når det gjelder koderenslighet, vil Elementor etterlate seg ren og gyldig HTML-kode hvis du deaktiverer den.
Divi vil legge igjen noen kortkoder på sidene som er noe av et problem å fikse, så det låser deg litt inne.
Men med tanke på at de har et livstidslisensalternativ, er det på en måte berettiget.
Ytelse
Inntil nylig var det ikke mye å velge mellom Elementor og Divi når det gjelder ytelse. Det hele endret seg med siste oppdatering til Divi.
En ny oppdatering av WordPress -temaet betyr at det nå er lettere og raskere enn noen gang før.
Laget har forandret seg mye under panseret. CSS er redusert med 94%, Divi bruker nå dynamisk CSS og smarte stiler for å laste inn bare CSS for siden som vises, og duplikasjoner er redusert over hele linjen.
Andre ytelsesforbedringer i Divi inkluderer introduksjonen av dynamisk PHP for å strømlinjeforme behandlingen, JavaScript-optimaliseringer, Gutenberg-stilarkutsettelse, jQuery-utsettelsesbufring for Google Fonts og innebygde stilark.
Divi scorer nå 100 på Google PageSpeed Desktop og 99 på Google PageSpeed Mobile!
Sikkerhet
Elementor har hatt flere alvorlige sikkerhetsproblemer tidligere, men de ble redusert og løst enkelt.
Divi builder har også opplevd et alvorlig sikkerhetsproblem i januar 2020.
De Divi builder og temaet opplevde et sårbarhet ved injeksjon som krevde en oppdatering.
Dette fører oss til en enkel konklusjon, uansett størrelse på leverandøren, er sårbarheter alltid en mulighet. Kjernen er hvordan selgeren reacts for en slik sårbarhet. Begge disse leverandørene har svart veldig modent på sårbarheten.
Temabyggingskapasitet
Da denne artikkelen først ble skrevet, hadde ikke Divi en temabygningsfunksjon. så vi anbefalte tidligere Elementor hvis du trengte temabyggingsevner.
Men hvordan er situasjonen i disse dager når det gjelder Divi vs Elementors temabygging?
Alt endret seg da Divi 4.0 ble utgitt.
På dette tidspunktet kommer både byggmester og Elementor med samme sett med funksjoner.
Når det gjelder tilpasning og kontroll, Divi og Elementor, er det veldig liten forskjell mellom de to.
Begge tilbyr kraftige temabyggingsfunksjoner med finkornede kontroller som lar deg bygge og designe nettstedet ditt på den måten du vil. Fra egendefinerte statiske sider til tilpassede topptekster, bunntekster og kroppslayout, kan du bygge dem alle!
Så, hvem vinner denne Elementor vs. Divi builder sammenligning?
Det er en ting som gjør Divi builder det bedre produktet totalt sett og tar kanten: Divi-temaet.
Divi kommer i to former: et tema og en plugin. Du vil bruke plugin hvis du vil bruke Divi builder med tredjepartstemaer. Ellers vil du melde deg på å bruke temaet.
Hvorfor er det viktig?
Integrasjon og kompatibilitet.
Hvis du velger temaet, vil du ha null kompatibilitetsproblemer.
Elementor har sitt eget tema, men når du sammenligner det med Divi-tema - er det absolutt ingen sammenligning.
"Hello Elementor"-temaet er barebones og er beregnet på avanserte brukere og utviklere slik at de kan videreutvikle på det. Hvis du vil ha et funksjonsrikt Elementor-tema, må du installere et tredjepartsprodukt.
Du kan vurdere å bruke Astra i dette tilfellet - et Elementor-tema.
Store forskjeller i temabygging
En av de store forskjellene mellom å bruke Elementor og Divis temabyggingsfunksjon er redaktøren.
Det er ganske stor forskjell på brukeropplevelsen, til slutt koker den du foretrekker ned til erfaring og personlige preferanser.
Når du redigerer en topptekst, bunntekst eller egendefinert brødtekstmal i Divi Builder, vil redaktøren kun fokusere på det bestemte området av nettstedet ditt.
For eksempel, når du redigerer en egendefinert overskrift, er det eneste som vil være synlig på skjermen din, ikke annet enn overskriftsområdet.
Ved å bruke Elementor får du oversikt over hele nettstedet uavhengig av om du redigerer en topptekst, bunntekst eller kroppsoppsett.
I denne forbindelse kan vi si at Divi builder fokuserer på distraksjonsfri redigering mens du bruker Elementor ser du hele bildet når som helst.
Les mer: WP Bakery vs Divi - en full sammenligning.
Elementor vs Divi: Fordeler og ulemper
Hvert produkt har styrker og svakheter, og Elementor og Divi er ikke annerledes. Det er sikkert klart nå hva jeg tror de er, men for å oppsummere:
Fordeler med Divi:
- Rent, moderne grensesnitt
- Den nye Divi Builder har endret spillet
- Tillater gratis bruk av widgets og kortkoder
- Prisen er utmerket for byråer og flere nettsteder
- Mange maler og design å bruke
Ulemper med Divi:
- Du kan ikke importere en hel nettsidemal, bare individuelle sider
- Avinstallering etterlater kode
- Kostnad fungerer bare for flere nettsteder
Fordeler med Elementor:
- Enkel å bruke og tilpasse
- Utmerket layoutstyring og finkontroll
- Hundrevis av tilpasninger mulig
- Gratisversjonen gjør den veldig tilgjengelig
- Premium-versjoner tilbyr mange ekstra funksjoner
Ulemper med Elementor:
- Krever et eget WordPress-tema
- Dyrere enn Divi
Elementor vs Divi: Ofte stilte spørsmål
Hva er Divi?
Divi er både en sidebygger og en WordPress -temakombinasjon. Det er et komplett flerbruksprodukt som kan brukes til å bygge alle slags nettsteder fra bunnen av, enten det er e-handel, nisjebasert eller bransjespesifikt eller et portefølje-nettsted. Den er produsert av Elegant Themes og er et av de mest populære WordPress -produktene rundt og har blitt solgt mer enn 850,000 XNUMX ganger.
Hva er Elementor?
Elementor er en av de mest populære WordPress-sidebyggerne rundt. Selv om det ikke er et tema, har det også kraftige temabyggingsegenskaper. Vanligvis brukes Elementor sammen med et tema for å bygge tilpassede innlegg og sider ved hjelp av dra og slipp-funksjoner. Elementor har en gratis og betalt versjon. Takket være gratisversjonen, og de siste årene har den millioner av aktive installasjoner.
Hva er forskjellen mellom Divi og Divi builder?
Divi er WordPress -temaet, Divi builder er dra og slipp -redigereren eller sidebyggeren som er en del av Divi -temaet. I virkeligheten trenger du ikke å skille mellom dem, fordi de fungerer sømmerlessly sammen.
Kan jeg bruke Divi på flere nettsteder?
Ja, når du kjøper Divi til en pris av $89, kan du bruke dette på et ubegrenset antall nettsteder, men du vil få støtte og oppdateringer i kun 1 år. Det er en versjon til $249 som har ubegrenset levetid, ubegrenset støtte og oppdateringer. Hvis du bruker lenken vår på denne siden, får du 10 % rabatt på begge prisene.
Er Elementor den beste sidebyggeren?
Elementor er den beste sidebyggeren for tiden. Selv om dette er subjektivt og kanskje ikke passer for alle, tror vi sterkt at ingen sidebygger i seg selv kan matche funksjonene. Dette betyr selvfølgelig ikke at det passer for alle. Divi med sin pakke med tema + sidebygger er også et utmerket alternativ for mange mennesker.
Er Divi bedre enn Elementor?
For noen mennesker, som ikke ønsker å kjøpe et eget tema og sidebygger, kan Divi gi mer verdi, spesielt hvis du kjøper livstidsavtalen. Hvis du planlegger å bygge kun ett nettsted, tror vi Divi er et godt valg. Hvis du planlegger å bygge flere nettsteder, eller er en utvikler eller designer, kan Elementor være bedre fordi det er kompatibelt med flere temaer, men det vil være dyrere enn Divi totalt sett.
Vil Divi og Elementor samarbeide med Gutenberg?
Ja, både Divi og Elementor fungerer bra med Gutenberg.
Kan du bruke Elementor med Divi?
Ja, du kan bruke Elementor med Divi hvis du har de riktige pluginene installert, men gitt at Divi har sine egne sidebyggerfunksjoner, tror vi det vil være bedre generelt for nettstedet ditt å bruke divi-pluginen hele veien.
Elementor vs. Divi Builder: Siste tanker
Så hva er den endelige dommen når det kommer til Divi vs Elementor sidebyggere?
Til slutt er både Divi og Elementor gode sidebygere. Det kommer ned til din virksomhet og mål.
Hvis du trenger den enkleste byggherren som finnes for et sted eller trenger en GRATIS plan - velg Elementor.
Hvis du er et byrå med mange nettsteder og trenger å bygge hundrevis av sider - velg Divi. Det er en grunn til at alle seriøse byråer og bedrifter bruker Divis levetidstilgang: Det er den beste verdien i virksomheten.
Få Divi nå Skaff deg Elementor nå
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!
Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.
og mange flere ...