Beaver Builder vs Divi: One Is Good For You, One Isn't (2024)

Beaver Builder vs Divi

Så du leder efter et nyt WordPress-sidebygger-plugin. Hvordan vælger du imellem Beaver Builder eller Divi, når disse er to af de mest populære produkter på markedet?

Du har muligvis lavet nogle indledende undersøgelser og har fundet ud af, at disse to er de mest udråbte valg til at bygge websteder og giver lignende værktøjer til andre førende sidebyggere.

Nu vil du finde ud af, hvilke af disse populære plugins der er bedst. Og mest af alt, der er dine penge værd?

Vi vil udforske alle de vigtige funktioner i disse sidebygger-plugins og sammenligne dem direkte for at hjælpe med at finde den bedste for dig.

Læs videre for at finde ud af, hvilket er det bedste sidebygger -plugin til WordPress. Hvis du generelt er interesseret i WordPress -plugins, kan du tjekke vores andre anmeldelser og roundups fremhævet på Collectiveray.

Vi har websteder, der kører med begge disse produkter installeret, så vi har genset denne artikel i maj 2024 for at opdatere alle relevante detaljer efter behov.

Beaver Builder vs Divi

Beaver Builder er meget let at bruge, men Divi har flere tilpasningsmuligheder. Begge produkter giver dig adgang til professionelt udseende layout. Divi har 2,000+ layout sammenlignet med Beaver Builder's 50 skabeloner. Divi er lidt billigere end Beaver Builder til $ 89, som inkluderer alle produkter fra ElegantThemes.

  Divi-kedel beaver builder logo
Pris $ 89 (inkluderer alle ET-plugins og WordPress-temaer) $ 99 +
Gratis Version Ingen Ja
Realtidsredaktør Ja Ja
Frontend / backend Både Både
Målgruppe Udvikler / designer / bruger Webudvikler / Designer
Elementer understøttet 200 +  31 
Ren kode Ja Ja
Foruddefinerede skabeloner / layout 2,000 + 50 +
Cool funktion A / B-test Bæver Themer
Performance (Præstation) ⭐⭐⭐⭐⭐
Hvad vi kunne lide  En meget kraftfuld løsning til at skabe enhver form for layout  Enkel brugergrænseflade
   Overlegen indstillinger for layoutadministration  Indholdet forbliver intakt, selv efter deaktivering af pluginet
   Attraktiv prisfastsættelse med adgang til mange andre WordPress-temaer og plugins  Unik editor-tilstand for klienter
   Nye præstationsforbedringer ændrer spillet  Giver dig mulighed for at bruge WordPress-widgets i layouts
Hvad vi ikke kunne lide  Det tager lidt tid at vænne sig til  Dyrere end de andre sidebygere
   Frontend-editoren tager noget tid at indlæse.  Ikke så mange ressourcer
Samlet
Vinder 🏆  
Hjemmeside Besøg Elegant Themes (10% FRA) Besøg Beaver Builder 

 

Hvorfor bruge en sidebygger?

Beaver builder vs diviHvis du er relativt ny i WordPress-verdenen, kender du muligvis ikke den fulde historie for sidebygere, og hvordan de er kommet til.

I det væsentlige, op til et par år siden, kunne WordPress oprette enten sider eller indlæg. Begge disse indholdselementer er meget ens.

De understøttede for det meste tekst og billeder og dit banebrydende webstedsindhold, såsom blogindlæg.

Hvis du ville have noget mere avanceret, var du nødt til at bruge plugins og / eller kortkoder efter behov.

Nu var kortkoder fantastiske, fordi de tillod dig at indsætte specifikke funktioner og funktioner, hvor du vil på en side.

Men de havde stadig deres begrænsninger - du var stadig nødt til at installere en masse forskellige plugins for at kunne opnå og bruge flere forskellige elementer på en side.

Hvis du ville have skydere, knapper til handling, videoer, billedgallerier og andre ting, var du nødt til at blive ved med at tilføje flere og flere plugins.

Dette bragte et andet problem med sig - jo flere produkter du tilføjer til din installation, jo tungere får dit websted, og jo mere er det tilbøjeligt til sikkerhedssårbarheder, der kommer fra de forskellige emner, du skulle installere.

Dette var et problem.

Der var et andet problem. Du kunne ikke oprette en side eller et indlæg visuelt. Du var nødt til at designe en side ved hjælp af kortkoder, og efter flere gentagelser af ændringer ville du nå frem til et resultat, der var tæt på det, du ønskede.

Til sidst begyndte udviklere og leverandører at indse, at de fleste mennesker ville have muligheden for at designe og definere deres egne sider uden begrænsninger – ikke bruge skabeloner, som fik alle hjemmesider til at se ens ud.

Og således kom konceptet med sidebygere til.

Dette er i det væsentlige kernen i en sådan funktion - evnen til at trække og slippe forskellige elementer for at designe og definere en side eller et indlæg på en måde, som DU ønsker.

Læs mere: Assistant Pro - gem sidebyggerskabeloner på nettet

Divi builder vs beaver builder

Vi er ikke så sikre på, hvem der fandt på det første sidebyggerprodukt, men helt sikkert, Elegant Themes har været en af ​​leverandørerne til at gøre dette koncept meget meget vellykket.

Så snart folk så potentialet, begyndte alle de store leverandører at hoppe på vognen.

I dag vil de fleste af de største leverandører samle en slags visuel sidebygger i deres temaer - hvis de ikke har en selv, vil de samarbejde med nogen og integrere / aktivere denne funktion i deres tema.

Så hvad med Divi og Beaver Builder?

Divi

ElegantThemes har været i denne niche så længe, ​​at de virkelig har forstået, hvad folk vil have, og har givet dem det - deres produkt er et af de mest populære, med mere end 600,000, 880,000 salg.

De er fokuseret på de brugere, der ønsker at oprette et websted, men ikke er generet af, hvad der foregår under emhætten - de vil bare have tingene til at fungere og ønsker ikke at blive teknisk om det eller rod med nogen kode.

Elegant Themes Målgruppe: 

Folk, der ønsker at få et websted designet og køre uden at involvere en udvikler or at vide meget om kode.

Eksempel på brugere:

  1. Ejere af små virksomheder
  2. Bloggere
  3. SEO'er
  4. Tilknyttede webstedsejere
  5. Indholdsforfattere, der laver websteder
  6. Webdesignere
  7. Agenturer for digital markedsføring

Hvis du skulle tage et kig på billedet herunder, er Divi målrettet mod designeren. Faktisk vil du måske tjekke nogle live eksempler på Divi -temaer her. Og disse fyre er altid på forkant med teknologi, efter at have indarbejdet dem AI til Divi.

Designer vs udvikler

Beaver Builder

Beaver Builder har en anden slags bruger. Mens ElegantThemes retter sig mod dem, der er less "teknisk", Beaver Builder går efter de brugere, der er designere og udviklere i hjertet.

Divi har nogle begrænsninger, som disse udviklertyper finder frustrerende, og Beaver Builder identificerer og løser disse problemer pænt. 

Dette har gjort det muligt for dette produkt at tage fart hos dem, der identificerer sig mere som udviklere.

Hvis du er interesseret i hvordan Elegant Themes produkter sammenlignet med andre populære muligheder, der er tilgængelige derude, kan du overveje følgende to artikler, vi også har skrevet:

https://www.collectiveray.com/divi-vs-genesis

,

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

Fortsætter på billedet ovenfor, Beaver Builder ville være mere hjemme hos udvikleren.

BeaverBulder målgruppe:

Webudviklere og designere, der kan lide til tinker rundt med koden, være i fuld kontrol over, hvad der foregår, hvad der skal være i stand til at finjustere ting for at få dem til at fungere som de vil, ikke som sælgeren har designet det.

Eksempel på brugere:

  1. Webudviklere
  2. Webdesignere, der ønsker at rode med kode
  3. Digitale agenturer
  4. Freelancere

Med den introduktion af vejen, lad os begynde at grave i hvert produkt, så vi kan se funktionerne, funktionerne, fordele og ulemper ved at bruge en af ​​disse to elementer.

Lad os starte med at diskutere brugergrænsefladen for begge disse produkter.

Beaver Builder vs Divi - WordPress Page Builder UI og UX

Da vi har en tendens til at bruge meget tid på bagenden af ​​vores sidebygger, lad os først se på, hvordan hver af dem ser ud, og hvad de tilbyder med hensyn til brugervenlighed.

Divi Builder grænseflade

ElegantThemes har arbejdet på deres produkt i flere år, og det kan ses. Med et stærkt fællesskab, der støtter dem og giver dem masser af god feedback - ved disse fyre, hvordan de skal holde sig på pulsen hos deres brugere.

De har bygget en grænseflade, der udelukkende er fokuseret på en god brugeroplevelse.

De har ikke ved et uheld opbygget masser af fans. Deres strenge fokus på design og brugbarhed af deres produkt har været et af de vigtigste aspekter ved at gøre denne bygherre så succesrig.

Se på denne korte introduktionsvideo (2 minutter). Dette er fra den allerførste version af Divi (2015), mange ting har ændret sig siden da, men det er dejligt at få en hurtig oversigt over mulighederne.

Men lad os se et faktisk kig på brugergrænsefladen.

Efter installation af Divi, vil du være i stand til at få adgang til builderen ved at oprette et nyt indlæg eller en ny side.

Det første du kommer til at se er dette:

  Divi Builder grænseflade

Hvis du klikker på Brug Divi Builder knappen vil omdirigere dig til den nye visuelle editor.

Denne funktion er som reaktion på introduktionen af ​​den nye WordPress blok editor, som du kan se fra billedet ovenfor. Den gamle Divi back-end editor er nu ikke tilgængelig til brug med den nye post editor.

Derfor Elegant Themes fokuseret på at forbedre deres front-end visuelle editor og gjorde det sådan, at back-end og front-end nu er sømlessintegreret med hinanden.

Du har dog stadig muligheden for ikke kun at vende tilbage til den klassiske Divi-backend-editor, men også til den klassiske WordPress-posteditor.

Alt du skal gøre er at gå til Divi > Plugin-indstillinger > Avanceret.

divi muligheder1 side

Skift “Aktivér Classic Editor”Til On for at bringe den oprindelige WordPress-postredaktør tilbage.

Aktivering af denne mulighed vil også bringe hele Divis fulde back-end-editor tilbage. Skift derefter mellem “Aktiver det nyeste Divi Builder Erfaring" til handicappede vil bringe back-builder fra før Gutenberg Divi tilbage (husk dog, at du mister nogle af de nyeste funktioner og forbedringer af den moderne bygherre).

Den front-end realtidsredaktør giver dig nu mulighed for at designe og Visualiser den side, du arbejder på i farten.

Dette er ærligt talt en fantastisk funktion, fordi du ikke behøver at "gætte" eller opdatere frontenden for at se resultatet af det design, du arbejder på.

Du kan se det, når du designer det.

Det er hvad ElegantThemes ringer "En ny visuel oplevelse".

Brugergrænseflade

Den nye Divi Visual Builder erstattede de ældre back-end / front-end-redaktører.

Nedenfor kan du se, hvordan den nye bygherre ser ud. Læg mærke til, hvordan du kan sylessskift mellem backend (wireframe) og front-end visning med et enkelt museklik.

trådrammevisning

Dette er en komplet WYSIWYG-oplevelse (hvad du ser, hvad du får). 

For at få adgang til sidebyggeren fra backend, skal du gå til Indlæg > Tilføj ny.

Du vil se en ny side med tre muligheder, Byg fra bunden, Vælg et foruddefineret layout eller klon en side.

Divi ny side

Når du har foretaget dit valg, vil du enten se en mulighed for at oprette en ny side, at vælge fra listen over skabeloner eller vælge en side, der skal klones.

Vi vælger at oprette en side fra bunden, så du kan se, hvad der sker.

På den resulterende side skal du klikke på "Brug Divi Builder”Knap. Dette åbner grænsefladen, der ligner følgende

Divi ny side1

 

Divi (som vi allerede har gennemgået her) giver dig mulighed for at oprette separate sektioner til forskellige dele af siden. Det understøtter tre typer sektioner - standard, fuld bredde og specialitet.

Til standard- og fuldbreddeafsnittene kan du vælge en kolonnebaseret struktur. Der er masser af kombinationer, herunder to, tre, fire kolonner i forskellige størrelser.

Specialafsnittet indeholder ni specielt oprettede søjlestrukturer. Du kan tilføje flere rækker inde i en sektion for at have flere kolonnestrukturer.

divi ny side 3

Når du har valgt et layout, kan du tilføje moduler til de enkelte kolonner. Du finder separate muligheder for at levere modulindholdet, konfigurere designmulighederne og levere tilpasset CSS.

Du kan omplacere moduler, kolonner, rækker og sektioner ved at trække og slippe disse til deres ønskede placeringer. Der er dedikerede knapper til at slette, duplikere og åbne indstillingssektionen for hvert af disse elementer.

Det er også muligt at fortryde, gentage de sidste handlinger og vende tilbage til de tidligere handlinger ved at bruge historikfunktionen.

divi ny side 3

Når frontend-sidebyggeren er indlæst, kan du begynde at tilpasse siden.

Ligesom backend-grænsefladen kan du tilføje et nyt afsnit, vælge kolonnestruktur og nyde fuld adgang til alle indstillingerne for modulindstillinger.

Selvfølgelig er en designer uden træk og slip død i vandet, men selvfølgelig klarer dette produkt det meget flot.

Faktisk er det ikke kun, træk og slip - men det opretholder også lydhørhed, mens du designer.

I betragtning af at du arbejder på de faktiske live indholdsblokke og elementer, trækker du de faktiske stykker indhold.

Og selvfølgelig er alt stadig fuldt responsivt.

Se på den følgende korte demo af live, responsive blokke.

 

 Responsiv redigering

 

Du kan trække og slippe modulerne, rækkerne, kolonnerne og også kopiere, indsætte, slette eller redigere disse efter dine krav. 

Få 10 % rabat på Divi indtil maj 2024

PS. Ovenstående tilbud er kun tilgængeligt igennem CollectiveRay.

Så hvad med ElegantThemes konkurrent? gør Beaver Builder har samme fleksibilitet? Fungerer det i realtid i frontend?

Læs resten af ​​denne artikel for at finde ud af svaret på disse spørgsmål. 

Beaver Builder grænseflade

Ikke ønsker at blive efterladt i kapløbet om sidebyggerens dominans, Beaver Builder er kommet ud med alle våben flammende.

Eller tænder-gnashing, hvis vi vil beholde Beaver-analogien. 😀

Beaver Builder tilbyder både redigering i frontend og backend, så det halter ikke i den henseende.

Det kan bruges på sider, indlæg og de fleste andre tilpassede WordPress-typer, så længe de har været aktiveret.

Ved at klikke på fanen Admin for den relevante brugerdefinerede type, ser du, hvordan bygherren indlæses, så du kan bruge den til at designe dit indhold.

Før vi fortsætter, vil du måske se følgende korte video (2 minutter) om brug Beaver Builder.

I det væsentlige, i backend-metoden, når du først logger ind på dit dashboard, skal du gå til Indlæg > Tilføj ny, og klik på "Side Builder"Knappen.

Dette vil bringe sidebuilder-grænsefladen frem - noget der ligner nedenstående.

  Beaver Builder grænseflade

Det første trin er at vælge en skabelon til siden. Du kan vælge hvilken som helst af de færdige skabeloner eller komme i gang med den tomme for at oprette din egen skabelon.

Når du har valgt skabelonen, er næste trin at vælge rækkelayout.

Du kan vælge rækkelayoutet fra venstre sidebjælke. Åbn sidebjælken ved at klikke på "Tilføj indhold”-knappen i menuen øverst til venstre på siden.

Menuen tilbyder også et par andre knapper til at ændre skabelonen, åbne værktøjerne, sektionen, udgive siden og en dedikeret hjælpeknap.

Beaver Builder tilbyder flere kolonnestrukturer, herunder en, to, tre, fire, fem eller seks kolonner og rækker med venstre, højre eller begge sidelinjer.

Træk bare rækkelayoutet til din ønskede position på siden.

  Beaver Builder interface1

Det næste trin er at tilføje moduler til kolonnerne. Du finder modulerne i venstre sidebjælke.

Vælg det modul, du vil bruge, og træk det til den ønskede kolonne på siden. På dette tidspunkt vil du blive forsynet med vinduet med modulindstillinger.

Der er flere sektioner til at styre modulets indhold og stil.

Du kan trække og slippe rækkerne og modulerne for at ændre deres positioner. Der er separate knapper til at slette, duplikere eller åbne indstillingerne for enhver række eller modul.

Det er også muligt at ændre kolonnestrukturen i en række.

For at få adgang til sidebyggeren fra frontend, skal du besøge den side, du vil redigere, og klikke på "Side Builder”-knappen. Dette åbner den samme grænseflade som at oprette siden fra backend.

  Beaver Builder interface2

Du kan arbejde med det eksisterende design eller vælge et nyt layout. Alle de andre muligheder som at tilføje forskellige rækker, moduler, widgets og administrere dem er nøjagtigt de samme som backend.

Vil du gerne se en gratis live demo af Beaver Builder nu? Klik på knappen herunder. (Åbner i et nyt vindue)

Prøv BeaverBuilder demo

Beaver Builder vs Divi - Moduler

Brugervenlighed er kun et aspekt af en sidebygger. Antallet af moduler, det giver uden at skulle installere ekstra plugins, tæller også.

Divi Builder

Dette plugin leveres i øjeblikket med over 200 indholdsmoduler (Elementer i Divi-speak).

Når vi taler om nye udgivelser, har den nye ydelsesopdatering til Divi, der blev lanceret i august 2021, sendt Divi til køen for WordPress -temaer.

Side bygget med den nye version af Divi -indlæsning hurtigere end nogensinde før takket være en række kodeforbedringer under emhætten.

Nyere versioner af Divi, som i 4.20 udgivet i februar 2023, har drastisk forbedret den måde, det fungerer på, og hvor hurtigt det indlæses.

Disse forbedringer omfatter:

  • 94% mindre CSS
  • Intelligent CSS, der kun indlæser det, der kræves
  • Smart Styles reducerer dobbeltarbejde på tværs af stylesheets for hurtigere indlæsning
  • Dynamisk PHP til hurtigere behandling
  • JavaScript -optimering
  • Udsættelse af Gutenberg stylesheet
  • jQuery udsættelse

Blandt disse finder du de regelmæssige som:

  • tekst
  • Søg
  • Harmonika
  • Button
  • CTA
  • Audio
  • video
  • Tilpasset kode
  • Divider

Avancerede valg af elementer inkluderer:

  • Counter
  • Tilmeld
  • Portefølje
  • Login
  • Kort
  • Person
  • Prissætningstabel
  • Testimonial
  • Video skyderen

Selvfølgelig er disse ikke de eneste tilgængelige moduler, men hvis vi fortsatte med at liste dem i betragtning af at der er mere end 200 understøttede elementer, ville vi være her for evigt.

Lad os bare sige, at du sandsynligvis finder et modul til de krav, du har brug for.

Så er der ekstra modul-plugins til de få, du måske har brug for, men det har Divi ikke.

Med version 3.1 er der udviklet og frigivet en API, så du kan forvente, at tilpassede elementer og moduler begynder at dukke op overalt.

Sjove tider forude!

Lad os se, hvilke smarte ting andre udviklere vil komme med. Bliv hængende.

Men nok om det, lad os se på, hvordan man bruger et modul:

Divi tilføje modul

Klik på det ønskede modul for at føje det til indlægget. På dette tidspunkt skal du konfigurere modulindstillingerne. 

Sidebyggeren giver dig tre sektioner til dette formål:

  1. Indhold
  2. Design
  3. Avanceret

Indhold sektionen indeholder alle mulighederne for indholdet af dit valgte modul.

Design giver dig mulighed for at vælge farve, skrifttype, baggrundstil, kant, margen og polstring til modulet.

Endelig Avanceret inkluderer dedikerede felter til tilføjelse af brugerdefineret CSS-id, klasse og til anvendelse af tilpasset CSS før eller efter modulet eller til hovedindholdet.

Vil du gerne læse mere information om dette plugin nu? Klik på knappen herunder for at besøge ElegantThemes internet side.

Få 10 % rabat på Divi indtil maj 2024

PS. Tilbuddet er kun tilgængeligt fra ovenstående link. 

Beaver Builder

Beaver Builder har 29 moduler i alt og opdeler dem i tre kategorier:

  1. Standardmoduler
  2. WordPress Widgets
  3. Gemte moduler

Standard moduler inkluderer:

  • Tekst editor
  • Overskrift
  • HTML
  • Button
  • Billede
  • video
  • lyd
  • Separator

WordPress-kategorien indeholder nogle familiære moduler:

  • Arkiv
  • Kalender
  • Kategorier
  • Meta
  • RSS
  • Navigationsmenu
  • Og andre

Sektionen Gemte moduler vil indeholde alle moduler, du opretter og gemmer til senere brug.

Beaver Administrer modul

Pluginnet tilbyder tre sektioner til at administrere et modul:

  1. Generelt
  2. stil
  3. Avanceret

Blandt disse Generelt sektion giver dig mulighed for at konfigurere indstillingerne relateret til modultypen.

stil sektion giver dig mulighed for at vælge farve, justering, skrifttype og andre stilarter til desktop- og mobilversionerne.

Avanceret inkluderer muligheder for at oprette synlighed, animation sammen med dedikerede felter til tilføjelse af CSS-klasse og ID.

Du kan se en mere klar demo af BeaverBuilder funktioner nedenfor.

Besøg Beaver Builder Hjemmeside

Den næste del af vores Beaver Builder vs Divi-gennemgang vil omhandle de tilgængelige sideskabeloner eller foruddefinerede layouts.

Dette er noget, der er bundet til at gøre dit liv enkelt og give dig mulighed for at designe helt nye hjemmesider i løbet af få timer, endda minutter, i stedet for uger.

Se nedenfor, hvad vi mener!

Beaver Builder vs Divi - Indbyggede sideskabeloner

Indbyggede sideskabeloner er i det væsentlige der for at forkorte din design / udviklingstid. Ved at have disse på plads behøver du kun tilpasse indholdet og designet lidt, og du er klar til at gå!

Divi Builder Sideskabeloner (aka Layouts)

Da version 3.0 blev frigivet, kom den med flere (mere end 100) færdige skabeloner, der hjælper dig med at komme i gang så hurtigt som muligt.

Efterfølgende versioner har tilføjet flere, med antallet nu på over 2,000!

Du kan bruge en skabelon ved at klikke på "Vælg et foruddefineret layout", når du første gang indlæser en ny side eller et nyt indlæg.

divi indlæse et layout

Du finder professionelle layout til destinationssiden, der snart kommer om mig, kontakt os, team, vedligeholdelsesside sammen med flere variationer til hjemmesiden, blog, butik og porteføljesider.

Det er muligt at bruge disse layouts, som de er, eller tilpasse dem efter dine krav.

Selvfølgelig kan man have et ret stort antal skabeloner (eller som Divi kalder dem) sidelayouts, men det rigtige kød er, om de faktisk er gode og brugbare til at skabe dine egne designs.

I bund og grund er den grundlæggende idé dette - du opretter en side i WordPress, indlæser et foruddefineret layout, derefter tilpasser du teksten, billederne og andet indhold, så det passer til din virksomhed, og - voila - du har en fantastisk "designet" hjemmeside uden at kræve reel designviden.

Dette er stor magt i hænderne på dem, der ønsker at få tingene i gang hurtigt, men som ikke er særlig komfortable med kode eller design i sig selv.

Bare en FYI - der er mere end 2,000 layouts til rådighed på tidspunktet for skrivningen af ​​denne artikel.

Lad os hurtigt gennemse, hvad der er tilgængeligt med hensyn til layout.

Komplette webstedspakker

Dette her er en morder-funktion, som vi synes er fantastisk til den målgruppe, som dette produkt er rettet mod. I betragtning af at vi nævnte publikum for at være mennesker, der hurtigt vil have noget fra jorden, er tilgængeligheden af ​​komplette webstedspakker virkelig ablessIng.

I det væsentlige er disse et bundt af de væsentlige 7 til 8 individuelt designede sider, der kræves for, at nogen bare starter et komplet sted på få minutter. 

Se, hvordan Nick Roach fra ET beskriver den værdi, som layoutene bringer til dette produkt. (Ja, du vil bemærke, at Nicks hår er længere, der er gået noget tid mellem de to videoer!).

Siderne er skræddersyet til den specifikke niche / branche og har de væsentlige elementer, der kræves til den specifikke slags forretning.

Alt, hvad du skal gøre som bruger, er at importere designet og ændre indholdet, så det passer til dine specifikke krav.

Her er nogle af de nicher, der er tilgængelige som webstedspakker. Fra nu af er der 31 layoutpakker tilgængelige med i alt 250 sider designet.

  • Restaurantens landingsside - dette er en pakke bestående af 8 sider for at give alt, hvad en restaurant eller madbaseret virksomhed kan starte deres online tilstedeværelse, herunder åbningstider i bundfoden for nem adgang for kunder.

 Divi restaurant layout pakke

  • Design Agency - designbureaupakken er en 9-siders pakke med kreativt og professionelt designede sider til et digitalt eller designbureau. Naturligvis er fremtrædende plads til arbejde og stil, der viser virksomhedens færdigheder på en måde, der konverterer
  • Mode landingsside - en branche, der helt sikkert skal se godt ud online, er en modeblog. Denne layoutpakke på 8 sider fokuserer på at give bloggeren mulighed for at mærke deres image efter behov. Det hele er godt til brug for fotografer og andre visuelle virksomheder.
  • Rejsebureau - designet her har et stærkt fokus på, at brugeren besøger webstedet, tager handling, skubber og opfordrer den aktuelle seer til at ringe eller booke nu med attraktive Call To Action-knapper.
  • Hjemmeside til brylluppet - en perfekt måde til hurtigt at starte et bryllupsudstillingsvindue. Det fokuserer selvfølgelig meget på æstetikken og mange andre brugerdefinerede funktioner, der er specifikke for bryllupper.
  • SaaS Company - en anden type forretning, typisk startups, som typisk har lidt tid at spilde og har brug for hurtigt at komme i gang. Denne layoutpakke giver dem alt hvad de behøver for at komme i gang og få de nødvendige oplysninger derude.

Divi-layoutpakker

Der er masser af andre layouter tilgængelige inklusive, men ikke begrænset til:

  • Learning Management System
  • Kaffebar
  • Farmers Market
  • Yoga eller fitnessstudio
  • Foto Marketplace
  • Tekstforfatter
  • Blomsterhandler
  • Web Agency
  • Indretningsfirma
  • Digital betalingsvirksomhed
  • Keramik og håndværksstudie
  • SEO Agency
  • Konsulentvirksomhed
  • Designkonference
  • Fødevaremodtagelser
  • Advokatfirma
  • Forfatter
  • osv. osv.

Efterhånden som tiden går, tilføjer ET flere og flere layouts til deres bibliotek for at imødekomme specifikke nicher. Selvom der ikke er taget højde for din specifikke branche lige nu, vil du helt sikkert være i stand til at tilpasse et af de eksisterende layout og designet til at passe til dine behov.

Tjek alle layouts nu

Beaver Builder Sideskabeloner

Beaver Builder leveres også med masser af professionelt designede skabeloner. Du bliver bedt om at vælge en skabelon, når du opretter et nyt indlæg.

Det er også muligt at ændre den aktuelle skabelon ved at klikke på knappen "Skabeloner".

Beaver skabeloner

Der er tre typer layouts:

  • Destinationssider
  • Indholdssider
  • Mikrosider

Destinationssider inkluderer skabeloner til fysiske produkter, apps, fagfolk, restauranter, teknologi, mode, fotografering, mobil, musik, bilindustri osv.

Indholdssider inkludere skabeloner til de nødvendige hjemmesidesider som om os, tjenester, portfolio, team, kontakt, FAQ, blog osv. De fleste af disse skabeloner er tilgængelige i forskellige stilarter.

Mikrosider er små sider, der kan fungere alene eller være indlejret på en anden side.

Da skabelonerne er forsynet med et billede, kan du nemt vælge den bedste efter dine behov.

Lad os se lidt dybere på, hvad der er tilgængeligt for dig som kunde af Beaver Builder.

Destinationssider

Beaver Builder har designet flere landingssideskabeloner, der er klar til brug. Blandt disse kan vi finde:

  • Skabelon til små virksomheder - baseret på Probiz-skabelonen, vil dette hjælpe dig med hurtigt at oprette en tilstedeværelse for en lille virksomhed.
  • Fitness, gym eller sporty skabelon - fitness og sport er altid en hot niche, og Body Factory-skabelonen er designet specielt til kunder i denne branche. Yoga, gymnastiksal eller enhver fysisk fitnessindustri fungerer godt sammen med dette.
  • Magazine, Blogger, Fashion blogger skabelon - En anden, der stadig ryger varm industri, Fashion Freaks-skabelonen er lige rigtig som et avanceret design og udseende skrigende klasse, sofistikering og luksus.
  • Advokat, advokatfirma skabelon - en anden hot niche, advokater og advokatfirmaer er lukrative kunder, der kræver en tilstedeværelse, der kan konvertere højt betalte kunder. Den professionelle tilstedeværelse på nettet kan let tilpasses til andre praksisbaserede industrier.
    Vi nævner kun kort resten af ​​skabelonerne
    Beaver landingsside
  • Skabelon til fotografiportefølje
  • DJ / musiker / bandskabelon
  • Restaurant / Cafe skabelon
  • Skabelon til fuldskærmslayout
  • Kreativ, webbureauskabelon
  • e-bog-skabelon
  • Uddannelses- eller universitetsskabelon
  • Biler / bil skabelon
  • Mobile App-skabelon
  • Generel forretningsskabelon
  • Konstruktionsskabelon
  • Kommer snart skabelon

Vi anbefaler stærkt, at du ser på demoerne, der er tilgængelige med hver af disse skabeloner, for at se, hvor let det er at komme i gang med disse skabeloner.

Indholdssider

Selvom skabeloner for hele websteder er fantastiske, vil vi nogle gange stadig gerne justere eller oprette specifikke sider. Af denne grund, Beaver Builder har også mange indholdssider, der er designet og klar til brug.

Beaver indholdssider

Her er nogle af de sider, der er tilgængelige til brug:

  • Om os (flere versioner)
  • Vores ydelser 
  • Fotoportefølje
  • Designportefølje
  • Vores team (flere versioner)
  • Kontakt (flere versioner)
  • Priser (flere versioner)
  • Blog (flere versioner)

Selvfølgelig forventer vi kun, at disse vokser over tid.

Mikrosider tilbyder sektioner af en side eller minimalistiske sider, hvis du nogensinde har brug for dem.

Beaver mikro sider

Klik på nedenstående link for at gå direkte til skabelonsiden. 

Check Ud Beaver Builder skabeloner

Beaver Builder vs Divi - Page Builder-indstillinger

Nu har du en idé om, hvilke moduler og skabeloner hver sidebygger tilbyder, lad os grave lidt dybere i indstillingerne.

Divi Builder Indstillinger

Opsætning af dette plugin er meget ligetil.

Når du har installeret og aktiveret pluginet, skal du gå til Plugin-indstillinger, og angiv dit brugernavn og API-nøgle i afsnittet "Opdateringer" for at modtage automatiske opdateringer.

Divi nøgle

Du kan se yderligere indstillinger her, såsom API-indstillinger, Integration af posttype og Avanceret.

API-indstillingerne indeholder muligheder for Google-skrifttyper og Google Maps-integration.

Under Post Type Integration vil du kunne aktivere eller deaktivere Divi builder på bestemte indlægstyper.

Under fanen Avanceret kan du finde indstillinger til minifikation, statisk CSS-filgenerator osv. Og mulighederne for at aktivere den klassiske WordPress-editor og den klassiske Divi-backend-builder.

Det nyeste element her er siden "Theme Builder".

Her kan du finde de temabyggerskabeloner, du har bygget eller importeret sammen med muligheder for at importere og eksportere dem, se redigeringshistorik for temabygger og mere. Vi vil dække denne nye funktion mere detaljeret senere i denne artikel.

Du finder en liste over alle brugerdefinerede layout i Divi-bibliotek side. Der er separate knapper til at styre layoutkategorien og til at importere eller eksportere layouts. Gå til Divi Role Editor for at definere, hvor meget adgang forskellige brugerroller vil have.

Endelig kan du i Support Center kontrollere din systemservers status, i det væsentlige viser den nogle vigtige oplysninger om din server.

Hvis der er indstillinger, der ikke er indstillet til visse anbefalede værdier, underretter Divi dig herom, så du kan rette dem.

Dette er også her, hvor du kan konfigurere “fjernadgang”, hvilket gør det muligt for Elegant Theme supportteam at få direkte adgang til dit admin dashboard for at hjælpe dig med at rette eventuelle fejl, du måtte have.

Andre ting inkluderer sikker tilstand og logning.

Beaver Builder Indstillinger

Indstillinger for Beaver Builder findes på siden Indstillinger > Sidebygger. Angiv din licensnøgle i sektionen Licens for at aktivere automatiske opdateringer til pluginnet.

I moduler kan du aktivere eller deaktivere modulerne. Posttyper giver dig mulighed for at definere, hvilke posttyper der kan bruges BeaverBuilder. I Skabeloner kan du bestemme, hvilke skabeloner der vil være tilgængelige i sidebyggergrænsefladen.

beaver builder indstillinger

Sektionen Ikoner giver dig mulighed for at beslutte, hvilke ikoner der skal være tilgængelige i grænsefladen.

De tilgængelige muligheder inkluderer

  • FontAwesome,
  • Foundation og
  • Dashikoner. 

Dette er et eksempel på hvordan Beaver Builder giver dig mulighed for at tilpasse og pille ved alle de muligheder, du har brug for. Hvis du ikke er tilfreds med at bruge FontAwesome, skal du vælge noget, du kan lide.

Du finder også separate sektioner for at rydde cachen, som fjerner dynamisk genereret CSS og Javascript.

Endelig finder du en mulighed for at afinstallere Beaver Builder. Disse funktioner fjerner alle BB -relaterede data fra din WordPress -database - så tag sikkerhedskopier, før du bruger dem, og sørg for at vide, hvad du laver.

Anbefalet læsning: https://www.collectiveray.com/beaver-builder-vs-elementor

Beaver Builder vs Divi - Yderligere funktioner

Hvilke andre godbidder tilbyder disse sidebyggere?

Divi Theme

Plugin fra Elegant Themes kommer med flere andre spændende funktioner. For eksempel giver PageBuilder-biblioteket dig mulighed for at gemme tilpassede moduler og layouts, så du kan bruge dem igen i fremtiden.

Hvad mere er, er det også muligt at importere eller eksportere disse varer til og fra andre websteder.

De overlegne layout-afstandsmuligheder kræver også særlig omtale. Disse muligheder gør det meget nemmere at anvende den nøjagtige afstand, du ønsker mellem rækkerne, elementerne og sektionerne.

Du vil finde dedikerede muligheder til at definere margen, polstring, lodret og vandret afstand. Det er også muligt at indstille række- og kolonnebredderne.

Divi bibliotek

I nogle tilfælde skal du muligvis bruge det samme modul flere steder. Du kan nemt kopiere og indsætte ethvert modul, række eller kolonne til andre indlæg eller sider.

Hvad mere er, kan du markere disse som globale varer.

Dette giver dig mulighed for at foretage ændringerne på et enkelt globalt element, og ændringerne vil automatisk også blive anvendt på de andre steder. 

Divi Theme Builder

En af de største opdateringer Elegant Themes frigivet til Divi i de sidste par år er Theme Builder.

Denne funktion giver dig mulighed for at bygge, designe og tilpasse hele dit websted. Det er ikke længere kun en sidebygger, det er en komplet temabygger.

Du kan oprette globale tilpassede sidehoveder og sidefødder eller definere en til individuelle områder på dit websted.

Du kan også definere brugerdefinerede kropsskabeloner, der giver dig mulighed for at oprette brugerdefinerede produktskabeloner, blogindlægsskabeloner, 404 sider, søgeresultatsider samt tilpassede arkivsider såsom brugerdefinerede kategorisider, brugerdefinerede forfattersider og mere.

Divi Theme Builder

Temabyggeren udvider sidebyggerens styrke til hele dit websted.

Når du opretter en ny skabelon, har du adgang til alle værktøjerne og funktionerne i sidebyggeren, så du kan opbygge og designe den, som du vil.

Dette betyder, at du kan oprette brugerdefinerede designs til sidehoveder og sidefødder, hvis du vil. For at supplere dette kommer menuen med forbedringer såsom yderligere layoutmuligheder og total designkontrol, der hjælper dig med at oprette smukke sidehoveder og sidefødder med en tilpasset menu.

De nye tilpassede kropsskabeloner giver dig mulighed for at ændre alle dine indlæg, produkter eller sides design og struktur på én gang.

Før dette skal du gå til hvert indlæg, produkt eller hver side og redigere dem ved hjælp af sidebyggeren for at foretage ændringer. Nu skal du bare definere en skabelon, anvende den på relevante områder på dit websted, og du er færdig.

Du kan endda bruge WooCommerce-moduler til at oprette brugerdefinerede produktskabeloner til din onlinebutik. Der er også dynamiske indholdsmoduler udstyret med en opdateret post-loop og filtreringsindstillinger, som du kan bruge til at oprette brugerdefinerede arkivsider.

Selvfølgelig har du også det fulde middel til at kontrollere, hvor og hvordan din skabelon skal anvendes. Du kan nemt inkludere eller ekskludere bestemte varer fra en skabelon via afkrydsningsfelter, som det kan ses nedenfor:

betinget logik

Fra version 4.0 er Divi ikke længere en sidebygger, det er en temabygger.

Få 10 % rabat på Divi indtil maj 2024

PS. Ovenstående tilbud er kun tilgængeligt via ovenstående link fra CollectiveRay

Beaver Builder

På den anden side, Beaver Builder har også nogle tricks oppe i ærmerne.

Først og fremmest er live frontend-redigering imponerende. Det giver en intuitiv oplevelse, hvor du kan redigere siden og få det nøjagtige output uden gætværk.

Det giver dig også mulighed for at bruge standard WordPress-widgets og brugerdefinerede widgets i dine layouts.

Beaver Builder WordPress-widgets

Editor-tilstanden vil være praktisk, når du leverer et projekt til klienten. Denne tilstand giver dig mulighed for at begrænse klientens evner for at sikre, at hun ikke foretager uønskede ændringer i kernelayoutet.

Et andet væsentligt træk ved Beaver Builder er, at sidens indhold forbliver intakt, selv efter du har deaktiveret pluginnet.

Du mister typografierne, men siden viser stadig indholdet. I modsætning hertil vil de fleste andre sidebygere efterlade dig et rod af kortkoder, når du deaktiverer dette plugin.

Besøg BeaverBuilder hjemmeside

Beaver Builder vs Divi - Fordele og ulemper

Ethvert produkt, uanset hvor godt designet eller modent, vil have styrker og svagheder. Disse to sidebyggere er ikke forskellige.

Divi Theme

FORDELE

  1. En meget effektiv løsning til at skabe enhver form for layout,
  2. Nye ydeevneopdateringer gør Divi hurtigere end nogensinde før,
  3. Attraktiv prisfastsættelse med adgang til mange andre WordPress-temaer og plugins - at købe det er en no-brainer, fremragende værdi
  4. Mange flotte designs med masser af tilpasningsmuligheder,
  5. Kraftig temabygger,
  6. Omfattende dokumentation og god, lydhør support

ULEMPER

  1. Tag dig tid til at vænne dig til,
  2. Frontend editor tager lidt tid at indlæse, og tilføjelse af moduler til sider er meget langsommere end Beaver Builder
  3. Du er begrænset til de tilgængelige moduler og udviklet af ET (selvom version 3.1 nu understøtter en udvikler-API, hvilket betyder, at udviklere begynder at integrere deres plugins med det)
  4. Kan ikke fjerne de data, den føjer til databasen, hvilket gør det svært at flytte væk fra Divi-temaet

Beaver Builder

FORDELE

  1. En simpel brugergrænseflade,
  2. Indholdet forbliver intakt, selv efter deaktivering af pluginet,
  3. Unik editor-tilstand for klienter,
  4. Det giver dig mulighed for at bruge WordPress-widgets i layouts.
  5. Hurtig, snappy, lydhør brugergrænseflade, som er let at forstå interface
  6. Stort udvalg af professionelle skabeloner, der hjælper dig med at komme i gang med dit design
  7. Understøtter native WordPress-widgets, så du kan bruge hvad som helst

ULEMPER

  1. Dyrere end de andre WordPress-sidebygere

Divi vs. Beaver Builder - Prisfastsættelse

Både Beaver Builder og Divi er GPL-venlige, hvilket betyder, at du kan bruge dem på så mange websteder som du har brug for. produkter, så du kan bruge dem på så mange websteder som du ønsker.

Der er tre forskellige planer, som du kan vælge med Beaver Builder fra $99, der topper med $546. Hver plan giver dig fuld adgang til Beaver Builder plugin og alle moduler og skabeloner, hvor de højere niveauer giver dig nogle mere avancerede funktioner såsom Multisite, White labeling og Themer.

Med Divi har du kun to muligheder, årligt, til en standardpris på $ 89, som kræver et årligt køb, eller levetidsindstillingen på $ 249. Begge har nøjagtig den samme adgang, men selvfølgelig mister du adgang til support og opgraderinger, når året går.

Lad os se mere detaljeret. 

Divi Builder

Divi Builder prissætning

Du skal være en Elegant Themes medlem til at bruge deres plugins - og adgangen kommer til nedenstående satser. 

Der er to tilgængelige planer - Årlig adgang og Livstidsadgang.

Den årlige adgangsplan er prissat til $89 om året. Livstidsadgang giver dig mulighed for at nyde alle disse fordele for en engangsbetaling på $249.

Heldigvis der er et EKSKLUSIVT til CollectiveRay 10% rabat tilbydes lige nu så skaff dig en lejlighedskøb i dag. Mens du er ved det, kan du lige så godt få Lifetime Access givet denne begrænsede tidsrabat!

Begge planer giver ubegrænset adgang til alle de temaer og plugins, der er udviklet af ElegantThemes.

Du får også rettidige opdateringer, premium support og en 30-dages pengene-tilbage-garanti.

Få 10 % RABAT på Divi indtil maj 2024

 

Beaver Builder

Beaver Builder prissætning

Beaver Builder tilbyder fire prisplaner. Standardplanen er prissat til $99, hvilket giver dig mulighed for at bruge pluginnet på ét websted, giver dig et års support og adgang til premium moduler og skabeloner.

Pro er prissat til $199, som inkluderer alle fordelene ved standardplanen plus temaet og multisite-kompatibilitet.

Agenturet er prissat til $399 og nyder alle funktionerne i Pro sammen med komplet hvid mærkningstilladelse.

Ultimate koster 546 USD om året og tilføjer Assistant Pro, en skybaseret lagringsmulighed for design og aktiver.

KØB BeaverBuilder Nu

Beaver Builder vs Divi - Ofte stillede spørgsmål

Is Beaver Builder hurtigere end Divi?

Beaver Builder er ikke længere hurtigere end Divi. Det plejede at indlæse editoren hurtigere og er hurtigere at bruge og lære. En ny ydeevneopdatering fra Divi har dog ændret den måde, det fungerer på. Det er nu et af de hurtigste WordPress-temaer, du kan købe.

Hvad er bedre - Divi eller Elementor?

Divi er bedre end Elementor for nogle ting, mens Elementor er stærkere i andre. Divi er bedre for adgang til plugins og funktioner, dets agenturplan og sidebyggerens rene styrke. Elementor er bedre for at være gratis med premium muligheder og være meget let at få fat i.

Er Elementor den bedste sidebygger?

Elementor den bedste sidebygger, hvis du vil have en tilgængelig sidebygger gratis. Hvis du leder efter en kraftfuld, selvstændig bygherre til oprettelse af et eller to websteder, kan du simpelthen ikke blive bedre end Elementor. Det er hurtigt, gratis og let at bruge. Hvad mere kan du have brug for?

Is Beaver Builder godt for SEO?

Ja, Beaver Builder har alle de funktioner, der er nødvendige for at styre søgemaskineoptimeringen af ​​din hjemmeside, herunder at den er hurtig, kontrol over overskrifter og title tags og andre nødvendige funktioner. 

Hvilken sidebygger skal du vælge?

Nu kommer vi til den (vanskelige) del, hvor vi har brug for at vælge mellem disse sidebyggeri.

Som du har bemærket, tilbyder begge plugins enorm værdi for pengene. De leverer en fremragende brugergrænseflade og gør det meget nemmere for dig at oprette brugerdefinerede layouts.

Da begge plugins har deres brugssager, skal du finde ud af, hvilken der opfylder dine krav mest. Lad mig hjælpe dig med det -

  • Vælg Divi hvis du vil have fuld kontrol over layoutet. Når du først er vant til de tilgængelige muligheder, er det et meget kraftfuldt værktøj, der giver dig mulighed for at oprette enhver form for layout, du ønsker.
    Slutresultat: 5 ud af 5.
  • Gå med Beaver Builder hvis du vil komme i gang hurtigt. Da denne sidebygger ikke bruger nogen korte koder, kan du nemt skrabe det aktuelle design og prøve et nyt med et par museklik.
     Slutresultat: 4.5 ud af 5

Hvis du ser på andre muligheder, vil du måske også tjekke ud Visual Composer or Elementor Pro, som vi begge har dækket separat på dette websted. Både Elementor og Visual Composer er store aktører i sidebygningsniche.

Afsluttende ord: Beaver Builder vs Divi

Divi og Beaver Builder er to af de mest populære sidebygger -plugins lige nu. Unless du har brugt begge plugins i vid udstrækning, det er virkelig udfordrende at vælge det ene frem for det andet. Dette sammenligningsindlæg skal hjælpe dig med at træffe denne beslutning.

Vi tror på det Elegant Themes giver dig mere værdi generelt, da du får adgang til masser af WordPress -temaer og plugins, men BB er også et godt valg. Plus, den nye præstationsopgradering, de introducerede, har virkelig ændret spillet. Det er seriøst svært at vælge Beaver Builder over Divi nu.

Få 10 % rabat på Divi indtil maj 2024

KØB BeaverBuilder Nu

Så hvilken har du valgt? Lad os vide i kommentarerne nedenfor. 

Om forfatteren
David Attard
David har arbejdet i eller omkring online- og digitalindustrien i de sidste 21 år. Han har stor erfaring i software- og webdesignindustrien ved at bruge WordPress, Joomla og nicher omkring dem. Han har arbejdet med softwareudviklingsbureauer, internationale softwarevirksomheder, lokale marketingbureauer og er nu Head of Marketing Operations hos Aphex Media - et SEO-bureau. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencefordel ved at bruge en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag. Hans blanding af teknologisk ekspertise kombineret med et stærkt forretningssans giver hans forfatterskab en konkurrencefordel.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...