Så du ser etter en ny WordPress sidebygger-plugin. Hvordan velger du mellom Beaver Builder eller Divi når dette er to av de mest populære produktene som finnes?
Du har kanskje gjort noen foreløpige undersøkelser og funnet ut at disse to er de mest populære valgene for å bygge nettsteder og gir lignende verktøy til andre ledende sidebyggere.
Nå vil du finne ut hvilken av disse populære plugins som er best. Og mest av alt, som er verdt pengene dine?
Vi skal utforske alle de viktige funksjonene til disse sidebygger-pluginene og sammenligne dem head-to-head for å finne den beste for deg.
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 kjører med begge disse produktene installert, så vi har tatt en titt på denne artikkelen i november 2023 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 2,000+ oppsett sammenlignet med Beaver Builderer 50 maler. Divi er litt billigere enn Beaver Builder til $ 89 som inkluderer alle produkter fra ElegantThemes.
![]() |
![]() |
|
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 | 200 + | 31 |
Ren kode | Ja | Ja |
Ferdige maler / oppsett | 2,000 + | 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. | Ikke så mange ressurser | |
Alt i alt | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
Vinner | 🏆 | |
nettsted | Besøk Elegant Themes (10% AVSLAG) | Besøk Beaver Builder |
Hvorfor bruke en sidebygger?
Hvis du er relativt ny i WordPress-verdenen, vet du kanskje ikke hele historien til sidebyggerne og hvordan de har blitt til.
I hovedsak, inntil for noen år siden, kunne WordPress lage enten sider eller innlegg. Begge disse innholdselementene er veldig like.
De støttet for det meste tekst og bilder og ditt løpende nettstedinnhold som blogginnlegg.
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, handlingsfremmende 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.
Etter hvert begynte utviklere og leverandører å innse at folk flest ville ha 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.
Les mer: Assistant Pro - lagre sidebyggermaler på nettet
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?
Divi
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, 880,000 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:
- Eiere av små bedrifter
- bloggere
- SEO
- Tilknyttede nettstedseiere
- Innholdsforfattere som gjør nettsteder
- Webdesignere
- 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. Og disse gutta er alltid i forkant av teknologien, etter å ha blitt innlemmet AI til Divi.
Beaver Builder
Beaver Builder har en annen type bruker. Samtidig som ElegantThemes retter seg mot de som er less "teknisk", Beaver Builder går etter de brukerne som er designere og utviklere i hjertet.
Divi har noen begrensninger som disse utviklertypene synes er frustrerende, og Beaver Builder identifiserer og løser disse problemene på en god måte.
Dette har tillatt dette produktet å ta av med de som identifiserer seg mer som utviklere.
Hvis du er interessert i hvordan Elegant Themes produkter sammenlignet med andre populære alternativer tilgjengelig der ute, kan det være lurt å vurdere følgende to artikler vi også har skrevet:
https://www.collectiveray.com/divi-vs-genesis
og
https://www.collectiveray.com/divi-vs-avada
Fortsetter på bildet ovenfor, Beaver Builder ville vært 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:
- Webutviklere
- Nettdesignere som vil tukle med kode
- Digitale byråer
- Frilansere
Med den introduksjonen ute av veien, la oss begynne å grave i hvert produkt, slik at vi kan se funksjonene, funksjonene, fordelene og ulempene ved å bruke en av disse to elementene.
La oss starte med å diskutere brukergrensesnittet til begge disse produktene.
Beaver Builder vs Divi - WordPress Page Builder UI og UX
Siden vi har en tendens til å bruke mye tid på bakenden av sidebyggeren vår, la oss først se på hvordan hver av dem ser ut og hva de tilbyr når det gjelder brukervennlighet.
De Divi Builder Interface
ElegantThemes har jobbet med produktet deres i flere år, og det vises. Med et sterkt fellesskap som støtter dem og gir dem mange gode tilbakemeldinger - vet disse gutta hvordan de skal holde seg på pulsen til brukerne sine.
De har bygget et grensesnitt som er helt fokusert på en god 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.
Men la oss se nærmere på brukergrensesnittet.
Etter å ha installert Divi, vil du kunne få tilgang til byggeren ved å opprette et nytt innlegg eller en ny side.
Det første du kommer til å se er dette:
Ved å klikke på Bruk Divi Builder knappen vil omdirigere deg til den nye visuelle editoren.
Denne funksjonen er et svar på introduksjonen av den nye WordPress-blokkredigereren som du kan se fra bildet ovenfor. Den gamle Divi-backend-editoren er nå ikke tilgjengelig for bruk med den nye 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-backend-editoren, men også til den klassiske WordPress-postredigereren.
Alt du trenger å gjøre er å gå til Divi > Plugin-alternativer > Advanced.
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".
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.
Dette er en komplett WYSIWYG (What You See is What You Get) opplevelse.
For å få tilgang til sidebyggeren fra backend, gå til innlegg > Legg til ny.
Du vil se en ny side med tre alternativer, Bygg fra bunnen av, Velg et forhåndsdefinert oppsett eller klon en side.
Når du har tatt valget ditt, vil du se enten et alternativ for å opprette en ny side, velge fra listen over maler eller velge en side å klone.
Vi velger å lage en side fra bunnen av slik at du kan se hva som skjer.
På den resulterende siden klikker du på "Bruke Divi Builder”-Knappen. Dette åpner grensesnittet, som ser ut som følgende
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 spesiallagde kolonnestrukturer. Du kan legge til flere rader i en seksjon for å ha flere kolonnestrukturer.
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 flytte moduler, kolonner, rader og seksjoner ved å dra og slippe disse til ønsket plassering. 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 de forrige handlingene ved å bruke historikkfunksjonen.
Når frontend-sidebyggeren har 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 takler dette produktet det veldig bra.
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.
Du kan dra og slippe modulene, radene, kolonnene og også kopiere, lime inn, slette eller redigere disse i henhold til dine behov.
Få 10 % rabatt på Divi frem til november 2023
PS. Tilbudet ovenfor er bare tilgjengelig gjennom CollectiveRay.
Så hva med ElegantThemes konkurrent? Gjør Beaver Builder har samme fleksibilitet? Fungerer det i sanntid i frontend?
Les resten av denne artikkelen for å finne ut svaret på disse spørsmålene.
De Beaver Builder Interface
Ikke ønsker å bli stående bak i kampen mot sidebyggerdominansen, Beaver Builder har kommet ut med alle våpen flammende.
Eller tenneprikk, hvis vi vil beholde Beaver-analogien. 😀
Beaver Builder tilbyr både redigering i frontend og backend, så det henger ikke etter i den forbindelse.
Den kan brukes på sider, innlegg og de fleste andre tilpassede WordPress-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 Beaver Builder.
I hovedsak, i backend-metoden, etter at du først har logget på dashbordet, går du til innlegg > Legg til ny, og klikk på "Page Builder"-Knappen.
Dette vil få opp sidebyggergrensesnittet - noe som ligner på det nedenfor.
Det første trinnet er å velge en mal for siden. Du kan velge hvilken som helst av de ferdiglagde malene eller komme i gang med den tomme for å lage din egen mal.
Når du har valgt malen, er neste trinn å velge radoppsett.
Du kan velge radoppsett fra venstre sidefelt. Åpne sidefeltet ved å klikke på "Legg til innhold”-knappen ø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.
Beaver Builder 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.
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 vil du få modulinnstillingsvinduet.
Det er flere seksjoner for å administrere innholdet og stilen til modulen.
Du kan dra og slippe radene og modulene for å endre posisjonene deres. 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, gå til siden du vil redigere og klikk på "Page Builder"-knappen. Dette vil åpne det samme grensesnittet som å lage siden fra backend.
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 Beaver Builder nå? Klikk på knappen nedenfor. (Åpnes i et nytt vindu)
Beaver Builder vs Divi - Moduler
Brukervennlighet er bare ett aspekt ved en sidebygger. Antall moduler den gir uten å måtte installere ekstra plugins, teller også.
Divi Builder
Denne plugin-en kommer for tiden med over 200 innholdsmoduler (elementer i Divi-speak).
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.
Nyere versjoner av Divi, som i 4.20 utgitt i februar 2023, har drastisk forbedret måten den fungerer på og hvor raskt den laster.
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
- Button
- CTA
- lyd
- video
- Tilpasset kode
- divider
Avanserte valg av elementer inkluderer:
- Motvirke
- Melde deg på
- portefølje
- Logg inn
- kart
- Person
- Prisbordet
- Testimonial
- Videoglidebryter
Selvfølgelig er dette ikke de eneste modulene som er tilgjengelige, men hvis vi fortsatte å liste dem, gitt at det er mer enn 200 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.
Så er det ekstra modulplugins for de få du trenger, men Divi har ikke.
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:
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:
- Innhold
- utforming
- Avansert
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 % rabatt på Divi frem til november 2023
PS. Tilbudet er kun tilgjengelig fra lenken ovenfor.
Beaver Builder
Beaver Builder har 29 moduler i alt og deler dem inn i tre kategorier:
- Standard moduler
- WordPress Widgets
- Lagrede moduler
Standard moduler inkluderer:
- Tekstredigerer
- Overskrift
- HTML
- Button
- Bilde
- video
- lyd
- separator
WordPress-kategorien inneholder noen kjente moduler:
- arkiver
- Kalender
- Type boliger
- Meta
- RSS
- Navigasjonsmeny
- Og andre
Lagrede moduler-delen vil inneholde alle moduler du oppretter og lagrer for senere bruk.
Programtillegget tilbyr tre seksjoner for å administrere en modul:
- general
- Stil
- Avansert
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.
Den neste delen av vår Beaver Builder vs Divi-gjennomgang vil ta for seg de tilgjengelige sidemalene eller forhåndsdefinerte layoutene.
Dette er noe som garantert gjør livet ditt enkelt og lar deg designe helt nye nettsider i løpet av timer, til og med minutter, i stedet for uker.
Se nedenfor hva vi mener!
Beaver Builder vs Divi - 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.
Påfølgende versjoner har lagt til flere, med antallet nå på over 2,000!
Du kan bruke en mal ved å klikke på "Velg en forhåndsdefinert layout" når du først laster inn en ny side eller et nytt innlegg.
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 Divi 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 oppretter en side i WordPress, laster inn et forhåndsdefinert oppsett, deretter tilpasser du teksten, bilder og annet innhold for å passe din virksomhet og - voila - du har en fantastisk "designet" nettside uten å kreve noen 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 2,000 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!).
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.
- 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.
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.
Beaver Builder Sidemaler
Beaver Builder kommer også med mange profesjonelt utformede maler. Du vil bli bedt om å velge en mal når du oppretter et nytt innlegg.
Det er også mulig å endre gjeldende mal ved å klikke på "Maler"-knappen.
Det er tre typer oppsett:
- Destinasjonssider
- Innholdssider
- Mikrosider
Destinasjonssider inkluderer maler for fysiske produkter, apper, fagpersoner, restauranter, teknologi, mote, fotografering, mobil, musikk, bilindustri og så videre.
Innholdssider inkludere maler for de nødvendige nettsidene som om oss, tjenester, portefølje, team, kontakt, FAQ, blogg osv. De fleste av disse malene er tilgjengelige i forskjellige stiler.
Mikrosider er små sider som kan fungere på egen hånd eller være innebygd på en annen side.
Siden malene er utstyrt med et bilde, kan du enkelt velge den beste i henhold til dine behov.
La oss se litt dypere på hva som er tilgjengelig for deg som kunde av Beaver Builder.
Destinasjonssider
Beaver Builder har designet flere landingssidemaler 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 - 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 fullstendige nettsteder er fantastiske, vil vi noen ganger fortsatt finpusse eller lage spesifikke sider. Av denne grunn, Beaver Builder har også mange innholdssider som er designet og klare til bruk.
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.
Mikrosider tilbyr deler av en side eller minimalistiske sider hvis du noen gang skulle trenge dem.
Klikk på lenken nedenfor for å gå direkte til malsiden.
Beaver Builder vs Divi - Innstillinger for sidebygger
Nå har du en ide om hvilke moduler og maler hver sidebygger tilbyr, la oss grave litt dypere inn i innstillingene.
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.
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 Beaver Builder er plassert på siden Innstillinger > Sidebygger. Oppgi lisensnøkkelen din i lisensdelen for å aktivere automatiske oppdateringer for plugin-en.
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.
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 Beaver Builder lar deg tilpasse og tukle med alle alternativene du trenger. Hvis du ikke er fornøyd med å bruke FontAwesome, velg 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
Beaver Builder vs Divi - tilleggsfunksjoner
Hvilke andre godbiter tilbyr disse sidebyggerne?
Divi tema
Programtillegget fra Elegant Themes kommer med flere andre spennende funksjoner. For eksempel lar PageBuilder Library 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 layoutavstandsalternativene krever også spesiell omtale. Disse alternativene gjør det mye enklere å bruke den nøyaktige avstanden du vil ha mellom radene, elementene og seksjonene.
Du vil finne dedikerte alternativer for å definere margin, polstring, vertikal og horisontal avstand. Det er også mulig å sette opp rad- og kolonnebredder.
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.
Dessuten kan du merke disse som globale varer.
Dette lar deg gjøre endringene til et enkelt globalt element, og endringene vil automatisk bli 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 funksjonen 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.
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:
Fra versjon 4.0 er Divi ikke lenger en sidebygger, det er en temabygger.
Få 10 % rabatt på Divi frem til november 2023
PS. Tilbudet ovenfor er bare tilgjengelig via lenken ovenfor fra CollectiveRay
Beaver Builder
På den annen side, Beaver Builder har også noen triks i ermene.
Først av alt, live frontend-redigering er imponerende. Den tilbyr en intuitiv opplevelse der du kan redigere siden og få nøyaktig utdata uten gjetting.
Den lar deg også bruke standard WordPress-widgets og egendefinerte widgets i oppsettene dine.
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 Beaver Builder er at sideinnholdet forblir intakt selv etter at du har deaktivert plugin-en.
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.
Beaver Builder vs Divi - Fordeler og ulemper
Hvert produkt, uansett hvor godt designet eller modent, vil ha styrker og svakheter. Disse to sidebyggerne er ikke forskjellige.
Divi tema
Pros
- En veldig kraftig løsning for å lage alle typer layout,
- Nye ytelsesoppdateringer gjør Divi raskere enn noensinne,
- Attraktiv pris med tilgang til mange andre WordPress-temaer og plugins - å kjøpe det er en no-brainer, utmerket verdi
- Mange flotte design, med mange tilpasningsalternativer,
- Kraftig temabygger,
- Omfattende dokumentasjon og god, responsiv støtte
Ulemper
- Ta deg litt tid å venne deg til,
- Frontend-redigering tar litt tid å laste og legge til moduler på sider er mye tregere enn Beaver Builder
- 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)
- Kan ikke fjerne dataene den legger til databasen, noe som gjør det vanskelig å bevege seg bort fra Divi-temaet
Beaver Builder
Pros
- Et enkelt brukergrensesnitt,
- Innholdet forblir intakt selv etter at programtillegget er deaktivert,
- Unik redigeringsmodus for klienter,
- Det lar deg bruke WordPress-widgets i layoutene.
- Rask, snappy, responsiv brukergrensesnitt som er lett å forstå grensesnittet
- Stort utvalg av profesjonelle maler som hjelper deg i gang med designet
- Støtter WordPress native widgets slik at du kan bruke hva som helst
Ulemper
- Dyrere enn de andre WordPress-sidebyggerne
Divi vs. Beaver Builder - Prissetting
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 og toppet på $546. Hver plan 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 tilgjengelige planer - Årlig tilgang og Livstidstilgang.
Den årlige tilgangsplanen er priset til $89 per år. Livstidstilgang lar deg nyte alle disse fordelene for 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 % rabatt på Divi frem til november 2023
Beaver Builder
Beaver Builder tilbyr fire prisplaner. Standardplanen er priset til $99, som lar deg bruke plugin-en 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 temaet og multisite-kompatibilitet.
Agency er priset til $399 og nyter alle funksjonene til Pro sammen med fullstendig hvit merking tillatelse.
Ultimate koster $546 per år og legger til Assistant Pro, et skybasert lagringsalternativ for design og eiendeler.
Beaver Builder vs Divi - Ofte stilte spørsmål
Is Beaver Builder raskere enn Divi?
Beaver Builder er ikke lenger raskere enn Divi. Det pleide å laste editoren raskere og er raskere å bruke og lære. En ny ytelsesoppdatering fra Divi har imidlertid endret måten den 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?
Is Beaver Builder bra for SEO?
Ja, Beaver Builder har alle funksjonene som er nødvendige for å kontrollere søkemotoroptimaliseringen av nettstedet ditt, inkludert at det er raskt, kontroll over overskrifter og tittelkoder og andre nødvendige funksjoner.
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, tilbyr begge pluginene enorm verdi for pengene. De leverer 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 % rabatt på Divi frem til november 2023
Så hvilken har du valgt? Gi oss beskjed i kommentarene nedenfor.
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.