Beaver Builder vs Divi - Hvilken WordPress Builder er bra for deg, og hvilken er ikke? (2021)

Beaver Builder vs Divi

Så du leter etter en ny WordPress sidebygger -plugin, ikke sant? Hvordan velger du mellom Beaver Builder vs Divi når dette er de mest populære produktene rundt?

Du har gjort noen foreløpige undersøkelser og har funnet ut at disse to er de mest utnevnte valgene for å bygge nettsteder. Du kan også ha litt erfaring med å bruke en av disse sidebuilder-pluginene.

Nå vil du finne ut hvilken av disse populære plugins som er best. Og mest av alt, som er verdt pengene dine?

I så fall har du kommet til rett sted. I dagens innlegg på CollectiveRay, skal vi utforske alle de viktige funksjonene i disse sidebygger-pluginene og sammenligne dem head-to-head for å hjelpe deg med å finne den beste for du - og hvor du skal bruke pengene dine.

Les videre for å finne ut hvilken som er den beste sidebygger -plugin for WordPress. Hvis du er interessert i WordPress -plugins generelt, kan det være lurt å sjekke ut våre andre anmeldelser og roundups omtalt på Collectiveray.

Vi har nettsteder som har begge disse produktene installert, så vi har besøkt denne artikkelen på nytt Oktober 2021 for å oppdatere alle relevante detaljer etter behov.

Beaver Builder vs Divi

Beaver Builder er veldig enkel å bruke, men Divi har flere tilpasningsmuligheter. Begge produktene gir deg tilgang til profesjonelle layouter. Divi har 140+ oppsett sammenlignet med Beaver Builderer 50 maler. Divi er litt billigere enn Beaver Builder til $ 89 som inkluderer alle produkter fra ElegantThemes.

Sammendrag

  Divi Builder beaver builder logo
Pris $ 89 (inkluderer alle ET-plugins og WordPress-temaer) $ 99
Gratis versjon Nei Ja
Sanntidsredaktør Ja Ja
Frontend / backend Begge Begge
Målgruppe Utvikler / designer / bruker Webutvikler / Designer
Elementer støttet 46  31 
Ren kode Ja Ja
Ferdige maler / oppsett 140 + 50 +
Kul funksjon A / B-testing Bever Themer
Ytelse
Det vi likte  En veldig kraftig løsning for å lage alle typer layout  Enkelt brukergrensesnitt
   Overlegne alternativer for layoutadministrasjon  Innholdet forblir intakt selv etter at programtillegget er deaktivert
   Attraktiv pris med tilgang til mange andre WordPress-temaer og plugins  Unik redigeringsmodus for klienter
   Nye ytelsesforbedringer endrer spillet  Lar deg bruke WordPress-moduler i layoutene
Det vi ikke likte  Tar litt tid å venne seg til  Dyrere enn de andre sidebyggerne
   Frontend-redaktøren tar litt tid å laste inn.  
Alt i alt
Vinner 🏆  
nettsted Besøk Elegant Themes (10% AVSLAG) Besøk Beaver Builder 

Hvorfor bruke Beaver eller Divi Builder?

BB-logoHvis du er relativt ny i WordPress-verdenen, vet du kanskje ikke hele historien til sidebyggerne og hvordan de har blitt til.

I hovedsak, opp til noen få år siden, kunne WP opprette sider eller innlegg. Begge disse innholdselementene er veldig like.

De støttet for det meste tekster og bilder og ditt innhold på det mest brukte nettstedet som video etc.

Hvis du ville ha noe mer avansert, måtte du bruke plugins og / eller kortkoder etter behov.

Nå var kortkodene gode, fordi de tillot deg å sette inn spesifikke funksjoner og funksjoner hvor du vil på en side.

Men de hadde fortsatt sine begrensninger - du måtte fortsatt installere en rekke forskjellige plugins for å kunne oppnå og bruke flere forskjellige elementer på en side.

Hvis du ville ha glidebrytere, Call-to-Action-knapper, videoer, bildegallerier og andre ting, måtte du fortsette å legge til flere og flere plugins.

Dette førte til et annet problem - jo flere produkter du legger til installasjonen din, desto tyngre vil nettstedet ditt få, og jo mer var det utsatt for sikkerhetsproblemer fra de forskjellige elementene du måtte installere.

Dette var et problem.

Det var et annet problem. Du kunne ikke opprette en side eller et innlegg visuelt. Du måtte designe en side med kortkoder, og etter flere gjentakelser av endringer ville du komme til et resultat som var nær det du ønsket.

Til slutt begynte utviklere og WP-leverandører å innse at folk flest ønsket muligheten til å designe og definere sine egne sider uten begrensninger - ikke bruke maler, noe som fikk alle nettsteder til å se like ut.

Og dermed kom konseptet med sidebygger til.

Dette er egentlig kjernen i en slik funksjon - muligheten til å dra og slippe forskjellige elementer for å designe og definere en side eller et innlegg på en måte du ønsker.

Divi builder

Vi er ikke så sikre på hvem som kom med det første sidebyggerproduktet, men definitivt, Elegant Themes har vært en av leverandørene for å gjøre dette konseptet veldig veldig vellykket.

Så snart folk så potensialet, begynte alle de store leverandørene å hoppe på vognen.

I dag vil de fleste av de største leverandørene samle en slags visuell sidebygger i sine temaer - hvis de ikke har en selv, vil de samarbeide med noen og legge inn / aktivere denne funksjonen i deres tema.

Så hva med Divi og Beaver Builder?

ElegantThemes har vært i denne nisjen så lenge at de virkelig har forstått hva folk vil ha og gitt det til dem - produktet deres er et av de mest populære rundt, med mer enn 600,000, 701,600 salg.

De er fokusert på de brukerne som ønsker å lage et nettsted, men ikke er plaget med hva som skjer under panseret - de vil bare at ting skal fungere og ønsker ikke å bli teknisk om det eller rote med noen kode.

Elegant Themes Målgruppe: 

Folk som ønsker å få et nettsted designet og i gang uten å involvere en utvikler or å vite mye om kode.

Eksempel brukere:

  1. Eiere av små bedrifter
  2. bloggere
  3. SEO
  4. Tilknyttede nettstedseiere
  5. Innholdsforfattere som gjør nettsteder
  6. Webdesignere
  7. Byråer for digital markedsføring

Hvis du måtte ta en titt på bildet nedenfor, er Divi rettet mot designeren. Faktisk kan det være lurt å sjekke ut noen live eksempler på Divi -tema her.

Designer mot utvikler

Beaver Builder har en annen type bruker. Samtidig som ElegantThemes retter seg mot de som er less "teknisk", BB går etter de brukerne som er designere og utviklere i hjertet. Divi har noen begrensninger som disse utviklertypene synes er frustrerende, og BB identifiserer og løser disse problemene pent. 

Dette har gjort at dette produktet kan ta godt av med de som identifiserer mer som utviklere.

Hvis du er interessert i hvordan ET-produkter sammenlignes med andre populære alternativer tilgjengelig der ute, vil du kanskje vurdere følgende to artikler vi også har skrevet:

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

og

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

Fortsetter på bildet ovenfor, vil BB være mer hjemme hos utvikleren.

BeaverBulder målgruppe:

Webutviklere og designere som liker til fikle rundt med koden, ha full kontroll over hva som skjer hva du skal kunne tilpasse ting for å få dem til å fungere slik de vil, ikke slik leverandøren designet det.

Eksempel brukere:

  1. Webutviklere
  2. Nettdesignere som vil tukle med kode
  3. Digitale byråer
  4. Frilansere

Med den introduksjonen ute av veien, la oss begynne å grave i hvert produkt, slik at vi kan se funksjonene, funksjonene, PROS og CONS ved å bruke en av disse to elementene.

La oss starte med å diskutere brukergrensesnittet for begge disse produktene.

WordPress PageBuilder brukergrensesnitt og brukeropplevelse

De Divi Builder Interface

ElegantThemes har jobbet med produktet sitt i flere år på dette tidspunktet. Med et sterkt fellesskap som støtter dem, og gir dem mange gode tilbakemeldinger - disse gutta vet hvordan de skal holde pulsen til brukerne sine.

De har bygget et grensesnitt som er helt fokusert på en flott brukeropplevelse.

De har ikke bygd massevis av fans ved et uhell. Deres strenge fokus på design og brukervennlighet til deres produkt har vært en av de viktigste aspektene ved å gjøre denne byggherren så vellykket.

Ta en titt på denne korte introvideoen (2 minutter). Dette er fra den aller første versjonen av Divi (2015), mange ting har endret seg siden den gang, men det er flott å få et raskt sammendrag av mulighetene.

zH0xUAb3Yws

Men la oss se nærmere på brukergrensesnittet.

Etter installering av Divi vil du kunne få tilgang til byggherren ved å opprette et nytt innlegg eller en ny side. Det første du skal se er dette:

divi-grensesnitt

Ved å klikke på Bruk Divi Builder -knappen vil omdirigere deg til den nye visuelle redigereren, som ble introdusert i Divi 3.18.

Denne funksjonen er som svar på WordPress 5.0 etter introduksjonen av den nye Gutenberg-redaktøren, som du kan se fra bildet ovenfor. Den gamle Divi back-end-editoren er nå ikke tilgjengelig for bruk med den nye WordPress-postredigereren.

Derfor Elegant Themes fokusert på å forbedre front-end visuell editor og gjorde det slik at back-end og front-end nå er sømlessintegrert med hverandre.

Du har imidlertid fortsatt muligheten til å gå tilbake ikke bare til den klassiske Divi-backendredigereren, men også til den klassiske WordPress-innleggsredigereren. Alt du trenger å gjøre er å gå til Divi > Plugin-alternativer > Advanced.

aktivere klassisk redaktør

Bytt "Aktiver Classic Editor”Til On for å få tilbake den opprinnelige WordPress-innleggsredaktøren.

Hvis du aktiverer dette alternativet, vil du også få tilbake Divis fullstendige back-end-editor. Så bytter du mellom "Aktiver det siste Divi Builder Erfaring" for funksjonshemmede vil bringe tilbake Gutenberg Divi-backendbyggeren (men husk at du vil miste noen av de nyeste funksjonene og forbedringene til den moderne byggeren).

Frontend-sanntidsredaktøren lar deg nå designe og visualisere siden du jobber med på farten.

Dette er ærlig talt en flott funksjon fordi du ikke trenger å "gjette" eller oppdatere frontenden for å se resultatet av designet du jobber med.

Du kan se det når du designer det.

Dette er hva ElegantThemes ringer "En ny visuell opplevelse".

Brukergrensesnitt

De har nylig jobbet med å lage en ny versjon av Builder (som ble utgitt som versjon 3.0). Kjernen i denne versjonen var at i stedet for å ha to separate "visninger" en backend-visning og en live view, vil de to blande seg inn i det samme. Back-end-redigereren viser liveversjonen mens du jobber.

Den nye Divi visual builder erstattet de eldre back-end / front-end-redaktørene.

Nedenfor kan du se hvordan den nye byggherren ser ut. Legg merke til hvordan du kan sylessbytt mellom backend (wireframe) og front-view med et enkelt museklikk.

trådramme utsikt

Dette er en komplett WYSIWYG (What You See is What You Get) opplevelse. 

Ta en titt på bildet nedenfor - se det designet i bakenden? Det er akkurat slik det vil se ut når det blir publisert.

For å få tilgang til sidebyggeren fra backend, gå til Innlegg> Legg til nytt. Klikk den "Bruk The Divi Builder”-Knappen. Dette åpner grensesnittet, som ser ut som følgende

 

Divi 3 Pagebuilder-frontend

 

Divi (som vi allerede har vurdert her) lar deg lage separate seksjoner for forskjellige deler av siden. Den støtter tre typer seksjoner - standard, full bredde og spesialitet.

For standard- og fullbreddeseksjonene kan du velge en kolonnebasert struktur. Det er mange kombinasjoner, inkludert to, tre, fire kolonner i forskjellige størrelser. Spesialitetsdelen har ni spesialopprettede kolonnestrukturer. Du kan legge til flere rader i en seksjon for å ha flere kolonnestrukturer.

kolonner

Når du har valgt et oppsett, kan du legge til moduler i de enkelte kolonnene. Du finner separate alternativer for å gi modulinnholdet, konfigurere designalternativene og tilby tilpasset CSS.

Du kan plassere modulene, kolonnene, radene og seksjonene ved å dra og slippe disse til ønsket sted. Det er dedikerte knapper for å slette, duplisere og åpne innstillingsdelen for hvert av disse elementene. Det er også mulig å angre, gjøre om de siste handlingene og gå tilbake til tidligere handlinger ved hjelp av historikkfunksjonen.

For å bruke sidebyggeren fra frontend, besøk siden du vil redigere og klikk på "Aktiver Visual Builder" -knappen.

Avhengig av sideinnholdet, kan det ta en stund å laste grensesnittet (hold oss, front-end-editoren er ganske tung og trenger tid til å laste ned og gjengi).

Divi frontend grensesnitt

Når den frontede sidebyggeren er lastet inn, kan du begynne å tilpasse siden.

I likhet med grensesnittet for backend kan du legge til en ny seksjon, velge kolonnestruktur og nyte full tilgang til alle alternativene for modulinnstillinger.

Selvfølgelig er en designer uten dra og slipp død i vannet, men selvfølgelig håndterer dette produktet D & D veldig pent.

Faktisk er det ikke bare, dra og slipp - men det opprettholder også responsen mens du designer.

Gitt at du vil jobbe med de faktiske live innholdsblokkene og elementene, vil du dra de faktiske delene av innholdet.

Og selvfølgelig er alt fremdeles responsivt.

Ta en titt på følgende korte demo av live, responsive blokker.

 

 Responsiv redigering

 

Du kan dra og slippe modulene, radene, kolonnene og også kopiere, lime inn, slette eller redigere disse i henhold til dine behov. 

Få 10% AVSLAG på Divi til Oktober 2021

PS. Tilbudet ovenfor er bare tilgjengelig gjennom CollectiveRay.

Så hva med ElegantThemes konkurrent? Har den samme fleksibilitet? Fungerer det i sanntid i front-end?

Les resten av denne artikkelen for å finne ut svaret på disse spørsmålene. 

Hvordan bruke Beaver Builder

Ikke ønsker å bli etterlatt i løpet til sidebygger dominans, BB har kommet ut med alle våpen flammende.

Eller tenneprikk, hvis vi vil beholde Beaver-analogien. 😀

BB tilbyr både redigering i frontend og backend, så det henger ikke i den forbindelse.

Den kan brukes på sider, innlegg og de fleste andre tilpassede WP-typer, så lenge de er aktivert.

Ved å klikke på Admin-fanen for den aktuelle egendefinerte typen, ser du at byggeren lastes inn, slik at du kan bruke den til å designe innholdet ditt.

Før vi fortsetter, vil du kanskje se følgende korte video (2 minutter) om bruk av BB.

tCNDDQ7Jrs8

I hovedsak, i backend-metoden, etter at du først har logget deg på dashbordet, går du til Innlegg> Legg til nytt og klikker på "Page Builder" -knappen. Dette vil bringe opp sidebyggergrensesnittet - noe som ligner på nedenfor.

BB PageBuilder UI

Det første trinnet er å velge en mal for siden. Du kan velge hvilken som helst av de ferdige malene eller komme i gang med den tomme for å lage din egen mal. Når du har valgt malen, er neste trinn å velge radoppsettet.

Du kan velge radoppsett fra venstre sidefelt. Åpne sidefeltet ved å klikke på knappen "Legg til innhold" øverst til venstre på siden. Menyen tilbyr også noen få andre knapper for å endre malen, åpne verktøyene, delen, publisere siden og en dedikert hjelpeknapp.

BeaverBuilder tilbyr flere kolonnestrukturer, inkludert en, to, tre, fire, fem eller seks kolonner og rader med venstre, høyre eller begge sidefelt.

Bare dra radoppsettet til ønsket posisjon på siden.

Beaver radstruktur

Neste trinn er å legge til moduler i kolonnene. Du finner modulene i venstre sidefelt.

Velg modulen du vil bruke, og dra den til ønsket kolonne på siden. På dette tidspunktet får du modulinnstillingsvinduet. Det er flere seksjoner for å administrere innholdet og stilen til modulen.

Du kan dra og slippe radene og modulene for å endre posisjonene. Det er separate knapper for å slette, duplisere eller åpne innstillingene for en hvilken som helst rad eller modul. Det er også mulig å endre kolonnestrukturen til en rad.

For å få tilgang til sidebyggeren fra frontend, besøk siden du vil redigere og klikk på "Page Builder" -knappen. Dette åpner det samme grensesnittet som å opprette siden fra backend.

BeaverBuilder frontend -grensesnitt

Du kan jobbe med eksisterende design eller velge et nytt oppsett. Alle de andre alternativene som å legge til forskjellige rader, moduler, widgets og administrere dem er nøyaktig de samme som backend.

Vil du se en gratis live demo av BeaverBuilder nå? Klikk på knappen nedenfor. (Åpnes i et nytt vindu)

Prøv ut BeaverBuilder demo nå

 

Tilgjengelige moduler for Beaver Builder / Divi

Divi Builder

Denne pluginen kommer for øyeblikket med 46 innholdsmoduler, men gitt omfanget av utvikling og utgivelser av ny versjon, vil du sannsynligvis se mer når du leser denne artikkelen.

Når vi snakker om nye utgivelser, har den nye ytelsesoppdateringen for Divi som ble lansert i august 2021 sendt Divi til køen for WordPress -temaer.

Siden bygget med den nye versjonen av Divi laster inn raskere enn noensinne takket være en rekke kodeforbedringer under panseret.

Disse forbedringene inkluderer:

  • 94% mindre CSS
  • Intelligent CSS som bare laster det som kreves
  • Smarte stiler reduserer duplisering på tvers av stilark for raskere lasting
  • Dynamisk PHP for raskere behandling
  • JavaScript -optimalisering
  • Utsettelse av Gutenberg stilark
  • jQuery utsettelse

Blant disse finner du de vanlige som:

  • tekst,
  • Søk,
  • trekkspill,
  • knapp,
  • CTA,
  • lyd,
  • video,
  • tilpasset kode,
  • divider

Avanserte valg av elementer inkluderer:

  • disk,
  • optin,
  • portefølje,
  • innlogging,
  • kart,
  • person,
  • pristabell,
  • attest, og
  • video glidebryter

Selvfølgelig er dette ikke de eneste modulene som er tilgjengelige, men hvis vi fortsatte å liste dem, gitt at det er mer enn 46 støttede elementer, ville vi være her for alltid.

La oss bare si, det er mest sannsynlig at du finner en modul for alle behov du trenger.

Hvis du ikke finner en slik modul innebygd, kan du velge tredjepartselementer utviklet spesielt for spesielle krav.

Med versjon 3.1 har en API blitt utviklet og utgitt, slik at du kan forvente at tilpassede elementer og moduler begynner å dukke opp overalt.

Morsomme tider fremover!

La oss se hvilke fancy ting andre utviklere vil komme med. Følg med.

Men nok om det, la oss ta en titt på hvordan du bruker en modul:

Divi builder moduler

Klikk på ønsket modul for å legge den til innlegget. På dette tidspunktet må du konfigurere modulinnstillingene. 

Sidebyggeren gir deg tre seksjoner for dette formålet:

  1. Innhold,
  2. Design, og
  3. Advanced.

De Innhold delen inneholder alle alternativene angående innholdet i den valgte modulen.

utforming lar deg velge farge, skrift, bakgrunnsstil, kantlinje, margin og polstring for modulen.

Til slutt, Avansert inkluderer dedikerte felt for å legge til tilpasset CSS-ID, klasse og for å bruke tilpasset CSS før eller etter modulen eller til hovedinnholdet.

Vil du lese mer informasjon om denne pluginen nå? Klikk på knappen nedenfor for å besøke ElegantThemes nettside.

Få 10% AVSLAG på Divi til Oktober 2021

PS. Tilbudet er kun tilgjengelig fra lenken ovenfor. 

Beaver Builder

BB deler modulene i to kategorier -

  1. Grunnleggende moduler og
  2. Avanserte moduler

De grunnleggende modulene inkluderer:

  • tekstredigerer,
  • overskriften,
  • HTML,
  • knapp,
  • bilde,
  • video og så videre.

Den andre kategorien inneholder mer avanserte moduler:

  • CTA,
  • glidebryter for innhold,
  • nedtellingsklokke,
  • menyen,
  • innlegg glidebryter,
  • faner,
  • og så videre

BB-moduler

Plugin tilbyr tre seksjoner for å administrere en modul -

  1. Generell,
  2. Stil, og
  3. Advanced.

Blant disse general delen lar deg konfigurere innstillingene knyttet til modultypen.

De Stil Denne delen lar deg velge farge, justering, skrift og andre stiler for stasjonære og mobile versjoner.

Avansert inkluderer muligheter for å sette opp synlighet, animasjon sammen med dedikerte felt for å legge til CSS-klasse og ID.

Du kan se en mer tydelig demo av BeaverBuilder funksjoner nedenfor.

Besøk BeaverBuilder nettsted

Den neste delen av vår Beaver Builder vs Divi-anmeldelse vil omhandle tilgjengelige sidemaler eller forhåndsdefinerte oppsett. Dette er noe som vil gjøre livet ditt enkelt og tillate deg å designe helt nye nettsteder i løpet av timer, til og med minutter, i stedet for uker.

Se nedenfor hva vi mener!

Innebygde sidemaler

Innebygde sidemaler er i det vesentlige der for å forkorte design- / utviklingstiden. Ved å ha disse på plass, trenger du bare å tilpasse innholdet og designet litt, og du er god å gå!

Divi Builder Sidemaler (også oppsett)

Da versjon 3.0 ble utgitt, fulgte den med flere (mer enn 100) ferdige maler som hjalp deg i gang så raskt som mulig.

Du kan bruke en mal ved å klikke på "Last fra bibliotek" -knappen i innleggsredigereren. Dette åpner en liste over tilgjengelige maler.

divi ferdigbygd layout

Du finner profesjonelle oppsett for destinasjonssiden, om meg snart, kontakt oss, team, vedlikeholdsside sammen med flere varianter for hjemmesiden, bloggen, butikken og porteføljesidene.

Det er mulig å bruke disse layoutene som de er eller tilpasse disse i henhold til dine krav.

Selvfølgelig kan man ha ganske mange maler (eller som ET kaller dem) sideoppsett, men det virkelige kjøttet er om de faktisk er gode og brukbare for å lage dine egne design.

I hovedsak er den grunnleggende ideen dette - du laster inn en forhåndsdefinert layout, så tilpasser du teksten, bildene og annet innhold som passer for din virksomhet, og - voila - du har et fantastisk "designet" nettsted uten å kreve reell designkunnskap .

Dette er stor kraft i hendene på de som ønsker å få ting i gang raskt, men som ikke er veldig komfortable med kode eller design i seg selv.

Bare en FYI - det er det mer enn 250 oppsett tilgjengelig i skrivende stund.

La oss raskt bla gjennom hva som er tilgjengelig når det gjelder oppsett.

Komplette nettstedspakker

Dette her er en morderfunksjon som vi synes er flott for målgruppen som dette produktet er rettet mot. Gitt at vi nevnte publikum for å være mennesker som ønsker å få noe fra bakken raskt, er tilgjengeligheten av komplette nettstedspakker virkelig ablessing.

I hovedsak er dette en pakke med de essensielle 7 til 8 individuelt utformede sidene som kreves for at noen bare skal starte et helt nettsted i løpet av få minutter. 

Ta en titt på hvordan Nick Roach fra ET beskriver verdien som layoutene gir dette produktet. (Ja, du vil legge merke til at Nicks hår er lengre, det har gått litt tid mellom de to videoene!).

Y31_8DPOqlY

Sidene er tilpasset den spesifikke nisje / bransje, og har de essensielle elementene som kreves for den spesifikke typen virksomhet.

Alt du trenger å gjøre som bruker er å importere designet og endre innholdet for å dekke dine spesifikke behov.

Her er noen av nisjeene som er tilgjengelige som nettstedspakker. Per nå er det 31 layoutpakker tilgjengelig med totalt 250 sider designet.

  • Restaurantens landingsside - dette er en pakke bestående av åtte sider for å gi alt som en restaurant eller matbasert virksomhet kan starte deres online tilstedeværelse, inkludert åpningstider i bunnteksten for enkel tilgang for kunder.

 Restaurantens destinasjonsside

  • Design Agency - designbyråpakken er en 9-siders pakke med kreativt og profesjonelt utformede sider for et digitalt eller designbyrå. Selvfølgelig blir arbeid og stil kjent, og viser virksomhetens ferdigheter på en måte som konverterer
  • Mote landingsside - en bransje som sikkert må se bra ut på nettet, er en moteblogg. Denne layoutpakken på 8 sider fokuserer på å la bloggeren merke sitt image etter behov. Alt er bra for bruk av fotografer og andre visuelle virksomheter.
  • Travel Agency - designen her har sterkt fokus på at brukeren besøker nettstedet, tar handling, presser og oppfordrer den nåværende seeren til å ringe eller bestille nå med attraktive Call To Action-knapper.
  • Hjemmeside for bryllup - en perfekt måte å raskt lansere et bryllupsutstillingsvindu på. Det fokuserer selvfølgelig veldig på estetikken og mange andre tilpassede funksjoner som er spesifikke for bryllup.
  • SaaS Company - en annen type virksomhet, typisk oppstart, som vanligvis har lite tid å kaste bort og trenger å komme i gang raskt. Denne layoutpakken gir dem alt de trenger for å komme i gang og få nødvendig informasjon der ute.

Divi-oppsett

Det er mange andre oppsett tilgjengelig, inkludert men ikke begrenset til:

  • Learning Management System
  • Kaffebutikk
  • Farmers Market
  • Yoga eller treningsstudio
  • Photo Marketplace
  • Tekstforfatter
  • Florist
  • Web Agency
  • Interiørdesignfirma
  • Digital betalingsvirksomhet
  • Keramikk- og håndverksstudio
  • SEO Agency
  • Bedriftsrådgivning
  • Designkonferanse
  • Matmottak
  • Advokatfirma
  • Forfatter
  • etc, etc.

Etter hvert som tiden går, fortsetter ET å legge til flere og flere oppsett i biblioteket for å imøtekomme spesifikke nisjer. Selv om din spesifikke bransje ikke har blitt tatt imot akkurat nå, vil du definitivt kunne tilpasse en av de eksisterende layoutene og designet for å dekke dine behov.

Sjekk ut alle layoutene nå

 

Beaver Builder Sidemaler

BB kommer også med mange profesjonelt utformede maler. Du blir bedt om å velge en mal når du oppretter et nytt innlegg. Det er også mulig å endre gjeldende mal ved å klikke på "Maler" -knappen.

BeaverBuilder maler

Det er to typer oppsett -

  • Landingssider og
  • Innholdssider.

Destinasjonssider inkluderer maler for fysiske produkter, apper, fagpersoner, restauranter, teknologi, mote, fotografering, mobil, musikk, bilindustri og så videre.

Innholdssider inkluderer maler for de nødvendige nettsidene som om oss, tjenester, portefølje, team, kontakt, FAQ, blogg, etc. De fleste av disse malene er tilgjengelige i forskjellige stiler. Ettersom malene har et bilde, kan du enkelt velge den beste i henhold til dine behov.

La oss se litt nærmere på hva som er tilgjengelig for deg som kunde hos BB.

Destinasjonssider

BB har designet flere destinasjonssidemaler som er klare til bruk. Blant disse kan vi finne:

  • Mal for små bedrifter - basert på Probiz-malen, vil dette hjelpe deg med å skape en tilstedeværelse for en liten bedrift raskt.
  • Fitness, gym eller sporty mal - Fitness og sport er alltid en varm nisje, og The Body Factory-malen er designet spesielt for kunder i denne bransjen. Yoga, treningsstudio eller hvilken som helst fysisk treningsindustri fungerer bra med dette.
  • Magazine, Blogger, Fashion blogger mal - En annen stadig røykende varm bransje, Fashion Freaks-malen er akkurat som et eksklusivt designet utseende og skrikende klasse, raffinement og luksus.
  • Advokat, advokatfirma mal - en annen hot nisje, advokater og advokatfirmaer er lukrative kunder, som krever en tilstedeværelse som kan konvertere høyt betalte kunder. Den profesjonelle tilstedeværelsen på nettet kan enkelt tilpasses andre praksisbaserte bransjer.
    Vi nevner bare kort resten av malene
    DJ Beaver-mal
  • Fotomappe mal
  • DJ / musiker / bandmal
  • Restaurant / kafé mal
  • Layoutmal for fullskjerm
  • Kreativ mal for webbyrå
  • e-bokmal
  • Utdanning eller universitetsmal
  • Biler / Automotive mal
  • Mobilappmal
  • Generell forretningsmal
  • Byggemal
  • Kommer snart mal

Vi anbefaler på det sterkeste at du ser på demoer som er tilgjengelige med hver av disse malene, for å se hvor enkelt det er å komme i gang med disse malene.

Innholdssider

Selv om maler for fulle nettsteder er fantastiske, vil vi noen ganger tilpasse eller lage spesifikke sider. Av denne grunn har BB også mange innholdssider som er designet og klare til bruk.

Innholdssider

Her er noen av sidene som er tilgjengelige for bruk:

  • Om oss (flere versjoner)
  • Våre tjenester 
  • Fotoportefølje
  • Designportefølje
  • Teamet vårt (flere versjoner)
  • Kontakt (flere versjoner)
  • Priser (flere versjoner)
  • Blogg (flere versjoner)

Selvfølgelig forventer vi bare at disse vil vokse over tid.

Klikk på lenken nedenfor for å gå direkte til malsiden. 

Sjekk ut BeaverBuilder maler

 

PageBuilder-innstillinger 

Divi Builder innstillinger

Å sette opp dette pluginet er veldig greit.

Når du har installert og aktivert pluginet, går du til Plugin-alternativer, og oppgi brukernavnet og API-nøkkelen i delen "Oppdateringer" for å motta automatiske oppdateringer.

divi builder innstillingsalternativer

Du kan se flere innstillinger her, for eksempel API-innstillinger, integrering av innleggstype og avansert.

API-innstillingene inneholder alternativer for Google Fonts og Google Maps-integrering.

Under Post Type Integration vil du kunne aktivere eller deaktivere Divi builder på visse innleggstyper.

Under fanen Avansert kan du finne alternativer for minifisering, statisk CSS-filgenerator osv. Og alternativene for å aktivere den klassiske WordPress-redigereren og den klassiske Divi-backend-builderen.

Det nyeste elementet her er "Theme Builder" -siden.

Her kan du finne malene du har laget eller importert, sammen med muligheter for å importere og eksportere dem, se redigeringshistorikk for temabygger og mer. Vi vil dekke denne nye funksjonen mer detaljert senere i denne artikkelen.

Du finner en liste over alle tilpassede oppsett i Divi-biblioteket side. Det er separate knapper for å administrere layoutkategorien og for å importere eller eksportere layoutene. Gå til Divi Rolleredaktør for å definere hvor mye tilgang forskjellige brukerroller vil ha.

Til slutt, i supportsenteret, kan du sjekke systemservers status, i det vesentlige viser den viktig informasjon om serveren din.

Hvis det er alternativer som ikke er satt til visse anbefalte verdier, vil Divi varsle deg om dem her, slik at du kan fikse dem.

Dette er også der du kan konfigurere “ekstern tilgang”, slik at Elegant Theme supportteam får direkte tilgang til admin dashbordet ditt for å hjelpe deg med å fikse eventuelle feil du måtte ha.

Andre ting inkluderer sikker modus og logging.

Beaver Builder innstillinger

Innstillingsalternativene for BB finner du på siden Innstillinger> Sidebygger. Oppgi lisensnøkkelen i lisensdelen for å aktivere automatiske oppdateringer for plugin-programmet.

I moduler kan du aktivere eller deaktivere modulene. Innleggstyper lar deg definere hvilke innleggstyper som kan brukes BeaverBuilder. I Maler kan du bestemme hvilke maler som skal være tilgjengelige i sidebyggergrensesnittet.

beaver builder innstillingsalternativer

Icons-delen lar deg bestemme hvilke ikoner som skal være tilgjengelige i grensesnittet.

De tilgjengelige alternativene inkluderer

  • FontAwesome,
  • Foundation, og
  • Dashikoner. 

Dette er et eksempel på hvordan BB lar deg tilpasse og fikle med alle alternativene du trenger. Hvis du ikke er fornøyd med å bruke FontAwesome, velger du noe du liker.

Du vil også finne separate seksjoner for å tømme hurtigbufferen som fjerner dynamisk generert CSS og Javascript.

Til slutt finner du et alternativ for å avinstallere Beaver Builder. Disse funksjonene fjerner alle BB -relaterte data fra WordPress -databasen din - så ta sikkerhetskopier før du bruker den, og sørg for at du vet hva du gjør.

Anbefalt lesning: https://www.collectiveray.com/beaver-builder-vs-elementor

Tilleggsfunksjoner

Divi tema

Programtillegget fra Elegant Themes kommer med flere andre spennende funksjoner. For eksempel lar PageBuilder -biblioteket deg lagre tilpassede moduler og oppsett slik at du kan bruke dem igjen i fremtiden. Dessuten er det også mulig å importere eller eksportere disse elementene til og fra andre nettsteder.

De overlegne avstandsavstandene for layout krever også spesiell omtale. Disse alternativene gjør det mye lettere å bruke den nøyaktige avstanden du vil ha mellom radene, elementene og seksjonene. Du finner dedikerte alternativer for å definere margin, polstring, vertikal og horisontal avstand. Det er også mulig å sette opp rad- og kolonnebreddene.

Alternativer for Divi-avstand

I noen tilfeller må du kanskje bruke den samme modulen flere steder. Du kan enkelt kopiere og lime inn hvilken som helst modul, rad eller kolonne til andre innlegg eller sider. I tillegg kan du merke disse som globale varer. Dette lar deg gjøre endringene til et enkelt globalt element, og endringene blir automatisk brukt på de andre stedene også. 

Divi Theme Builder

En av de største oppdateringene Elegant Themes utgitt for Divi de siste årene er Theme Builder.

Denne nye funksjonen (per oktober 2019) lar deg bygge, designe og tilpasse hele nettstedet ditt. Det er ikke lenger bare en sidebygger, det er en komplett temabygger.

Du kan lage globale tilpassede topp- og bunntekster eller definere en for individuelle områder på nettstedet ditt.

Du kan også definere egendefinerte kroppsmaler som lar deg bygge egendefinerte produktmaler, blogginnleggsmaler, 404 sider, søkeresultatsider samt egendefinerte arkivsider som egendefinerte kategorisider, egendefinerte forfattersider og mer.

divi temabygger

Temabyggeren utvider kraften til sidebyggeren til hele nettstedet ditt.

Når du oppretter en ny mal, har du tilgang til alle verktøyene og funksjonene til sidebyggeren, slik at du kan bygge og designe den slik du vil.

Dette betyr at du kan lage tilpassede design for topp- og bunntekster hvis du vil. For å utfylle dette kommer menymodulen med forbedringer som ekstra layoutalternativer og total designkontroll for å hjelpe deg med å bygge vakre topp- og bunntekster med en tilpasset meny.

De nye egendefinerte kroppsmalene lar deg endre alle innleggene, produktene eller sidens design og struktur på en gang.

Før dette må du gå til hvert innlegg, produkt eller hver side og redigere dem ved hjelp av sidebyggeren for å gjøre endringer. Nå er alt du trenger å gjøre å definere en mal, bruke den på passende områder på nettstedet ditt, og du er ferdig.

Du kan til og med bruke WooCommerce-moduler til å lage tilpassede produktmaler for nettbutikken din. Det er også dynamiske innholdsmoduler utstyrt med en oppdatert postsløyfe og filtreringsalternativer som du kan bruke til å lage tilpassede arkivsider.

Selvfølgelig har du også de fulle måtene å kontrollere hvor og hvordan malen din skal brukes. Du kan enkelt inkludere eller ekskludere visse elementer fra en mal via avkrysningsruter, som du kan se nedenfor:

betinget logikk

Fra versjon 4.0 er Divi ikke lenger en sidebygger, det er en temabygger.

Få 10% AVSLAG på Divi til Oktober 2021

PS. Tilbudet ovenfor er bare tilgjengelig via lenken ovenfor fra CollectiveRay

Beaver Builder

På den annen side har BB også noen triks oppe i ermene.

Først av alt er live frontend-redigering imponerende. Det gir en intuitiv opplevelse der du kan redigere siden og få den eksakte utdata uten gjetning. Det lar deg også bruke standard WordPress-widgets og tilpassede widgets i layoutene dine.

Beaver Builder WordPress-moduler

Editor-modus vil være praktisk når du leverer et prosjekt til klienten. Denne modusen lar deg begrense klientens evner for å forsikre seg om at hun ikke gjør noen uønskede endringer i kjerneoppsettet.

Et annet viktig trekk ved BB er at sideinnholdet forblir intakt selv etter at du har deaktivert programtillegget.

Du mister stilene, men siden vil fortsatt vise innholdet. Derimot vil de fleste andre sidebyggerne gi deg et rot av kortkoder når du deaktiverer dette pluginet.

Besøk BeaverBuilder nettsted

 

Fordeler og ulemper

Divi tema

Pros

  1. En veldig kraftig løsning for å lage alle typer layout,
  2. Ny ytelsesoppdatering (august 2021) gjør Divi raskere enn noensinne,
  3. Attraktiv pris med tilgang til mange andre WordPress-temaer og plugins - å kjøpe det er en no-brainer, utmerket verdi
  4. Mange flotte design, med mange tilpasningsalternativer,
  5. Kraftig temabygger,
  6. Omfattende dokumentasjon og god, responsiv støtte

Ulemper

  1. Ta deg litt tid å venne deg til,
  2. Frontend-redaktør tar litt tid å laste inn og legge moduler til sider er mye tregere enn BB
  3. Du er begrenset til modulene som er tilgjengelige og utviklet av ET (selv om versjon 3.1 nå støtter et utvikler-API, noe som betyr at utviklere vil begynne å integrere pluginene sine med det)
  4. Kan ikke fjerne dataene den legger til databasen, noe som gjør det vanskelig å bevege seg bort fra Divi-temaet

Beaver Builder

Pros

  1. Et enkelt brukergrensesnitt,
  2. Innholdet forblir intakt selv etter at programtillegget er deaktivert,
  3. Unik redigeringsmodus for klienter,
  4. Det lar deg bruke WordPress-widgets i layoutene.
  5. Rask, snappy, responsiv brukergrensesnitt som er lett å forstå grensesnittet
  6. Stort utvalg av profesjonelle maler som hjelper deg i gang med designet
  7. Støtter WP native widgets slik at du kan bruke alle plugins som er tilgjengelige for WP i BB

Ulemper

  1. Dyrere enn de andre WordPress-sidebyggerne

Prissetting av Divi vs. Beaver Builder

 

Begge Beaver Builder og Divi er GPL-vennlige, noe som betyr at du kan bruke dem på så mange nettsteder du trenger. produkter slik at du kan bruke dem på så mange nettsteder som du ønsker.

Det er tre forskjellige planer som du kan velge med Beaver Builder fra $ 99 til $ 399. Hver plan eller lisens gir deg full tilgang til Beaver Builder plugin og alle moduler og maler, med de høyere nivåene som gir deg noen mer avanserte funksjoner som Multisite, White labeling og Themer.

Med Divi har du bare to alternativer, årlig, til en standardpris på $ 89 som krever et årlig kjøp, eller levetidsalternativet til $ 249. Begge har nøyaktig samme tilgang, men selvfølgelig mister du tilgang til støtte og oppgraderinger når året går.

La oss se nærmere på det. 

Divi Builder

Du må være en Elegant Themes medlem for å bruke pluginene sine - og tilgangen kommer til prisene nedenfor. 

Det er to planer tilgjengelig for deg - Årlig tilgang og Lifetime Access.

Den årlige tilgangsplanen er priset til $ 89 per år. På den annen side gir livstidstilgang deg muligheten til å nyte alle disse fordelene mot en engangsbetaling på $ 249.

Heldigvis, det er et EKSKLUSIVT for CollectiveRay 10% RABATT pågår akkurat nå så skaff deg et kupp i dag. Mens du er i gang, kan du like gjerne få Lifetime Access gitt denne begrensede tidsrabatten!

Begge planene gir ubegrenset tilgang til alle temaene og plugins utviklet av ElegantThemes.

Du får oppdateringer i tide, premiumstøtte og en 30-dagers pengene-tilbake-garanti.

Få 10% AVSLAG på Divi til Oktober 2021

 

Beaver Builder

Beaver Builder prising

Beaver Builder tilbyr tre prisplaner. Standardplanen er priset til $ 99, som lar deg bruke pluginet på ett nettsted, gir deg ett års støtte og tilgang til premiummoduler og maler.

Pro er priset til $ 199, som inkluderer alle fordelene med standardplanen, pluss BB-temaet og kompatibilitet med flere nettsteder.

Til slutt er Agency priset til $ 399 og nyter alle funksjonene i Pro sammen med fullstendig hvit merkingstillatelse.

Kjøpe BeaverBuilder Nå

Ofte Stilte Spørsmål

Som er bedre Divi eller Beaver Builder?

Divi er bedre enn Beaver Builder i noen situasjoner. Divi er ideelt hvis du vil ha full kontroll over nettsteddesignet ditt og planlegger å bruke det i lang tid. Beaver Builder har fordelen av å være mindre og lett å ta tak i. Selv om vi sier Divi er bedre, er det ikke så mye i det!

Is Beaver Builder raskere enn Divi?

Beaver Builder er ikke lenger raskere enn Divi. Det pleide å laste ned editoren raskere og er raskere å bruke og å lære. En ny ytelsesoppdatering fra Divi som ble introdusert i august 2021, har imidlertid endret måten Divi fungerer på. Det er nå et av de raskeste WordPress -temaene du kan kjøpe.

Hva er bedre - Divi eller Elementor?

Divi er bedre enn Elementor for noen ting mens Elementor er sterkere i andre. Divi er bedre for tilgang til plugins og funksjoner, byråplanen og sidekonstruksjonen. Elementor er bedre for å være gratis, med premiumalternativer og for å være veldig lett å ta tak i.

Er Elementor den beste sidebyggeren?

Elementor den beste sidebyggeren hvis du vil ha en tilgjengelig sidebygger gratis. Hvis du leter etter en kraftig, frittstående byggherre for å lage en eller to nettsteder, kan du ganske enkelt ikke bli bedre enn Elementor. Det er raskt, gratis og enkelt å bruke. Hva mer kan du trenge?

 

 

 

Hvilken sidebygger bør du velge?

Nå kommer vi til den (vanskelige) delen der vi trenger å velge mellom disse sidebyggerne.

Som du har lagt merke til, gir begge plugins enorm verdi for pengene. De gir et utmerket brukergrensesnitt og gjør det mye enklere for deg å lage tilpassede oppsett.

Ettersom begge pluginene har brukstilfeller, må du finne ut hvilken som oppfyller dine krav mest. La meg hjelpe deg med det -

  • Velg Divi hvis du vil ha full kontroll over oppsettet. Når du er vant til de tilgjengelige alternativene, er det et veldig kraftig verktøy som lar deg lage hvilken som helst type layout du ønsker.
    Sluttresultat: 5 av 5.
  • Bli med Beaver Builder hvis du vil komme i gang raskt. Siden denne sidebyggeren ikke bruker noen kortkoder, kan du enkelt skrape gjeldende design og prøve en ny med noen få museklikk.
     Sluttresultat: 4.5 av 5

 

Hvis du ser på andre alternativer, vil du kanskje også sjekke ut Visual Composer or Elementor Pro, som vi begge har dekket separat på dette nettstedet. Både Elementor og Visual Composer er store aktører i sidebygger-nisje.

Avsluttende ord: Beaver Builder vs Divi

Divi og Beaver Builder er to av de mest populære sidebygger -pluginene akkurat nå. Unless du har brukt begge pluginene mye, det er virkelig utfordrende å velge den ene fremfor den andre. Dette sammenligningsinnlegget skal hjelpe deg med å ta den beslutningen.

Vi tror det Elegant Themes gir deg mer verdi totalt sett, gitt at du får tilgang til massevis av WordPress -temaer og plugins, men BB er også et godt valg. I tillegg har den nye ytelsesoppgraderingen de introduserte virkelig forandret spillet. Det er alvorlig vanskelig å velge Beaver Builder over Divi nå.

Få 10% AVSLAG på Divi til Oktober 2021

Kjøpe BeaverBuilder Nå

Så hvilken har du valgt? Gi oss beskjed i kommentarene nedenfor. 

om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
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.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...