Beaver Builder vs Divi - Vilken WordPress Builder är bra för dig, och vilken är inte? (2021)

Beaver Builder mot Divi

Så du letar efter en ny WordPress -sidbyggare -plugin, eller hur? Hur väljer du mellan Beaver Builder vs Divi när det här är de mest populära produkterna?

Du har gjort en del inledande undersökningar och har upptäckt att dessa två är de mest uppskattade valen för att bygga webbplatser. Du kan också ha viss erfarenhet av att använda ett av dessa sidbyggare-plugins.

Nu vill du ta reda på vilken av dessa populära plugins som är bäst. Och mest av allt, vilket är värt dina pengar?

I så fall har du kommit till rätt ställe. I dagens inlägg den CollectiveRay, kommer vi att utforska alla viktiga funktioner i dessa sidbyggare-plugins och jämföra dem head-to-head för att hjälpa dig hitta den bästa för dig - och var du ska spendera dina pengar.

Läs vidare för att ta reda på vilket som är det bästa plugin för sidbyggare för WordPress. Om du är intresserad av WordPress -plugins i allmänhet kanske du vill kolla in våra andra recensioner och sammanfattningar på Collectiveray.

Vi har webbplatser som har båda dessa produkter installerade, så vi har återgått till den här artikeln i Oktober 2021 för att uppdatera alla relevanta detaljer efter behov.

Beaver Builder mot Divi

Beaver Builder är mycket lätt att använda men Divi har fler anpassningsalternativ. Båda produkterna ger dig tillgång till professionella layouter. Divi har 140+ layouter jämfört med Beaver Builder50 mallar. Divi är något billigare än Beaver Builder till $ 89 som inkluderar alla produkter från ElegantThemes.

Sammanfattning

  Divi Byggare beaver builder logotyp
Pris $ 89 (inkluderar alla ET-plugins och WordPress-teman) $99
Gratis version Nej Ja
Redaktör i realtid Ja Ja
Frontend / Backend Både Både
Målgrupp Utvecklare / designer / användare Webutvecklare / designer
Element som stöds 46  31 
Ren kod Ja Ja
Färdiga mallar / layouter 140 + 50 +
Cool funktion A / B-test Bäver Themer
prestanda
Vad vi gillade  En mycket kraftfull lösning för att skapa alla typer av layout  Enkelt användargränssnitt
   Överlägsna layouthanteringsalternativ  Innehållet förblir intakt även efter deaktivering av plugin
   Attraktiv prissättning med tillgång till många andra WordPress-teman och plugins  Unikt redigerarläge för klienter
   Nya prestandaförbättringar förändrar spelet  Låter dig använda WordPress-widgets i layouterna
Vad vi inte tyckte om  Det tar lite tid att vänja sig  Dyrare än de andra sidbyggarna
   Frontendredigeraren tar lite tid att ladda.  
Övergripande
Vinnare ????  
Webbplats Besök Elegant Themes (10% RABATT) Besök Beaver Builder 

Varför använda Beaver eller Divi Builder?

BB-logotypOm du är relativt ny i WordPress-världen kanske du inte känner till hela sidbyggarhistoriken och hur de har kommit till.

I grund och botten, upp till några år sedan, kunde WP skapa antingen sidor eller inlägg. Båda dessa innehållsobjekt är mycket lika.

De stödde mest texter och bilder och ditt innehåll på webbplatsen, som video etc.

Om du ville ha något snyggare måste du använda plugins och / eller kortkoder efter behov.

Nu var kortkoder bra, eftersom de tillät dig att infoga specifika funktioner och funktioner vart du vill på en sida.

Men de hade fortfarande sina begränsningar - du var fortfarande tvungen att installera en massa olika plugins för att kunna uppnå och använda flera olika element på en sida.

Om du ville ha skjutreglage, uppmaningsknappar, videor, bildgallerier och andra saker, måste du fortsätta lägga till fler och fler plugins.

Detta förde med sig ett annat problem - ju fler produkter du lägger till i din installation, desto tyngre skulle din webbplats få och desto mer var den utsatt för säkerhetsproblem från de olika artiklarna du var tvungen att installera.

Detta var ett problem.

Det var ett annat problem. Du kunde inte skapa en sida eller ett inlägg visuellt. Du var tvungen att utforma en sida med hjälp av kortkoder och efter flera iterationer av ändringar skulle du komma fram till ett resultat som var nära det du önskade.

Så småningom började utvecklare och WP-leverantörer inse att de flesta ville ha förmågan att designa och definiera sina egna sidor utan begränsningar - inte använda mallar, vilket fick alla webbplatser att se likadana ut.

Och därmed kom konceptet med sidbyggare till.

Detta är i huvudsak kärnan i en sådan funktion - möjligheten att dra och släppa olika element för att utforma och definiera en sida eller ett inlägg på ett sätt som du vill.

Divi builder

Vi är inte så säkra på vem som kom med den första sidan som bygger produkten, men definitivt, Elegant Themes har varit en av leverantörerna för att göra detta koncept väldigt mycket framgångsrikt.

Så snart folk såg potentialen började alla de stora leverantörerna hoppa på vagnen.

Idag kommer de flesta av de stora leverantörerna att samla någon form av visuell sidbyggare i sina teman - om de inte har någon själva, kommer de att samarbeta med någon och bädda in / aktivera den här funktionen i deras tema.

Så vad sägs om Divi och Beaver Builder?

ElegantThemes har varit i denna nisch så länge att de verkligen har förstått vad folk vill ha och har gett det till dem - deras produkt är en av de mest populära runt, med mer än 600,000, 701,600 försäljningar.

De är inriktade på de användare som vill skapa en webbplats men inte bryr sig om vad som händer under huven - de vill bara att saker ska fungera och vill inte bli tekniska om det eller röra sig med någon kod.

Elegant Themes Målgrupp: 

Människor som vill få en webbplats utformad och igång utan att involvera en utvecklare or vet mycket om kod.

Exempel på användare:

  1. Småföretagare
  2. bloggare
  3. Sökmotoroptimerare
  4. Affiliate webbplatsägare
  5. Innehållsförfattare som gör webbplatser
  6. Webdesigners
  7. Digitala marknadsföringsbyråer

Om du var tvungen att titta på bilden nedan är Divi riktad mot designern. Faktum är att du kanske vill kolla in några leva Divi tema exempel här.

Designer mot utvecklare

Beaver Builder har en annan typ av användare. Medan ElegantThemes riktar sig till dem som är less "teknisk", BB går efter de användare som är designers och utvecklare i hjärtat. Divi har vissa begränsningar som dessa utvecklartyper tycker är frustrerande, och BB identifierar och åtgärdar dessa problem snyggt. 

Detta har gjort det möjligt för denna produkt att starta snyggt med dem som identifierar mer som utvecklare.

Om du är intresserad av hur ET-produkter jämförs med andra populära alternativ som finns tillgängliga, kan du överväga följande två artiklar som vi också har skrivit:

https://www.collectiveray.com/wp/themes/divi-vs-genesis-website.html

och

https://www.collectiveray.com/wp/themes/divi-vs-avada

Fortsatt på bilden ovan skulle BB vara mer hemma hos utvecklaren.

BeaverBulder målgrupp:

Webbutvecklare och designers som gillar till tippa runt med koden, ha full kontroll över vad som händer vad man ska kunna justera saker för att få dem att fungera som de vill, inte hur leverantören utformade det.

Exempel på användare:

  1. webb~~POS=TRUNC utvecklare~~POS=HEADCOMP
  2. Webbdesigners som vill tippa med kod
  3. Digitala byråer
  4. Frilansare

Med den introduktionen ur vägen, låt oss börja gräva i varje produkt, så att vi kan se funktionerna, funktionerna, PROS och CONS för att använda någon av dessa två saker.

Låt oss börja med att diskutera användargränssnittet för båda dessa produkter.

WordPress PageBuilder användargränssnitt och användarupplevelse

Du har nu möjlighet Divi Builder Gränssnitt

ElegantThemes har arbetat med sin produkt i flera år just nu. Med en stark gemenskap som stöder dem och ger dem massor av bra feedback - dessa killar vet hur de ska hålla pulsen på sina användare.

De har byggt ett gränssnitt som är helt fokuserat på en fantastisk användarupplevelse.

De har inte byggt massor av fans av misstag. Deras strikta fokus på design och användbarhet av deras produkt har varit en av de viktigaste aspekterna för att göra denna byggare så framgångsrik.

Ta en titt på den här korta introduktionsvideon (2 minuter). Det här är från den allra första versionen av Divi (2015), många saker har förändrats sedan dess, men det är fantastiskt att få en snabb sammanfattning av möjligheterna.

zH0xUAb3Yws

Men låt oss ta en faktisk titt på användargränssnittet.

Efter installation av Divi kan du komma åt byggaren genom att skapa ett nytt inlägg eller en ny sida. Det första du kommer att se är detta:

divi-gränssnitt

Genom att klicka på Använda Divi Builder -knappen kommer att omdirigera dig till den nya visuella redigeraren, som introducerades i Divi 3.18.

Denna funktion svarar på WordPress 5.0 efter introduktionen av den nya Gutenberg-redigeraren som du kan se på bilden ovan. Den gamla Divi-backredigeraren är nu inte tillgänglig för användning med den nya WordPress-redigeraren.

Det är därför Elegant Themes fokuserade på att förbättra sin front-end visuella editor och gjorde det så att back-end och front-end nu är sömlessintegrerat med varandra.

Du har dock fortfarande möjlighet att återgå inte bara till den klassiska Divi-backendredigeraren utan också till den klassiska WordPress-postredigeraren. Allt du behöver göra är att gå till Divi > Insticksalternativ > Avancerat.

aktivera klassisk redaktör

Växla mellan “Aktivera Classic Editor”Till På för att få tillbaka den ursprungliga WordPress-postredigeraren.

Om du aktiverar det här alternativet återställs även Divis fullständiga backend-editor. Sedan växlar du mellan “Aktivera det senaste Divi Builder Erfarenhet" till funktionshindrade kommer att ta tillbaka pre-Gutenberg Divi-backendbyggaren (kom dock ihåg att du kommer att förlora några av de senaste funktionerna och förbättringarna hos den moderna byggaren)

Den front-end realtidsredigeraren låter dig nu designa och visualisera sidan du jobbar på i farten.

Det är uppriktigt sagt en fantastisk funktion eftersom du inte behöver "gissa" eller uppdatera frontend för att se resultatet av designen du arbetar med.

Du kan se det när du designar det.

Det här är vad ElegantThemes ringer "En ny visuell upplevelse".

Användargränssnitt

De har nyligen arbetat med att skapa en ny version av Builder (som släpptes som version 3.0). Kärnan i denna version var att i stället för att ha två separata "vyer" en backendvy och en livevy, kommer de två att smälta in i samma sak. Backredigeraren visar liveversionen medan du arbetar.

Den nya Divi Visual Builder ersatte de äldre redaktörerna för backend / frontend.

Nedan kan du se hur den nya byggaren ser ut. Lägg märke till hur du kan sylessväxla mellan backend- (wireframe) -vy och front-end-vy med ett enda musklick.

trådramvy

Detta är en komplett WYSIWYG-upplevelse (vad du ser är vad du får). 

Ta en titt på bilden nedan - se den designen i backend? Så här kommer det att se ut när det publiceras.

För att komma åt sidbyggaren från backend, gå till Inlägg> Lägg till nytt. Klicka på "Använd The Divi Builder" knapp. Detta öppnar gränssnittet, som ser ut som följande

 

Divi 3 Pagebuilder Frontend

 

Divi (som vi redan har granskat här) låter dig skapa separata sektioner för olika delar av sidan. Den stöder tre typer av sektioner - standard, fullbredd och specialitet.

För standard- och fullbreddssektionerna kan du välja en kolumnbaserad struktur. Det finns många kombinationer inklusive två, tre, fyra kolumner i olika storlekar. Specialsektionen har nio specialskapade kolonnstrukturer. Du kan lägga till flera rader i ett avsnitt för att ha flera kolumnstrukturer.

Kolonner

När du väl har valt en layout kan du lägga till moduler i de enskilda kolumnerna. Du hittar separata alternativ för att tillhandahålla modulinnehållet, konfigurera designalternativen och tillhandahålla anpassad CSS.

Du kan flytta modulerna, kolumnerna, raderna och sektionerna genom att dra och släppa dem till önskade platser. Det finns dedikerade knappar för att radera, duplicera och öppna inställningsavsnittet för vart och ett av dessa objekt. Det är också möjligt att ångra, göra om de senaste åtgärderna och återgå till tidigare åtgärder med hjälp av historikfunktionen.

För att använda sidbyggaren från frontend, besök sidan du vill redigera och klicka på knappen "Aktivera Visual Builder".

Beroende på sidinnehållet kan det ta en stund att ladda gränssnittet (ha med oss, front-end-redigeraren är ganska tung och behöver tid att ladda ner och rendera).

Divi frontend-gränssnitt

När den frontade sidbyggaren har laddats kan du börja anpassa sidan.

Liksom backend-gränssnittet kan du lägga till ett nytt avsnitt, välja kolumnstruktur och åtnjuta fullständig åtkomst till alla alternativ för modulinställningar.

Naturligtvis är en designer utan drag and drop död i vattnet, men naturligtvis hanterar denna produkt D & D mycket snyggt.

I själva verket är det inte bara, dra och släpp - men det upprätthåller också lyhördhet som du designar.

Med tanke på att du kommer att arbeta med de faktiska levande innehålls- och elementblocken drar du de faktiska innehållsbitarna.

Och naturligtvis är allt fortfarande fullt lyhört.

Ta en titt på följande korta demo av live, responsiva block.

 

 Responsiv redigering

 

Du kan dra och släppa moduler, rader, kolumner och även kopiera, klistra in, ta bort eller redigera dessa enligt dina behov. 

Få 10% rabatt på Divi fram till Oktober 2021

PS. Ovanstående erbjudande är endast tillgängligt via CollectiveRay.

Så då ElegantThemes konkurrent? Har den samma flexibilitet? Fungerar det i realtid i front-end?

Läs resten av den här artikeln för att ta reda på svaret på dessa frågor. 

Användning Beaver Builder

Inte vill lämna sig bakom i loppet till sidbyggardominans, BB har kommit ut med alla vapen flammande.

Eller tänder-gnissning, om vi vill behålla Beaver-analogin. 😀

BB erbjuder både redigering i frontend och backend, så det släpar inte i det avseendet.

Den kan användas på sidor, inlägg och de flesta andra anpassade WP-typer, så länge de har aktiverats.

Genom att klicka på fliken Admin för den relevanta anpassade typen ser du att byggaren laddas så att du kan använda den för att utforma ditt innehåll.

Innan vi fortsätter kanske du vill se följande korta video (2 minuter) om hur du använder BB.

tCNDDQ7Jrs8

I huvudsak, i backend-metoden, efter att du loggat in på din instrumentpanel först, gå till Inlägg> Lägg till ny och klicka på knappen "Page Builder". Detta tar upp sidbyggargränssnittet - något som liknar nedan.

BB PageBuilder UI

Det första steget är att välja en mall för sidan. Du kan välja vilken som helst av de färdiga mallarna eller komma igång med den tomma för att skapa din egen mall. När du väl har valt mallen är nästa steg att välja radlayout.

Du kan välja radlayout från vänster sidofält. Öppna sidofältet genom att klicka på knappen "Lägg till innehåll" i den övre vänstra menyn på sidan. Menyn erbjuder också några andra knappar för att ändra mallen, öppna verktygen, avsnittet, publicera sidan och en dedikerad hjälpknapp.

BeaverBuilder erbjuder flera kolumnstrukturer inklusive en, två, tre, fyra, fem eller sex kolumner och rader med vänster, höger eller båda sidofält.

Dra bara radlayouten till önskad position på sidan.

Bäverradstruktur

Nästa steg är att lägga till moduler i kolumnerna. Du hittar modulerna i vänster sidofält.

Välj den modul du vill använda och dra den till önskad kolumn på sidan. Vid denna tidpunkt får du modulinställningsfönstret. Det finns flera avsnitt för att hantera modulens innehåll och stil.

Du kan dra och släppa raderna och modulerna för att ändra deras positioner. Det finns separata knappar för att radera, duplicera eller öppna inställningarna för valfri rad eller modul. Det är också möjligt att ändra kolumnstrukturen i en rad.

För att komma åt sidbyggaren från frontend, besök sidan du vill redigera och klicka på knappen "Page Builder". Detta öppnar samma gränssnitt som att skapa sidan från backend.

BeaverBuilder frontend -gränssnitt

Du kan arbeta med den befintliga designen eller välja en ny layout. Alla andra alternativ som att lägga till olika rader, moduler, widgets och hantera dem är exakt samma som backend.

Vill du se en gratis live demo av BeaverBuilder nu? Klicka på knappen nedan. (Öppnas i ett nytt fönster)

Prova på BeaverBuilder demo nu

 

De tillgängliga modulerna för Beaver Builder / Divi

Divi Builder

Detta plugin kommer för närvarande med 46 innehållsmoduler, men med tanke på omfattningen av utveckling och nya versioner, kanske du kanske ser mer när du läser den här artikeln.

På tal om nya utgåvor, den nya prestandauppdateringen för Divi som lanserades i augusti 2021 har skickat Divi till köns överhuvud för WordPress -teman.

Sidan byggd med den nya versionen av Divi laddas snabbare än någonsin tidigare tack vare en rad kodförbättringar under huven.

Dessa förbättringar inkluderar:

  • 94% mindre CSS
  • Intelligent CSS som bara laddar det som krävs
  • Smarta stilar minskar dubblering över formatmallar för snabbare laddning
  • Dynamisk PHP för snabbare bearbetning
  • JavaScript -optimering
  • Uppskjutande av Gutenberg -stilblad
  • jQuery uppskov

Bland dessa hittar du de vanliga som:

  • text,
  • Sök,
  • dragspel,
  • knapp,
  • CTA,
  • ljud,
  • video,
  • anpassad kod,
  • delaren

Avancerade val av element inkluderar:

  • disken,
  • optin,
  • portfölj,
  • inloggning,
  • Karta,
  • person,
  • prissättningstabell,
  • vittnesmål, och
  • videoklipp

Naturligtvis är det inte de enda modulerna som finns tillgängliga, men om vi fortsatte att lista dem, med tanke på att det finns mer än 46 element som stöds, skulle vi vara här för alltid.

Låt oss bara säga, det är troligt att du hittar en modul för alla krav du behöver.

Om du inte hittar en sådan modul inbyggd kan du välja tredjepartselement som utvecklats speciellt för specifika krav.

Med version 3.1 har ett API utvecklats och släppts, så du kan förvänta dig att anpassade element och moduler börjar dyka upp överallt.

Roliga tider framåt!

Låt oss se vilka snygga saker andra utvecklare kommer med. Håll dig uppdaterad.

Men tillräckligt om det, låt oss ta en titt på hur man använder en modul:

Divi builder moduler

Klicka på önskad modul för att lägga till den i inlägget. Vid den här tiden måste du konfigurera modulinställningarna. 

Sidbyggaren ger dig tre avsnitt för detta ändamål:

  1. Innehåll,
  2. Design och
  3. Avancerat.

Du har nu möjlighet Innehåll avsnittet innehåller alla alternativ angående innehållet i den valda modulen.

Designa låter dig välja färg, typsnitt, bakgrundsstil, kant, marginal och vaddering för modulen.

Slutligen, Advanced Open water innehåller dedikerade fält för att lägga till anpassat CSS-ID, klass och för att tillämpa anpassat CSS före eller efter modulen eller till huvudinnehållet.

Vill du läsa mer information om detta plugin nu? Klicka på knappen nedan för att besöka ElegantThemes webbsajt.

Få 10% rabatt på Divi fram till Oktober 2021

PS. Erbjudandet är endast tillgängligt från ovanstående länk. 

Beaver Builder

BB delar modulerna i två kategorier -

  1. Grundläggande moduler och
  2. Avancerade moduler

Grundmodulerna inkluderar:

  • textredigerare,
  • rubrik,
  • HTML,
  • knapp,
  • bild,
  • video och så vidare.

Den andra kategorin innehåller mer avancerade moduler:

  • CTA,
  • innehållsreglage,
  • nedräkning,
  • meny,
  • inläggsreglage,
  • flikar,
  • och så vidare

BB-moduler

Plugin erbjuder tre avsnitt för att hantera en modul -

  1. Allmän,
  2. Stil och
  3. Avancerat.

Bland dessa, Allmänt avsnittet kan du konfigurera inställningarna relaterade till modultypen.

Du har nu möjlighet Stil I avsnittet kan du välja färg, justering, typsnitt och andra stilar för skrivbords- och mobilversionerna.

Advanced Open water innehåller alternativ för att ställa in synlighet, animering tillsammans med dedikerade fält för att lägga till CSS-klass och ID.

Du kan se en mer tydlig demo av BeaverBuilder funktioner nedan.

Besök BeaverBuilder Webbplats

Nästa del av vår Beaver Builder vs Divi-granskning kommer att behandla tillgängliga sidmallar eller fördefinierade layouter. Detta är något som kommer att göra ditt liv enkelt och låta dig designa helt nya webbplatser på några timmar, till och med minuter, istället för veckor.

Se nedan vad vi menar!

Inbyggda sidmallar

Inbyggda sidmallar finns i huvudsak för att förkorta din design / utvecklingstid. Genom att ha dessa på plats behöver du bara justera innehållet och designen något så är du redo!

Divi Builder Sidmallar (aka layouter)

När version 3.0 släpptes kom den med flera (mer än 100) färdiga mallar som hjälper dig att komma igång så snabbt som möjligt.

Du kan använda en mall genom att klicka på knappen "Ladda från bibliotek" i inläggsredigeraren. Detta öppnar en lista över tillgängliga mallar.

divi förbyggd layout

Du hittar professionella layouter för målsidan, kommer snart, om mig, kontakta oss, team, underhållssida tillsammans med flera varianter för hemsidan, bloggen, butiken och portföljsidorna.

Det är möjligt att använda dessa layouter som de är eller anpassa dessa efter dina behov.

Naturligtvis kan man ha ett ganska stort antal mallar (eller som ET kallar dem) sidlayouter, men det verkliga köttet är huruvida de faktiskt är bra eller användbara för att skapa dina egna mönster.

I grund och botten är grundidén den här - du laddar in en fördefinierad layout, sedan anpassar du texten, bilderna och annat innehåll för att passa ditt företag och - voila - du har en fantastisk "designad" webbplats utan att kräva någon riktig designkunskap .

Detta är stor kraft i händerna på dem som vill få igång saker snabbt men som inte är särskilt bekväma med kod eller design i sig.

Bara en FYI - det finns det mer än 250 layouter tillgängliga vid skrivandet av denna artikel.

Låt oss bläddra snabbt i vad som är tillgängligt när det gäller layouter.

Kompletta webbplatspaket

Det här är en killer-funktion som vi tycker är bra för den målgrupp som denna produkt riktar sig till. Med tanke på att vi nämnde att publiken var människor som snabbt vill få något från marken är tillgängligheten av kompletta webbplatspaket verkligen ablessIng.

I grund och botten är dessa en bunt av de väsentliga 7 till 8 individuellt utformade sidorna som krävs för att någon bara ska kunna starta en fullständig webbplats på några minuter. 

Ta en titt på hur Nick Roach från ET beskriver värdet som layouterna ger den här produkten. (Ja, du kommer att märka att Nicks hår är längre, ganska lång tid har gått mellan de två videorna!).

Y31_8DPOqlY

Sidorna är anpassade för den specifika nischen / branschen, med de väsentliga element som krävs för den specifika typen av verksamhet.

Allt du behöver göra som användare är att importera designen och ändra innehållet efter dina specifika krav.

Här är några av de nischer som finns som webbplatspaket. Från och med nu finns det 31 layoutpaket med totalt 250 sidor utformade.

  • Restauranglandningssida - detta är ett paket bestående av åtta sidor för att ge allt som en restaurang eller livsmedelsbaserat företag startar sin online-närvaro, inklusive öppettider i sidfoten för enkel åtkomst för kunderna.

 Restaurangens målsida

  • Designbyrån - designbyråpaketet är ett nio-sidigt paket med kreativt och professionellt utformade sidor för en digital eller designbyrå. Naturligtvis är arbete och stil framträdande, vilket visar företagets färdigheter på ett sätt som omvandlas
  • Modelandningssida - en bransch som säkert måste se bra ut online, är en modeblogg. Detta layoutpaket med åtta sidor fokuserar på att låta bloggaren märka sin image efter behov. Allt är bra för användning av fotografer och andra visuella företag.
  • Resebyrå - designen här har ett starkt fokus på att användaren besöker webbplatsen vidtar åtgärder, trycker och uppmanar den aktuella tittaren att ringa eller boka nu med attraktiva Call To Action-knappar.
  • Bröllops startsida - ett perfekt sätt att snabbt lansera ett bröllopsfönster. Det fokuserar naturligtvis mycket på estetiken och många andra anpassade funktioner som är specifika för bröllop.
  • SaaS Company - en annan typ av verksamhet, vanligtvis nystartade företag, som vanligtvis har lite tid att slösa bort och behöver komma igång snabbt. Detta layoutpaket ger dem allt de behöver för att komma igång och få nödvändig information där ute.

Divi-layouter

Det finns många andra layouter tillgängliga inklusive men inte begränsat till:

  • Lärplattform
  • Kafé
  • Bondmarknaden
  • Yoga eller fitnessstudio
  • Foto Marketplace
  • Copywriter
  • blomsterhandlare
  • Webbyrå
  • Inredningsföretag
  • Digitala betalningar
  • Keramik och hantverksstudio
  • SEO Agency
  • Affärsrådgivning
  • Designkonferens
  • Matmottagningar
  • Advokatbyrå
  • Författare
  • etc., etc.

Med tiden fortsätter ET att lägga till fler och fler layouter i sitt bibliotek för att tillgodose specifika nischer. Även om din specifika bransch inte har tagits emot just nu kommer du definitivt att kunna anpassa en av de befintliga layouterna och utformad för att passa dina behov.

Kolla in alla layouter nu

 

Beaver Builder Sidmallar

BB kommer också med många professionellt utformade mallar. Du kommer att bli ombedd att välja en mall när du skapar ett nytt inlägg. Det är också möjligt att ändra den aktuella mallen genom att klicka på "Mallar" -knappen.

BeaverBuilder mallar

Det finns två typer av layouter -

  • Målsidor och
  • Innehållssidor.

Målsidor inkluderar mallar för fysiska produkter, appar, proffs, restauranger, teknik, mode, fotografi, mobil, musik, bil och så vidare.

Innehållssidor inkludera mallar för de nödvändiga webbsidorna som om oss, tjänster, portfölj, team, kontakt, FAQ, blogg etc. De flesta av dessa mallar finns i olika stilar. Eftersom mallarna har en bild kan du enkelt välja den bästa enligt dina behov.

Låt oss ta en djupare titt på vad som finns tillgängligt för dig som kund hos BB.

Målsidor

BB har utformat flera målsidesmallar som är redo att användas. Bland dessa kan vi hitta:

  • Mall för småföretag - baserat på Probiz-mallen hjälper det dig att snabbt skapa en närvaro för ett litet företag.
  • Fitness, gym eller sportig mall - Fitness och sport är alltid en het nisch och Body Factory-mallen är designad speciellt för kunder i denna bransch. Yoga, gym eller någon fysisk konditionsindustri fungerar bra med detta.
  • Magazine, Blogger, Fashion blogger mall - En annan ständigt rökande het industri, Fashion Freaks-mallen är precis rätt som ett avancerat design och utseende som skriker klass, sofistikering och lyx.
  • Advokat, advokatbyrå mall - en annan het nisch, advokater och advokatbyråer är lukrativa kunder som kräver en närvaro som kan konvertera högt betalda kunder. Den professionella närvaron på nätet kan enkelt anpassas till andra praxisbaserade branscher.
    Vi nämner bara kort resten av mallarna
    DJ bäver mall
  • Mall för fotografiportfölj
  • DJ / musiker / bandmall
  • Restaurang / kafémall
  • Helskärmslayoutmall
  • Kreativ mall för webbbyrå
  • e-bokmall
  • Utbildning eller universitet mall
  • Bilar / fordonsmall
  • Mobilappmall
  • Allmän affärsmall
  • Konstruktion mall
  • Kommer snart mall

Vi rekommenderar starkt att du tittar på demos tillgängliga med var och en av dessa mallar för att se hur enkelt det är att komma igång med dessa mallar.

Innehållssidor

Medan mallar för hela webbplatser är fantastiska, ibland vill vi ändå justera eller skapa specifika sidor. Av denna anledning har BB också många innehållssidor som har utformats och färdiga att användas.

Innehållssidor

Här är några av de sidor som är tillgängliga för användning:

  • Om oss (flera versioner)
  • Våra tjänster 
  • Fotoportfölj
  • Designportfölj
  • Vårt team (flera versioner)
  • Kontakt (flera versioner)
  • Prissättning (flera versioner)
  • Blogg (flera versioner)

Naturligtvis förväntar vi oss bara att dessa kommer att växa över tiden.

Klicka på länken nedan för att gå direkt till mallens sida. 

Checka ut BeaverBuilder mallar

 

PageBuilder-inställningar 

Divi Builder inställningar

Att installera detta plugin är väldigt enkelt.

När du har installerat och aktiverat pluginet, gå till Insticksalternativ, och ange ditt användarnamn och API-nyckel i avsnittet "Uppdateringar" för att få automatiska uppdateringar.

divi builder inställningsalternativ

Du kan se ytterligare inställningar här, till exempel API-inställningar, Integrering av posttyp och Avancerat.

API-inställningarna innehåller alternativ för Google-typsnitt och Google Maps-integration.

Under Post Type Integration kommer du att kunna aktivera eller inaktivera Divi builder på vissa inläggstyper.

Under fliken Avancerat kan du hitta alternativ för minifiering, statisk CSS-filgenerator etc. och alternativen för att aktivera den klassiska WordPress-redigeraren och den klassiska Divi-backend-byggaren.

Det senaste objektet här är sidan "Temabyggare".

Här hittar du mallarna för temabyggare som du har skapat eller importerat tillsammans med alternativ för att importera och exportera dem, visa redigeringshistorik för temabyggare och mer. Vi kommer att täcka denna nya funktion mer detaljerat senare i den här artikeln.

Du hittar en lista över alla anpassade layouter i Divi-biblioteket sida. Det finns separata knappar för att hantera layoutkategorin och för att importera eller exportera layouterna. Gå till Divi-rollredaktör för att definiera hur mycket åtkomst olika användarroller har.

Slutligen, i supportcentret, kan du kontrollera din systemservers status, i huvudsak visar den viktig information om din server.

Om det finns alternativ som inte är inställda på vissa rekommenderade värden kommer Divi att meddela dig om dem här så att du kan fixa dem.

Det här är också där du kan konfigurera “fjärråtkomst”, vilket gör det möjligt för Elegant Thems supportteam att få direkt åtkomst till din admin-instrumentpanel för att hjälpa dig att åtgärda eventuella fel.

Andra objekt inkluderar säkert läge och loggning.

Beaver Builder inställningar

Inställningsalternativen för BB finns på sidan Inställningar> Sidbyggare. Ange din licensnyckel i avsnittet Licens för att aktivera automatiska uppdateringar för plugin.

I moduler kan du aktivera eller inaktivera modulerna. Med inläggstyper kan du definiera vilka inläggstyper som kan användas BeaverBuilder. I mallar kan du bestämma vilka mallar som ska vara tillgängliga i sidbyggarens gränssnitt.

beaver builder inställningsalternativ

I avsnittet Ikoner kan du välja vilka ikoner som ska vara tillgängliga i gränssnittet.

De tillgängliga alternativen inkluderar

  • FontAwesome,
  • Foundation och
  • Dashicons. 

Det här är ett exempel på hur BB låter dig anpassa och tinka med alla alternativ du behöver. Om du inte är nöjd med att använda FontAwesome, välj något du gillar.

Du hittar också separata avsnitt för att rensa cacheminnet som tar bort alla dynamiskt genererade CSS och Javascript.

Slutligen hittar du ett alternativ att avinstallera Beaver Builder. Dessa funktioner tar bort alla BB -relaterade data från din WordPress -databas - så gör säkerhetskopior innan du använder den och se till att du vet vad du gör.

Rekommenderad läsning: https://www.collectiveray.com/beaver-builder-vs-elementor

Ytterligare funktioner

Divi-tema

Plugin från Elegant Themes kommer med flera andra spännande funktioner. Exempelvis gör PageBuilder -biblioteket det möjligt att spara anpassade moduler och layouter så att du kan använda dem igen i framtiden. Dessutom är det också möjligt att importera eller exportera dessa artiklar till och från andra webbplatser.

De överlägsna alternativen för layoutavstånd kräver också särskilt omnämnande. Dessa alternativ gör det mycket lättare att tillämpa det exakta avståndet du vill ha mellan raderna, elementen och avsnitten. Du hittar särskilda alternativ för att definiera marginal, vaddering, vertikalt och horisontellt avstånd. Det är också möjligt att ställa in rad- och kolumnbredder.

Alternativ för Divi-avstånd

I vissa fall kan du behöva använda samma modul på flera platser. Du kan enkelt kopiera och klistra in valfri modul, rad eller kolumn till andra inlägg eller sidor. Dessutom kan du markera dessa som globala artiklar. Detta gör att du kan göra ändringarna i ett enda globalt objekt, och ändringarna tillämpas automatiskt också på de andra platserna. 

Divi Theme Builder

En av de största uppdateringarna Elegant Themes släpptes för Divi under de senaste åren är Theme Builder.

Denna nya funktion (från och med oktober 2019) låter dig bygga, designa och anpassa hela din webbplats. Det är inte längre bara en sidbyggare, det är en komplett temabyggare.

Du kan skapa globala anpassade sidhuvuden och sidfötter eller definiera en för enskilda områden på din webbplats.

Du kan också definiera anpassade kroppsmallar som gör att du kan skapa anpassade produktmallar, blogginläggsmallar, 404 sidor, sökresultatsidor samt anpassade arkivsidor som anpassade kategorisidor, anpassade författarsidor och mer.

divi tema byggare

Temabyggaren utökar sidans builder till hela din webbplats.

När du skapar en ny mall har du tillgång till alla verktyg och funktioner i sidbyggaren, så att du kan bygga och designa den som du vill.

Det betyder att du kan skapa anpassade mönster för sidhuvuden och sidfot om du vill. För att komplettera detta kommer menymodulen med förbättringar som ytterligare layoutalternativ och total designkontroll för att hjälpa dig skapa vackra sidhuvuden och sidfot med en anpassad meny.

Med de nya anpassade kroppsmallarna kan du ändra alla dina inlägg, produkter eller sidans design och struktur på en gång.

Innan detta måste du gå till varje inlägg, produkt eller sida och redigera dem med hjälp av sidbyggaren för att göra ändringar. Nu är allt du behöver göra att definiera en mall, tillämpa den på lämpliga områden på din webbplats så är du klar.

Du kan även använda WooCommerce-moduler för att skapa anpassade produktmallar för din onlinebutik. Det finns också dynamiska innehållsmoduler utrustade med en uppdaterad inläggsslinga och filtreringsalternativ som du kan använda för att skapa anpassade arkivsidor.

Naturligtvis har du också alla möjligheter att kontrollera var och hur din mall ska tillämpas. Du kan enkelt inkludera eller utesluta vissa objekt från en mall via kryssrutorna, vilket kan ses nedan:

villkorad logik

Från och med version 4.0 är Divi inte längre en sidbyggare, det är en temabyggare.

Få 10% rabatt på Divi fram till Oktober 2021

PS. Ovanstående erbjudande är endast tillgängligt via ovanstående länk från CollectiveRay

Beaver Builder

Å andra sidan har BB också några knep i ärmarna.

För det första är live frontend-redigering imponerande. Det erbjuder en intuitiv upplevelse där du kan redigera sidan och få den exakta utdata utan gissningar. Det låter dig också använda WordPress-widgets och anpassade widgets i dina layouter.

Beaver Builder WordPress-widgets

Redigeringsläget är praktiskt när du levererar ett projekt till klienten. Detta läge låter dig begränsa klientens förmåga för att se till att hon inte gör några oönskade ändringar i kärnlayouten.

En annan viktig egenskap hos BB är att sidinnehållet förblir intakt även efter att du inaktiverar pluginprogrammet.

Du kommer att förlora stilarna, men sidan visar fortfarande innehållet. Däremot kommer de flesta andra sidbyggare att ge dig en röra av kortkoder när du inaktiverar pluginet.

Besök BeaverBuilder hemsida

 

För-och nackdelar

Divi-tema

Fördelar

  1. En mycket kraftfull lösning för att skapa alla typer av layout,
  2. Ny prestandauppdatering (augusti 2021) gör Divi snabbare än någonsin,
  3. Attraktiv prissättning med tillgång till många andra WordPress-teman och plugins - att köpa det är en oöverträffad, utmärkt värde
  4. Många fantastiska mönster, med många anpassningsalternativ,
  5. Kraftfull temabyggare,
  6. Omfattande dokumentation och bra, responsivt stöd

Nackdelar

  1. Ta dig tid att vänja dig vid,
  2. Frontend-redigeraren tar lite tid att ladda och att lägga till moduler på sidor är mycket långsammare än BB
  3. Du är begränsad till tillgängliga moduler och utvecklade av ET (även om version 3.1 nu stöder ett utvecklar-API, vilket innebär att utvecklare kommer att börja integrera sina plugins med det)
  4. Det går inte att ta bort data som den lägger till i databasen, vilket gör det svårt att flytta från Divi-temat

Beaver Builder

Fördelar

  1. Ett enkelt användargränssnitt,
  2. Innehållet förblir intakt även efter deaktivering av plugin,
  3. Unikt redigerarläge för klienter,
  4. Det låter dig använda WordPress-widgets i layouterna.
  5. Snabbt, snyggt, responsivt gränssnitt som är lätt att förstå gränssnittet
  6. Stort urval av professionella mallar som hjälper dig att komma igång med din design
  7. Stöder WP-inbyggda widgets så att du kan använda alla tillgängliga plugins för WP i BB

Nackdelar

  1. Dyrare än de andra WordPress-sidbyggarna

Prissättning av Divi vs. Beaver Builder

 

Både Beaver Builder och Divi är GPL-vänliga, vilket innebär att du kan använda dem på så många webbplatser som du behöver. produkter så att du kan använda dem på så många webbplatser som du vill.

Det finns tre olika planer som du kan välja med Beaver Builder från $ 99 till $ 399. Varje plan eller licens ger dig full tillgång till Beaver Builder plugin och alla moduler och mallar, med högre nivåer som ger dig några mer avancerade funktioner som Multisite, White labeling och Themer.

Med Divi har du bara två alternativ, årligen, till ett standardpris på $ 89 som kräver ett årligt köp, eller livstidsalternativet till $ 249. Båda har exakt samma åtkomst, men naturligtvis tappar du åtkomst till support och uppgraderingar när året går.

Låt oss se mer detaljerat. 

Divi Builder

Du måste vara en Elegant Themes medlem att använda sina plugins - och åtkomst kommer till priserna nedan. 

Det finns två planer tillgängliga för dig - Årlig tillgång och Lifetime Access.

Den årliga åtkomstplanen är prissatt till $ 89 per år. Å andra sidan ger livstidsåtkomst dig möjlighet att njuta av alla dessa förmåner för en engångsbetalning på 249 $.

Lyckligtvis det finns ett EXKLUSIVT för CollectiveRay 10% RABATT pågår just nu så skaffa dig ett fynd idag. Medan du håller på med kan du lika gärna få Lifetime Access med tanke på denna begränsade tidsrabatt!

Båda planerna erbjuder obegränsad tillgång till alla teman och plugins som utvecklats av ElegantThemes.

Du får uppdateringar i rätt tid, premiumsupport och en 30-dagars pengarna-tillbaka-garanti.

Få 10% rabatt på Divi fram till Oktober 2021

 

Beaver Builder

Beaver Builder prissättning

Beaver Builder erbjuder tre prisplaner. Standardplanen kostar $ 99, vilket gör att du kan använda pluginet på en webbplats, ger dig ett års support och tillgång till premiummoduler och mallar.

Pro kostar 199 USD, vilket inkluderar alla fördelar med standardplanen, plus BB-temat och kompatibilitet med flera platser.

Slutligen är Agency prissatt till 399 $ och har alla funktioner i Pro tillsammans med komplett vit märkningstillstånd.

Köp BeaverBuilder Nu

Vanliga frågor

Vilket är bättre Divi eller Beaver Builder?

Divi är bättre än Beaver Builder i vissa situationer. Divi är perfekt om du vill ha fullständig kontroll över din webbdesign och planerar att använda den under lång tid. Beaver Builder har fördelen av att vara mindre och lätt att ta tag i. Medan vi säger att Divi är bättre, finns det inte så mycket i det!

Is Beaver Builder snabbare än Divi?

Beaver Builder är inte längre snabbare än Divi. Det brukade ladda redigeraren snabbare och är snabbare att använda och lära sig. En ny prestandauppdatering från Divi som introducerades i augusti 2021 har dock förändrat hur Divi fungerar. Det är nu ett av de snabbaste WordPress -teman du kan köpa.

Vilket är bättre - Divi eller Elementor?

Divi är bättre än Elementor för vissa saker medan Elementor är starkare i andra. Divi är bättre för åtkomst till plugins och funktioner, dess byråplan och sidobyggarens rena kraft. Elementor är bättre för att vara gratis, med premiumalternativ och vara väldigt lätt att ta itu med.

Är Elementor den bästa sidbyggaren?

Elementor är den bästa sidbyggaren om du vill ha en tillgänglig sidbyggare gratis. Om du letar efter en kraftfull, fristående byggare för att skapa en eller två webbplatser kan du helt enkelt inte bli bättre än Elementor. Det är snabbt, gratis och enkelt att använda. Vad mer kan du behöva?

 

 

 

Vilken sidbyggare ska du välja?

Nu kommer vi till den (svåra) delen där vi behöver välja mellan dessa sidbyggare.

Som du har märkt erbjuder båda plugins enormt värde för pengarna. De levererar ett utmärkt användargränssnitt och gör det mycket lättare för dig att skapa anpassade layouter.

Eftersom båda plugins har sina användningsfall måste du ta reda på vilken som uppfyller dina krav mest. Låt mig hjälpa dig med det -

  • Välja Divi om du vill ha fullständig kontroll över layouten. När du väl är van vid de tillgängliga alternativen är det ett mycket kraftfullt verktyg som låter dig skapa vilken typ av layout du vill ha.
    Slutresultat: 5 av 5.
  • Gå med Beaver Builder om du vill komma igång snabbt. Eftersom denna sidbyggare inte använder några kortkoder kan du enkelt skrapa den aktuella designen och prova en ny med några få musklick.
     Slutresultat: 4.5 av 5

 

Om du tittar på andra alternativ kan du också kolla in det Visual Composer or Elementor Pro, som vi båda har täckt separat på den här webbplatsen. Både Elementor och Visual Composer är viktiga aktörer i sidbyggare-nischen.

Slutord: Beaver Builder mot Divi

Divi och Beaver Builder är två av de mest populära sidbyggare -plugins just nu. Fnless du har använt båda plugins i stor utsträckning, det är verkligen utmanande att välja det ena framför det andra. Det här jämförelseposten bör hjälpa dig att fatta det beslutet.

vi tror att Elegant Themes ger dig mer värde totalt sett, med tanke på att du får tillgång till massor av WordPress -teman och plugins, men BB är också ett bra val. Dessutom har den nya prestandauppgraderingen de introducerade verkligen förändrat spelet. Det är allvarligt svårt att välja Beaver Builder över Divi nu.

Få 10% rabatt på Divi fram till Oktober 2021

Köp BeaverBuilder Nu

Så vilken har du valt? Låt oss veta i kommentarerna nedan. 

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

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 ...