Divi vs Visual Composer: Vilket är värt dina pengar? (2021)

WordPress PageBuilder Showdown - Visual Composer vs Divi Comparison

Att bygga en webbplats kan vara en överväldigande uppgift för många. Faktum är dock att du kan erövra alla strider om du har rätt verktyg. Och att bygga en webbplats är inget undantag. Det finns många verktyg tillgängliga att välja mellan, och dra och släpp WordPress-sidbyggare är ett sådant verktyg som nyligen har blivit mycket populärt. Dessa sidbyggare är till nytta när du behöver ett enkelt sätt att bygga din WP-webbplats.

divi vs visuell kompositör sidbyggare

Divi vs Visual Composer Sammanfattning

divi builder plugin

VS

visuell kompositör

effektivitet

Divi erbjuder slutless layoutmöjligheter, medan Visual Composer kommer med ytterligare funktioner som kan läggas till mot en extra avgift. Divi har över 40 moduler och 20 olika kolumnlayouter. Å andra sidan kommer Visual Composer packad med 40 innehållselement inklusive diagram, postnät, bildkaruseller, videospelare, sociala medieknappar och textblock.

Användarvänlighet

Inlärningskurvan för Divi är ganska hög i jämförelse med Visual Composer sidbyggare, men inlärningen blir lättare med tiden. Ju längre du utforskar desto lättare blir det. Å andra sidan skulle du också behöva tid för att få tag på Visual Composer innan du faktiskt börjar bygga sidor och inlägg med den. Det bör dock inte ta mycket tid att bli bekant med Visual Composer.

Support & Kundservice

För båda sidbyggarna finns ett supportsystem tillgängligt dygnet runt via e-post.

Pris

Visual Composer är tillgänglig till en kostnad av $ 45, vilket ökar om du köper ytterligare funktioner. Divi Page Builder börjar på $ 89 - men för det priset får du inte bara tillgång till det utan till ALLA produkter från ElegantThemes - ett klart fynd. Divi är verkligen inte den billigaste av de två, men värdig och du får utmärkt valuta för pengarna.

 

Vad vi gillade?

Divi

 Divi är perfekt för icke-programmerare och designers, eftersom det gör att du faktiskt kan påskynda designprocessen när du har fått tag på det.

 Det erbjuder slutless layoutmöjligheter så att du kan välja bland ett brett utbud av moduler och layouter. Det kommer också med 19 fördesignade layouter som du kan lägga till din Logo Design.

 Sidbyggaren kommer nu med backend- och frontend-redigering så att du kan se ändringar och uppdateringar du gör i realtid. 

  Den nya uppdateringen augusti 2021 prestationsuppdatering har verkligen förändrat hur Divi konkurrerar med andra teman när det gäller hastighet.

Visual Composer

   Visual Composer har ett enkelt och intuitivt gränssnitt och kräver less dags att lära sig själva processen med att skapa sidor och inlägg med den.

  Visual Composer levereras med en frontredigerare som låter dig designa och se förändringarna i realtid. Även om det också kommer med backend-redigering krävs det faktiskt inte.

Vad vi inte tyckte om?

Divi

 Divi är ganska dyrt jämfört med andra drag och släpp-sidbyggare. 

 Du måste verkligen lägga mycket tid och ansträngningar för att bekanta dig med det.

 Saknar några innehållselement som lätt kan hittas i andra sidbyggare

Visual Composer

 Visual Composer är utmärkt för att bara bygga webbplatser för företag.

  Inget alternativ för att lägga till widgets från tredje part. (Uppdatering: Annie har i kommentarerna påpekat att widgetar är möjliga i sidofältet via detta tillägg.  (Tyvärr är detta inte längre tillgängligt).

Sammanfattning:

Vem vinner striden? Det är inte lätt att säga vilken som är bäst. Jämfört verkar Visual Composer vara den uppenbara vinnaren med så många fördelar och en låg inlärningskurva. Men när det gäller Divi får du ett tema med ett sidbyggare-plugin tillsammans med en temabyggningsfunktion på endast $ 89 vilket är en hel del. Om du går för ett livstidsmedlemskap, med vårt EXKLUSIV specialerbjudande (10% RABATT) som gäller under Oktober 2021 bara du får tillgång till Divi och ALLA framtida plugins och teman!

 

Prova Divi builder Nu
Prova Visual Composer nu

 UPPDATERAD (januari 2018)

Nyligen är killarna WPBakery har beslutat att ommärka Visual Composer till WPBakery Page Builder, samtidigt som de lanserar en annan produkt som nu kallas Visual Composer. Den senare är faktiskt en webbplatsbyggnadstjänst, inte en WP Page Builder i sig. Det som tidigare var Visual Composer är nu: WPBakery sidbyggare.

I grund och botten är det gamla och det nya pluginet praktiskt taget detsamma. Så betrakta denna jämförelse som en Divi vs WPBakery sidbyggare, för alla ändamål.

Följande är en konversation jag haft med Michael från WPBakery:

"Hej David,

Ja exakt.

Vi ommärker det till WPBakery Page Builder och Visual Composer-varumärket används för ett annat projekt. Ledsen för all frustration. Jag kommer att göra mitt bästa för att klargöra saker för dig personligen.

På CodeCanyon har vi WPBakery Page Builder (tidigare Visual Composer Page Builder). Detta är vår mest framgångsrika och populära produkt som har funnits på marknaden i mer än 5 år. 

Visual Composer Website Builder är vår nya produkt. Det skrevs från början och trots att namnet inte delar något med plugin-programmet Page Builder.

Att säga att de inte bara kan ersättas med varandra (ännu har vi planer på att skriva ett migreringsverktyg senare). Vår nya Website Builder-produkt syftar till att bli det enda verktyget du någonsin behöver för att skapa en komplett webbplats och utan att spendera en förmögenhet på utvecklare och extra addons.

Visual Composer Website Builder finns på visualcomposer.io och den har en gratis version. Vår utveckling är främst inriktad på den feedback vi får och det är därför det är så fantastiskt - vi lägger bara till funktioner som faktiskt behövs. 

Vi är helt medvetna om att många användare litar på plugin-programmet Page Builder och vi kommer att fortsätta att stödja det och viktigast att utveckla det ytterligare.

Så inga bekymmer, dina projekt är säkra.

Michael, från WPBakery " 

Vad är WordPress-sidbyggare?

Sidbyggare är ett bra sätt att lägga till eller anpassa sidor i en Wordpress hemsida. De låter dig bygga professionella och snygga webbplatser utan teknisk kunskap.

Dra och släpp sidbyggare, som namnet antyder, låter dig skapa sidor med ett dra-och-släpp-system. Dessa sidbyggare finns i form av plugins och kan därmed användas med vilket WordPress-tema som helst.

Dessa plugins stöds nästan av varje WP-tema och kan bara användas genom att installera och aktivera. De hjälper WordPress-nybörjare att bygga webbplatser som de annars har svårt att skapa.

At CollectiveRay, du vet att vi älskar att presentera webbdesignbloggar som gör livet för webbdesigners enklare. Dessa två sidbyggare passar perfekt med vårt mantra.

Läs mer: Divi vs Elementor - en uppdaterad jämförelse 2021.

Varför använda WordPress-sidbyggare för att skapa webbsidor?

använd sidbyggare för att bygga webbsidor

Även om många WordPress-teman har olika sidlayouter, har WP-nybörjare ofta svårt att anpassa dem eftersom de inte vet något om programmering. Många ställer frågor som "Finns det något enkelt sätt att skapa WP-sidor?" eller "Hur kan vi bygga och anpassa WordPress-sidor utan att ha någon teknisk kunskap?" eller "Finns det några drag-och-släpp-sidbyggare tillgängliga för WordPress?"

På tal om teman, om du vill skapa en WordPress-medlemswebbplats, detta sammanfattning av teman är en bra läsning. Om du vill se fler av våra recensioner och WordPress-temarelaterade artiklar kan du besöka motsvarande meny ovan.

De goda nyheterna är att det finns ett enkelt sätt att skapa WordPress-webbplatser och särskilt WordPress-sidor! Det finns många WordPress-drag och släpp-sidbyggare tillgängliga online som inte kräver någon teknisk eller programmeringskunskap.

Dessa sidbyggare gör att du kan skapa webbsidor på din webbplats utan att skriva en enda kodrad.

(Sidanot och väsentlig läsning: Hur man anställer bra WordPress-utvecklare)

Från att lägga till en innehållsreglage till bilder i full bredd till flera kolumner, kommer de med många olika komponenter som hjälper dig att skapa imponerande och professionella webbsidor. Dessa WordPress-sidbyggare är lika enkla att använda som att installera och aktivera ett plugin. När du väl har aktiverat kan du se ett ytterligare alternativ på WordPress-redigeringsskärmen som kan användas för att bygga WordPress-sidor. Dela dina sidor i rader och kolumner och se förändringarna i realtid.

Nu eftersom det finns många drag-och-släpp-sidbyggare tillgängliga bestämde vi oss för att jämföra de två mest populära och sidbyggarna för WordPress för att vägleda dig till rätt beslut.

Divi Dra och släpp WordPress Page Builder Plugin

Divi Page Builder

 

Uppdatering i augusti 2021: Ny Divi -version släppt som förändrar prestanda

En ny uppdatering till Divi som släpptes i augusti 2021 har förändrat hur detta tema fungerar. Divi har minskat CSS -filstorleken med 94% och introducerat dynamisk CSS som bara laddar det som krävs. Det introducerade också smarta stilar för att minska dubbletter, tog bort CSS-blockerande renderingsblockering, optimerade JavaScript och lade till ett dynamiskt PHP-ramverk för att öka funktionernas effektivitet.

Uppdatering från november 2017: Den nya Divi-versionen är ute med massor av hastighetsuppgraderingar

Medan vi faktiskt gör en jämförelse mellan Divi och VisualComposer, har vi också skrivit en fullständig WordPress Divi 4.0 temagranskning om du vill veta specifikt om det.

April 2018-uppdatering: 3.1-versionen är ute

Plugin från ElegantThemes har nu ett API som kan användas för att ansluta till sidbyggaren för att kunna anpassa och utöka funktionaliteten enligt dina egna specifika krav!

Divi har revolutionerat hur WordPress-sidbyggare fungerar. Du kan nu redigera sidor i frontend och se exakt vad du gör i realtid! 

1ALjCZkKuUM

Divi är tekniskt sett ingen ny produkt på marknaden. Det har använts av många under de senaste åren eftersom det integrerades med Elegant Themes'Divi Theme lanserades 2013. Det har vunnit mycket popularitet sedan starten. Tillverkarna av Divi sidbyggare har tagit en bra produkt till en enastående produkt genom att införliva nya funktioner och funktioner.

Divi Drag and Drop Page Builder är en premium WordPress -plugin och enligt oss är en av de bästa WordPress -sidbyggarna som finns tillgängliga. Divi Plugin är extremt snabb och fungerar med sidorna och inläggen på din webbplatsless av den typ av innehåll du lägger till. Med Divi kan du skapa anpassade layouter och sedan anpassa dessa layouter med olika innehållsmoduler.

Efter att du har installerat och aktiverat Divi Page Builder måste du klicka på "Använd The Divi Builder”På respektive sida eller postredigeringsskärm och börja anpassa med hjälp av byggargränssnittet.

Denna sidbyggare följer raderna och kolumnerna layout system vilket innebär att du kan lägga till ett antal rader och kolumner på din sida innan du uppdaterar anpassat innehåll. Nedan följer ett exempel på hur du ställer in rader och kolumner på Divi i backend.

Divi-sidbyggare - sidexempel

Divi Builder är mer ett back-end-byggverktyg än en front-end-editor. Således måste du göra några växlingar mellan backend och frontend för att veta hur sidan kommer att se ut för dina besökare när den går live. Här är en liten titt på hur att bygga en sida med Divi skulle se ut.

Obs! Från och med Divi 3.18 kommer du inte att kunna komma åt den klassiska backend-byggaren som standard, som är den som visas ovan. Om du vill använda den måste du gå till Divi> Temalternativ> Builder> Avancerat och sedan växla mellan Aktivera det senaste Divi Builder Erfarenhet till Inaktiverad.

klassisk backendredigerare

Divi har utvecklats till att bli en mer visuell sidbyggare i realtid.

Tidigare hos sidbyggare var visuella byggare lite långsammare att ladda (de var ganska tunga) och därför svårare att använda. Backendbyggare var mycket mer populära då eftersom de var lättare.

Men med ökningen av dagens dators processorkraft och utvecklingen av nyare webbteknik som Facebooks React, har problemen med "tyngre" frontändar nästan helt eliminerats.

Visuella sidbyggare tenderar fortfarande att vara lite långsammare när det gäller stora och komplexa webbsidor, men tack och lov har Divi en lösning för det.

Medan Divi nu är en visuell sidbyggare i realtid har den fortfarande en funktion som kallas trådramsläge.

Trådramsläget kombinerar anpassningsalternativen för den visuella redigeraren med backendredigerarens hastighet och enkelhet, vilket ger dig det bästa från båda världar. Så om du har att göra med en stor och komplex sida, välj sedan att använda trådramsläget. Förutom att det är lättare presenterar det också en renare och mer organiserad översikt över alla element på en sida.

trådramsläge

Uppdaterad februari 2018

Byggaren har nu uppdaterats för att kunna arbeta helt i fronten och i realtid. I grund och botten, snarare än att behöva föreställa sig hur din sida ser ut, kan du nu se exakt vad du bygger, när du bygger den. Du behöver inte ens arbeta på back-end längre, det kan allt göras från front-end nu. 

Ta en titt på GIF nedan som visar hur redigeringsdelen av sidan ser ut i realtid.

Redigering av sidor i realtid

Uppdatering oktober 2019: Nya Divi 4.0 introducerar temabyggaren

Från och med oktober 2019 kommer Divi nu med en kraftfull temabyggare.

Det är nu möjligt att använda kraften i Divi dra och släpp-sidbyggare för att skapa anpassade sidhuvuden och sidfot samt anpassade kroppsmallar som produktmallar, blogginläggsmallar och mer.

Inte bara det, men du kan också skapa anpassade indexsidor som kategorisidor, arkivsidor, produktarkivsidor och mer.

divi tema byggare

Temabyggaren levereras med ett kraftfullt verktyg som låter dig inkludera eller utesluta vissa områden på din webbplats från en specifik mall.

Med detta kan du enkelt skapa mallar som tillämpas på hela din webbplats eller skapa sådana som endast tillämpas på specifika områden på din webbplats, till exempel ett enda inlägg eller sida eller på vissa inlägg som tillhör en viss kategori.

villkorad logik

Den nya temabyggaren kan nås genom att gå till Divi > Temabyggare.

Därifrån kan du komma åt alla mallar du har skapat tidigare. Du kan lägga till nya mallar, redigera eller ta bort befintliga eller importera / exportera en mall till / från externa källor.

åtkomst till temabyggare

Bortsett från möjligheten att skapa anpassade sidhuvuden och sidfot (vilket var en mycket efterfrågad funktion sedan Divi släpptes), kan du också skapa anpassade mallar som ändrar design, layout och struktur för dina inlägg, produkter och andra inläggstyper.

Detta är inte heller begränsat till anpassade inläggstyper, du kan också skapa anpassade indexsidor som till exempel ett anpassat kategoriflöde.

Med den nya temabyggaren kan du förvandla till och med standard WordPress-temat till en premiumprodukt som är kraften i de nya funktionerna.

 

Prova Divi builder Nu
 

 

  

Visual Composer Dra och släpp sidbyggare

visuell kompositör

Visual Composer är en annan imponerande drag-and-drop-sidbyggare som utvecklats av WP Bakery. Att bygga och anpassa sidor med Visual Composer är super enkelt och det kommer med över 40 innehållselement. Du får fullständig kontroll över sidlayouten när du aktiverar Visual composer. Börja med att klicka på "Backend Editor" -knappen på sidredigeringsskärmen. Lägg till bilder, text, knappar, rader, kolumner och så mycket mer.

alternativ för visuell kompositörs backend

 

Visual Composer låter dig skapa komplexa sidlayouter inom några minuter. Så inga fler kortkoder nu! Du kan lägga till element och kolumner med ett enda klick, dra och släppa. En annan stor fördel med Visual Composer är att den låter dig spara layouter som mallar och återanvända dem var som helst, när som helst.

visuell kompositör redigerar en sida

 

Naturligtvis är antalet innehållselement som följer med Visual Composer överväldigande, det är verkligen svårt att hitta något som inte tillgodoses när du bygger din Wordpress-webbplats med denna sidbyggare.

element för visuell kompositörinnehåll

 

 
Prova Visual Composer nu

 

 

 

Hur lätt är det att skapa en eller flera WordPress-sidor med sidbyggarna?

WordPress-drag-och-släpp-sidbyggare gör att användaren kan skapa eller anpassa varje sida eller inlägg med minimal tid och ansträngning. Det här är bra tillägg för WordPress-nybörjare som vill utveckla högkvalitativ designlayout för sidor och inlägg men inte har någon kunskap om kodning. Sidorna och inläggen skapas inom några minuter och till en mycket låg kostnad.

Dessa kan hjälpa vem som helst om personen är bekant med kodning eller inte.

Men "dra och släpp" betyder inte automatiskt "lätt". 

Även om det så småningom blir lätt att använda dem, behöver du fortfarande tid att veta hur du ska göra det. När du börjar med WordPress-sidbyggare kan du förvänta dig att spendera några timmar på att verkligen få tag på det. Men som du kan se i vår Divi vs Visual Composer-artikel kommer du att se att de båda så småningom blir ganska enkla att använda. De är byggda med detta syfte i åtanke trots allt.

Kan jag skapa WordPress-sidor snabbt?

Med dessa WordPress-sidbyggare kan du bygga professionella och unika sidor genom innehållsblock. Vissa sidbyggare kallar dessa byggstenar som innehållselement och andra kallar dem moduler. Vare sig det är moduler eller innehållselement, dessa byggstenar används i princip för att skapa sidor genom att dra och släppa en del av elementen på sidan.

Från allmänna inställningar till avancerade anpassade CSS-inställningar, har dessa sidbyggare många alternativ. Hur snabbt du kan skapa sidor med dessa sidbyggare beror verkligen på hur snabbt du blir bekant med WordPress-sidbyggaren och hur snabbt du lär dig hur du använder dem.

När det gäller Divi är inlärningskurvan ganska hög som vi har nämnt tidigare. Du måste förmodligen utforska alternativen och lära dig hur du använder dem exakt innan du faktiskt börjar. Å andra sidan har Visual Composer en lägre inlärningskurva och kräver less tid och ansträngning.

Det finns många levande exempel tillgängliga på sidbyggarnas officiella webbplatser för att veta hur de fungerar exakt och hur du kan använda dem för att få fram det bästa på din webbplats. Ta en titt på Divi-dokumentation här, medan för Visual Composer - följ hemsidan härifrån.

Specifika funktioner i Divi vs Visual Composer

Vad gör dessa sidbyggare så speciella? Uppenbarligen, funktionerna!

Drag- och släppsidebyggare för Divi och Visual Composer kommer med fantastiska funktioner som gör att de sticker ut från mängden.

Med Divi-drag-och-släpp-sidbyggare kan du lägga till anpassad CSS. Du kan lägga till anpassad CSS till vissa delar av sidan och ge dina sidor en touch av anpassning. Den här funktionen begränsar inte designers från att designa sidan bara genom att dra och släppa elementen och modulerna. Anpassad CSS-funktion ger WordPress-designers en möjlighet att anpassa enskilda delar efter deras krav. Ta en titt på demos från sidor som skapats med Divi här.

Kombinera den anpassade CSS med temabyggaren och du har total kontroll över din webbplats design och layout. Om du är en avancerad användare eller en webbdesigner kommer Divi att påskynda din webbdesignprocess avsevärt genom att göra det mesta av gruntarbetet åt dig.

Nya förbättringar av CSS i uppdateringen i augusti 2021 gör det ännu mer effektivt. Smarta stilar minskar dubbelarbete inom CSS. Dynamisk CSS laddar bara det som är nödvändigt för just den sidan och CSS -filstorleken har minskat med 94% totalt sett.

Allt detta, i kombination med andra prestandaförbättringar hjälper Divi att få 100 på Google PageSpeed ​​Desktop och 99 på Google PageSpeed ​​Mobile. Det träffar också 100% på GTmetrix!

Du behöver inte skriva någon kod från grunden längre.

Å andra sidan kommer Visual Composer med mer än 50 tillägg, vilket innebär att du kan utöka sidbyggarens funktionalitet genom att lägga till ytterligare funktioner. Även om dessa ytterligare funktioner blir lite dyra och lägger till inlärningskurvan, är de värda priset om du verkligen bestämmer dig för att använda Visual Composer för att bygga dina webbsidor och inlägg.

Kostnad för Divi / Visual Composer

Divi Drag and Drop-sidbyggare kommer att kosta dig $ 89 per år och $ 249 för livstidsåtkomst. Om du tittar på alla alternativ, moduler och element som erbjuds, plus temabyggaren, är priset en stjäl - tänk på hela tiden du kommer att spara och kämpar för att bygga hela WordPress-webbplatsen som du skulle ha velat.

Det finns också ett rabatterat erbjudande på plats nu fram till Oktober 2021 där du kan få 10% rabatt på alla priser. Detta är exklusivt för CollectiveRay - så ta ett fynd nu.

Få 10 OFF till Oktober 2021 

Visual Composer Drag and Drop Page Builder kostar bara 45 USD. Det här är faktiskt ett bra pris för en fantastisk sidbyggare. Eftersom Visual Composer har ytterligare funktioner kan du dock behöva betala extra avgifter för den extra funktionen. Detta beror igen på din användning och ditt krav. När du har börjat använda Visual Composer kan du hitta dessa ytterligare funktioner ganska praktiska.

Referenser

Det har varit många människor som använde dessa sidbyggare för att bygga sina webbplatser och tyckte dem var väldigt hjälpsamma. Vi sökte efter andra personer som redan har använt dessa produkter. De vittnesmål och fallstudier som anges här är för att se att vi inte är partiska mot någon av WordPress-sidbyggarna själva.

Läs mer om funktionerna i Divi-sidbyggaren här:

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

Enligt Kevin Muldoon från WPMUDev är "Visual Composer den främsta säljaren av drag och släpp-sidbyggare, som passerar 20,000 2014 försäljnings milstolpar i mars XNUMX själv." Läs resten av artikeln här:

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

Avslutande tankar

Visual Composer är en funktionsrik sidbyggare som är packad med 40 innehållselement. Det gör det också möjligt för dig att skapa sidor och se förändringarna i realtid genom administrationsområdet för front-end och back-end. Dessutom är elementen i Visual Composer lyhörda och får dina sidor att se bra ut på olika enheter.

Divi dra och släpp sidbyggare har varit en del av Divis tema för Elegant themes och har därmed redan fått förtroende och tro hos många WordPress -utvecklare. Den har ett användarvänligt gränssnitt och den största styrkan med denna sidbyggare är dess förmåga att dela upp innehåll i moduler, kolumner, rader och sektioner.

Med tillägget av den nya temabyggaren kommer Divi till och med att locka fler WordPress-användare. Förmågan att anpassa hela din webbplats är en ovärderlig funktion som hjälper användare på alla nivåer att skapa exakt vad de vill utan att spendera mycket tid.

Även om varje sidbyggare har ett annat system för att bygga sidor och inlägg, är både Visual Composer och Divi Page builder bra WordPress-plugins för att bygga webbplatser. Det är dina tester och dina behov som motiverar valet av det ena kontra det andra.

Prova Divi builder Nu
 
 
Prova Visual Composer nu
Om författaren
Författare: Emma Watson

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...