Divi vs Visual Composer: Hvad er dine penge værd? (2022)

WordPress PageBuilder Showdown - Visual Composer vs Divi-sammenligning

Opbygning af et websted kan være en overvældende opgave for mange. Faktum er imidlertid, at du kan erobre enhver kamp, ​​hvis du har de rigtige værktøjer. Og det er ingen undtagelse at oprette et websted. Der er mange tilgængelige værktøjer at vælge imellem, og træk og slip WordPress-sidebygere er et sådant værktøj, der for nylig er vundet meget populært. Disse sidebygere er nyttige, når du har brug for en nem måde at opbygge dit WP-websted på.

Oversigt over Divi vs Visual Composer

VS

Effektivitet

Divi tilbyder endeless layoutmuligheder, hvorimod Visual Composer leveres med ekstra funktioner, der kan tilføjes mod et ekstra gebyr. Divi har over 40 moduler og 20 forskellige kolonnelayouter. På den anden side kommer Visual Composer pakket med 40 indholdselementer, herunder diagrammer, postgitre, billedkarruseller, videoafspillere, knapper på sociale medier og tekstblokke.

Brugervenlighed

Læringskurven for Divi er ret høj i forhold til Visual Composer sidebygger, selvom læringen bliver lettere med tiden. Jo længere du udforsker, jo lettere bliver det. På den anden side vil du også have brug for tid til at få fat i Visual Composer, før du rent faktisk begynder at opbygge sider og indlæg med det. Det bør dog ikke tage meget tid at blive fortrolig med Visual Composer.

Support

For begge sidebyggerne er der et supportsystem til rådighed døgnet rundt via e-mails.

Pris

Visual Composer fås til en pris af $ 45, hvilket stiger, hvis du køber yderligere funktioner. Divi Page Builder starter ved $ 89 - men til den pris får du adgang ikke bare til det, men til ALLE produkter fra ElegantThemes - en klar handel. Divi er bestemt ikke den billigste af de to, men værdig, og du får fremragende værdi for pengene.

Hvad vi kunne lide?

Divi

 Divi er perfekt til ikke-programmører og designere, da det giver dig mulighed for faktisk at fremskynde designprocessen, når du først får fat på det.

 Det giver endeless layoutmuligheder, så du kan vælge mellem en lang række moduler og layout. Det leveres også med 19 prædesignede layouter, som du kan tilføje dit logo design.

 Sidebyggeren kommer nu med back-end og front-end-redigering, så du kan se ændringer og opdateringer, du foretager i realtid. 

  Den nye opdatering af august 2021 præstationsopdatering har virkelig ændret, hvordan Divi konkurrerer med andre temaer med hensyn til hastighed.

Visual Composer

   Visual Composer har en let og intuitiv grænseflade og kræver less tid til at lære den faktiske proces med at oprette sider og indlæg med det.

  Visual Composer leveres med en frontend-editor, som giver dig mulighed for at designe og se ændringerne i realtid. Selvom det også kommer med backend-redigering, er det faktisk ikke nødvendigt.

Hvad vi ikke kunne lide?

Divi

 Divi er ret dyrt i forhold til andre træk og slip-sidebygere. 

 Du skal virkelig bruge meget tid og kræfter på at blive fortrolig med det.

 Mangler nogle indholdselementer, der let kan findes i andre sidebygere

Visual Composer

 Visual Composer er kun fantastisk til at opbygge forretningswebsteder.

  Ingen mulighed for at tilføje tredjeparts widgets. (Opdatering: Annie har i kommentarerne påpeget, at widgets er mulige i sidepanelerne via denne tilføjelse.  (Desværre er dette ikke længere tilgængeligt).

Sammendrag:

Hvem vinder kampen? Det er ikke let at sige, hvilken der er den bedste. Sammenlignet virker Visual Composer den åbenlyse vinder med så mange fordele og en lav indlæringskurve. Men når det kommer til Divi, får du et tema med et sidebygger-plugin sammen med en temabyggefunktion på kun $ 89, hvilket er en hel del. Hvis du går i et livstidsmedlemskab, med vores EKSKLUSIV særtilbud (10% RABAT), der er gyldigt i løbet af juli 2022 kun du får adgang til Divi og ALLE fremtidige plugins og temaer!

 OPDATERET (januar 2018)

For nylig er gutterne WPBakery har besluttet at ommærke Visual Composer til WPBakery Page Builder, mens de lancerer et andet produkt, der nu er kendt som Visual Composer. Sidstnævnte er faktisk en webstedsopbygningstjeneste, ikke en WP Page Builder i sig selv. Hvad der tidligere var Visual Composer er nu: WPBakery sidebygger.

I det væsentlige er det gamle og det nye plugin stort set det samme. Så betragt denne sammenligning som en Divi vs WPBakery sidebygger til alle formål og formål.

Følgende er en samtale, jeg havde med Michael fra WPBakery:

"Hej David,

Ja præcis.

Vi omdøbte det til WPBakery Page Builder, og Visual Composer-varemærket bruges til et andet projekt. Undskyld for al frustration. Jeg vil gøre mit bedste for at afklare tingene for dig personligt.

På CodeCanyon har vi WPBakery Page Builder (tidligere Visual Composer Page Builder). Dette er vores mest succesrige og populære produkt, som har været på markedet i mere end 5 år. 

Visual Composer Website Builder er vores nye produkt. Det blev skrevet fra bunden og deler trods navnet ikke noget med Page Builder-pluginet.

At sige, at de ikke bare kan erstattes med hinanden (endnu, vi har planer om at skrive et migreringsværktøj senere). Vores nye Website Builder-produkt sigter mod at blive det eneste værktøj, du nogensinde har brug for til at oprette en komplet webside og uden at bruge en formue på udviklere og ekstra addons.

Visual Composer Website Builder er tilgængelig på visualcomposer.io, og den har en gratis version. Vores udvikling er primært fokuseret på den feedback, vi modtager, og det er derfor, det er så fantastisk - vi tilføjer kun funktioner, der rent faktisk er nødvendige. 

Vi er fuldt ud klar over, at mange brugere stoler på Page Builder-pluginet, og vi vil fortsætte med at støtte det og vigtigst af alt at udvikle det yderligere.

Så ingen bekymringer, dine projekter er sikre.

Michael, fra WPBakery " 

Hvad er WordPress-sidebygere?

Sidebygere er en fantastisk måde at tilføje eller tilpasse sider i WordPress internet side. De giver dig mulighed for at opbygge professionelle og stilfulde websteder uden teknisk viden.

Træk og slip sidebygere, som navnet antyder, giver dig mulighed for at oprette sider ved hjælp af et træk og slip-system. Disse sidebygere er tilgængelige i form af plugins og kan således bruges med ethvert WordPress-tema.

Disse plugins understøttes næsten af ​​ethvert WP-tema og kan kun bruges ved installation og aktivering. De hjælper WordPress-begyndere med at opbygge websteder, som de ellers har svært ved at oprette.

At CollectiveRay, du ved, at vi elsker at tilbyde webdesignblogs, der gør livet for webdesignere lettere. Disse to sidebyggere passer perfekt til vores mantra.

Læs mere: Divi vs Elementor - en opdateret sammenligning i 2021.

Hvorfor bruge WordPress-sidebygere til at oprette websider?

Selvom mange WordPress-temaer kommer med forskellige sidelayouts, finder WP-begyndere dem ofte vanskelige at tilpasse, da de ikke ved noget om programmering. Mange stiller spørgsmål som "Er der nogen nem måde at oprette WP-sider på?" eller "Hvordan kan vi opbygge og tilpasse WordPress-sider uden teknisk viden?" eller "Er der nogen træk og slip sidebygere tilgængelige til WordPress?"

Apropos temaer, hvis du ønsker at oprette et WordPress-medlemskabswebsted, denne sammenfatning af temaer er en god læsning. Hvis du gerne vil se flere af vores anmeldelser og WordPress-temarelaterede artikler, kan du besøge den tilsvarende menu ovenfor.

Nå, den gode nyhed er, at der er en nem måde at oprette WordPress-websteder og især WordPress-sider på! Der er mange WordPress-træk og slip-sidebygere tilgængelige online, der ikke kræver teknisk eller programmeringsmæssig viden.

Disse sidebygere giver dig mulighed for at oprette websider på dit websted uden at skrive en eneste linje kode.

(Side note og vigtig læse: Sådan ansætter du gode WordPress-udviklere)

Fra at tilføje en indholdsskyder til billeder i fuld bredde til flere kolonner, de kommer med mange forskellige komponenter, der hjælper dig med at oprette imponerende og professionelle websider. Disse WordPress-sidebygere er lige så nemme at bruge som at installere og aktivere et plugin. Når den er aktiveret, kan du se en ekstra mulighed på WordPress-editorskærmen, der kan bruges til at opbygge WordPress-sider. Del dine sider i rækker og kolonner, og se ændringerne i realtid.

Nu da der er adskillige træk og slip sidebygere tilgængelige, besluttede vi at sammenligne de to mest populære og sidebygere til WordPress for at guide dig til den rigtige beslutning.

Divi træk og slip WordPress-sidebygger-plugin

August 2021 -opdatering: Ny Divi -version udgivet, der forvandler ydeevnen

En ny opdatering til Divi udgivet i august 2021 har ændret måden, hvorpå dette tema fungerer. Divi har reduceret CSS -filstørrelsen med 94% og introduceret dynamisk CSS, der kun indlæser det, der kræves. Det introducerede også smarte styles til at reducere dubletter, fjernede render-blokerende CSS, optimerede JavaScript og tilføjede en dynamisk PHP-ramme for at øge effektiviteten af ​​funktioner.

Opdatering fra november 2017: Den nye Divi-version er ude med masser af hastighedsopgraderinger

Mens vi faktisk laver en sammenligning mellem Divi og VisualComposer, har vi også skrevet en fuld WordPress Divi 4.0 tema anmeldelse hvis du vil vide specifikt om det.

April 2018-opdatering: 3.1-versionen er udkommet

Plugin fra ElegantThemes har nu en API, der kan bruges til at oprette forbindelse til sidebyggeren for at kunne tilpasse og udvide funktionaliteten efter dine egne specifikke krav!

Divi har revolutioneret, hvordan WordPress-sidebygere fungerer. Du kan nu redigere sider i frontend og se nøjagtigt hvad du laver i realtid! 

Divi er teknisk set ikke et nyt produkt på markedet. Det er blevet brugt af mange i løbet af de sidste år, da det blev integreret med Elegant Themes'Divi Theme blev lanceret i 2013. Det har vundet stor popularitet siden starten. Skaberne af Divi sidebygger har taget et godt produkt til et fremragende produkt ved at inkorporere nye funktioner og funktionalitet.

Divi Drag and Drop Page Builder er et premium WordPress -plugin og er ifølge os en af ​​de bedste WordPress -sidebyggere, der findes. Divi Plugin er ekstremt hurtigt og fungerer med siderne og indlæggene på dit webstedless af den type indhold, du tilføjer. Divi giver dig mulighed for at oprette brugerdefinerede layout og derefter tilpasse disse layout med forskellige indholdsmoduler.

Efter installation og aktivering af Divi Page Builder skal du klikke på "Brug The Divi Builder”På den respektive side eller indlægsredigeringsskærm, og begynd at tilpasse ved hjælp af builder -grænsefladen.

Denne sidebygger følger rækkerne og kolonnernes layout, hvilket betyder, at du kan tilføje et antal rækker og kolonner på din side, før du opdaterer brugerdefineret indhold. Nedenfor er et eksempel på opsætning af rækker og kolonner på Divi i backend.

Divi Builder er mere et back-end builder-værktøj end en front-end editor. Således bliver du nødt til at foretage et par skift mellem back-end og front-end for at vide, hvordan siden vil se ud for dine besøgende, når den går live. Her er et lille kig på, hvordan opbygning af en side med Divi ville se ud.

Bemærk: Fra og med Divi 3.18 har du som standard ikke adgang til den klassiske backend-builder, som er den ovenfor. Hvis du vil bruge det, skal du gå til Divi> Temaindstillinger> Builder> Avanceret og skift derefter Aktiver det nyeste Divi Builder Erfaring til handicappet.

Divi har udviklet sig til at være en mere visuel sidebygger i realtid.

I de tidligere dage af sidebygere var visuelle bygherrer lidt langsommere at indlæse (de var ret tunge) og derfor sværere at bruge. Backendbyggere var langt mere populære dengang, fordi de var lettere.

Men med stigningen i nutidens computers processorkraft og udviklingen af ​​nyere webteknologier som f.eks. Facebooks React, disse problemer med "tungere" front-ender er næsten fuldstændig elimineret.

Visuelle sidebygere har stadig en tendens til at være lidt langsommere, når de beskæftiger sig med store og komplekse websider, men heldigvis har Divi en løsning på det.

Mens Divi nu som standard er en realtids visuel sidebygger, har den stadig en funktion kaldet wireframe-tilstand.

Wireframe-tilstanden kombinerer tilpasningsmulighederne for den visuelle editor med hastigheden og enkelheden i backend-editoren, hvilket giver dig det bedste fra begge verdener. Så hvis du har at gøre med en stor og kompleks side, skal du vælge at bruge wireframe-tilstanden. Udover at være lettere, giver den også et renere og mere organiseret overblik over alle elementer på en side.

Opdateret februar 2018

Byggeriet er nu blevet opdateret for at kunne arbejde fuldt ud i frontend og i realtid. I det væsentlige snarere end at skulle forestille sig, hvordan din side ser ud, kan du nu se nøjagtigt, hvad du bygger, mens du bygger den. Du behøver ikke engang at arbejde på back-end længere, det hele kan gøres fra front-end nu. 

Se på GIF nedenfor, der viser dig, hvordan redigering af en del af siden ser ud i realtid.

Opdatering oktober 2019: The New Divi 4.0 introducerer Theme Builder

Fra oktober 2019 kommer Divi nu med en stærk temabygger.

Det er nu muligt at bruge kraften fra Divi-træk og slip-sidebyggeren til at oprette brugerdefinerede sidehoveder og sidefødder såvel som brugerdefinerede body-skabeloner som produktskabeloner, blogindlægskabeloner og mere.

Ikke kun det, men du kan også oprette brugerdefinerede indekssider som kategorisider, arkivsider, produktarkivsider og mere.

Temabyggeren leveres med et kraftfuldt værktøj, der lader dig inkludere eller ekskludere bestemte områder på dit websted fra en bestemt skabelon.

Med dette kan du nemt oprette skabeloner, der anvendes på hele dit websted eller oprette dem, der kun anvendes på bestemte områder af dit websted, for eksempel et enkelt indlæg eller en side eller til bestemte indlæg, der tilhører en bestemt kategori.

Den nye temabygger kan fås ved at gå til Divi > Tema Builder.

Derfra kan du få adgang til alle de skabeloner, du har oprettet før. Du kan tilføje nye skabeloner, redigere eller slette eksisterende eller importere / eksportere en skabelon til / fra eksterne kilder.

Bortset fra muligheden for at oprette brugerdefinerede sidehoveder og sidefødder (som var en meget efterspurgt funktion, siden Divi blev frigivet), kan du også oprette brugerdefinerede skabeloner, der ændrer design, layout og struktur for dine indlæg, produkter og andre indlægstyper.

Dette er heller ikke begrænset til brugerdefinerede indlægstyper, du kan også oprette tilpassede indekssider som f.eks. Et brugerdefineret kategorifeed.

Med den nye temabygger kan du endda omdanne standard WordPress-temaet til et premiumprodukt, sådan er kraften i de nye funktioner.

Visual Composer Træk og slip sidebygger

Visual Composer er en anden imponerende træk og slip-sidebygger udviklet af WP Bakery. Opbygning og tilpasning af sider med Visual Composer er super let, og den leveres med over 40 indholdselementer. Du får fuld kontrol over sidelayoutet, når du aktiverer Visual composer. Start med at klikke på knappen "Backend Editor" på skærmbilledet til sideditor. Tilføj billeder, tekst, knapper, rækker, kolonner og så meget mere.

Visual Composer giver dig mulighed for at oprette komplekse sidelayouts inden for få minutter. Så der er ikke flere korte koder nu! Du kan tilføje elementer og kolonner med et enkelt klik, trække og slippe. En anden stor fordel ved Visual Composer er, at det giver dig mulighed for at gemme layout som skabeloner og genbruge dem hvor som helst og når som helst.

Selvfølgelig er antallet af indholdselementer, der følger med Visual Composer, overvældende, det er virkelig svært at finde noget, der ikke er taget højde for, mens du bygger dit Wordpress-websted med denne sidebygger.

Hvor let er det at oprette en eller flere WordPress-sider med Page Builders?

WordPress-træk og slip-sidebyggerne giver brugeren mulighed for at oprette eller tilpasse hver side eller indlæg med minimal tid og kræfter. Dette er gode tilføjelser til WordPress-begyndere, der ønsker at udvikle designlayout af høj kvalitet til sider og indlæg, men som ikke har nogen viden om kodning. Siderne og indlæggene oprettes inden for få minutter og til en meget lav pris.

Disse kan hjælpe alle, uanset om personen er fortrolig med kodning eller ej.

Imidlertid betyder "træk og slip" ikke automatisk "let". 

Selvom det til sidst bliver let at bruge dem, har du stadig brug for tid til at vide, hvordan du skal gøre det. Når du begynder med WordPress-sidebygere, kan du forvente at bruge et par timer på at virkelig få fat på det. Men som du kan se i vores Divi vs Visual Composer-artikel - vil du se, at de begge i sidste ende bliver ret nemme at bruge. De er trods alt bygget med dette formål i tankerne.

Kan jeg oprette WordPress-sider hurtigt?

Disse WordPress-sidebygere giver dig mulighed for at oprette professionelle og unikke sider gennem indholdsblokke. Nogle sidebygere kalder disse byggesten som indholdselementer, og nogle kalder dem moduler. Det være sig moduler eller indholdselementer, disse byggesten bruges grundlæggende til at oprette sider ved at trække og slippe en del af elementerne på siden.

Fra generelle indstillinger til avancerede tilpassede CSS-indstillinger kommer disse sidebygere med mange muligheder. Hvor hurtigt du kan oprette sider med disse sidebygere afhænger virkelig af, hvor hurtigt du bliver fortrolig med WordPress-sidebyggeren, og hvor hurtigt du lærer, hvordan du bruger dem.

Med hensyn til Divi er indlæringskurven ret høj, som vi tidligere har nævnt. Du skal sandsynligvis undersøge mulighederne og lære at bruge dem nøjagtigt, før du rent faktisk går i gang. På den anden side har Visual Composer en lavere indlæringskurve og kræver less tid og kræfter.

Der er mange levende eksempler tilgængelig på sidebyggernes officielle websteder for at vide, hvordan de præcist fungerer, og hvordan du kan bruge dem til at få det bedste frem på dit websted. Se på Divi-dokumentation her, mens for Visual Composer - følg hjemmesiden herfra.

Specifikke funktioner i Divi vs Visual Composer

Hvad gør disse sidebygere så specielle? Det er klart, at funktionerne!

Divi og Visual Composer træk og slip sidebygere kommer med fantastiske funktioner, der får dem til at skille sig ud fra mængden.

Divi træk og slip sidebygger giver dig mulighed for at tilføje tilpasset CSS. Du kan tilføje tilpasset CSS til bestemte dele af siden og give dine sider et strejf af tilpasning. Denne funktion begrænser ikke designerne fra at designe siden bare ved at trække og slippe elementerne og modulerne. Custom CSS-funktion giver WordPress-designere en mulighed for at tilpasse individuelle dele efter deres krav. Se demoerne på sider oprettet med Divi her.

Kombiner den tilpassede CSS med temabyggeren, og du har total kontrol over dit websteds design og layout. Hvis du er en avanceret bruger eller en webdesigner, vil Divi fremskynde din webstedsdesignproces betydeligt ved at udføre det meste af grunt arbejde for dig.

Nye forbedringer af CSS i opdateringen i august 2021 gør det endnu mere effektivt. Smarte stilarter reducerer dobbeltarbejde inden for CSS. Dynamisk CSS indlæser kun det nødvendige for den pågældende side, og CSS -filstørrelsen er samlet set reduceret med 94%.

Alt dette kombineret med andre præstationsforbedringer hjælper Divi med at score 100 på Google PageSpeed ​​Desktop og 99 på Google PageSpeed ​​Mobile. Det rammer også 100% på GTmetrix!

Du behøver ikke længere at skrive nogen kode fra bunden.

På den anden side kommer Visual Composer med mere end 50 tilføjelser, hvilket betyder, at du kan udvide funktionaliteten til sidebyggeren ved at tilføje yderligere funktioner. Selvom disse ekstra funktioner bliver lidt dyre og føjer til læringskurven, er de prisen værd, hvis du virkelig beslutter dig for at bruge Visual Composer til at opbygge dine websidesider og indlæg.

Divi / Visual Composer Omkostninger

Divi Træk og slip sideværktøj vil koste dig $ 89 om året og $ 249 for livstidsadgang. Når man ser på alle de muligheder, moduler og elementer, den tilbyder, plus temabyggeren, er prisen en stjæling - tænk hele tiden, du sparer for at opbygge hele WordPress-webstedet, som du ville have ønsket.

Der er også et nedsat tilbud på plads lige nu indtil juli 2022 hvor du kan få 10% rabat på alle priser. Dette er eksklusivt for CollectiveRay - så tag et godt tilbud nu.

Få 10 FRA indtil juli 2022 

Visual Composer Drag and Drop Page Builder koster dig kun $ 45. Nå, dette er faktisk en god pris for en fantastisk sidebygger. Da Visual Composer imidlertid har yderligere funktioner, skal du muligvis betale ekstra gebyrer for den ekstra funktionalitet. Dette afhænger igen af ​​dit forbrug og krav. Når du først begynder at bruge Visual Composer, kan du finde disse ekstra funktioner ret praktiske.

Kundeudtalelser

Der har været mange mennesker, der brugte disse sidebygere til at opbygge deres websteder og fandt dem virkelig nyttige. Vi søgte efter andre mennesker, der allerede har brugt disse produkter. Udtalelserne og casestudierne, der er anført her, er for at se, at vi ikke selv er forudindtagede over for nogen af ​​WordPress-sidebyggerne.

Lær mere om funktionerne i Divi page builder her:

https://athemes.com/reviews/divi-builder-review/

Ifølge Kevin Muldoon fra WPMUDev er “Visual Composer den førende sælger af træk-og-slip-sidebygger og overgår 20,000 salgs milepæle i selve marts 2014.” Læs resten af ​​artiklen her:

https://premium.wpmudev.org/blog/visual-composer-review/

Afsluttende tanker

Visual Composer er en funktionsrig sidebygger, der er fyldt med 40 indholdselementer. Det giver dig også mulighed for at oprette sider og se ændringer i realtid gennem front-end og back-end admin-området. Derudover er elementerne i Visual Composer alle lydhøre og får dine sider til at se fremragende ud på forskellige enheder.

Divi træk og slip sidebygger har været en del af Divi -temaet for Elegant themes og har således allerede vundet tillid og tro hos mange WordPress -udviklere. Det har brugervenlig grænseflade og de største styrker ved denne sidebygger er dens evne til at opdele indhold i moduler, kolonner, rækker og sektioner.

Med tilføjelsen af ​​den nye temabygger vil Divi endda tiltrække flere WordPress-brugere. Evnen til at tilpasse hele dit websted er en uvurderlig funktion, der hjælper brugere på alle niveauer med at skabe nøjagtigt det, de ønsker, uden at bruge meget tid.

Selvom hver sidebygger har et andet system til opbygning af sider og indlæg, er både Visual Composer og Divi Page builder gode WordPress-plugins til at oprette websteder. Det er din test og dine behov, der vil retfærdiggøre valget af den ene mod den anden.