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

Beaver Builder vs Divi

Så du leder efter et nyt WordPress plugin til sidebygger, ikke? Hvordan vælger du mellem Beaver Builder vs Divi, når det er de mest populære produkter i nærheden?

Du har foretaget nogle indledende undersøgelser og har fundet ud af, at disse to er de mest udråbte valg til at opbygge websteder. Du kan også have en vis erfaring med at bruge et af disse sidebuilder-plugins.

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?

I så fald er du kommet til det rigtige sted. I dagens indlæg den CollectiveRay, vil vi undersøge alle de vigtige funktioner i disse sidebygger-plugins og sammenligne dem head-to-head for at hjælpe dig med at finde den bedste til dig - og hvor du skal bruge dine penge.

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 sider, der kører med begge disse produkter installeret, så vi har revideret denne artikel i oktober 2021 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 140+ layout sammenlignet med Beaver Builder's 50 skabeloner. Divi er lidt billigere end Beaver Builder til $ 89, som inkluderer alle produkter fra ElegantThemes.

Resumé

  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 46  31 
Ren kode Ja Ja
Foruddefinerede skabeloner / layout 140 + 50 +
Cool funktion A / B-test Bæver Themer
Ydeevne
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.  
Samlet
Vinder 🏆  
Hjemmeside Besøg Elegant Themes (10% FRA) Besøg Beaver Builder 

Hvorfor bruge Beaver eller Divi Builder?

BB-logoHvis 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 kunne WP op til et par år siden oprette enten sider eller indlæg. Begge disse indholdselementer er meget ens.

De understøttede for det meste tekster og billeder og dit kendte websiteindhold såsom video osv

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 ønskede skyderne, Opkald til handlingsknapper, videoer, billedgallerier og andre ting, var du nødt til at fortsætte 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 WP-leverandører at indse, at de fleste mennesker ønskede evnen til at designe og definere deres egne sider uden begrænsninger - ikke bruge skabeloner, hvilket fik alle websteder til at se ens.

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.

Divi 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?

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, 701,600 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.

Designer vs udvikler

Beaver Builder har en anden slags bruger. Mens ElegantThemes retter sig mod dem, der er less "teknisk", BB går efter de brugere, der er designere og udviklere i hjertet. Divi har nogle begrænsninger, som disse udviklertyper finder frustrerende, og BB identificerer og retter disse problemer pænt. 

Dette har gjort det muligt for dette produkt at tage godt ud med dem, der identificerer mere som udviklere.

Hvis du er interesseret i, hvordan ET-produkter sammenlignes med andre populære muligheder derude, kan du overveje følgende to artikler, som 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

Fortsat på billedet ovenfor ville BB 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 denne introduktion ude af vejen, lad os grave i hvert produkt, så vi kan se funktionerne, funktionerne, PROS og CONS ved at bruge en af ​​disse to emner.

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

WordPress PageBuilder brugergrænseflade og brugeroplevelse

Divi Builder grænseflade

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

De har bygget en grænseflade, der er helt fokuseret på en fantastisk 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.

zH0xUAb3Yws

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

Efter installation af Divi vil du kunne få adgang til bygherren ved at oprette et nyt indlæg eller en ny side. Den første ting du vil se er dette:

divi -grænseflade

Hvis du klikker på Brug Divi Builder -knappen omdirigerer dig til den nye visuelle editor, som blev introduceret i Divi 3.18.

Denne funktion er som svar på WordPress 5.0 efter introduktionen af ​​den nye Gutenberg-editor, som du kan se på billedet ovenfor. Den gamle Divi back-end editor er nu ikke tilgængelig til brug sammen med den nye WordPress 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 mulighed for at vende tilbage ikke kun til den klassiske Divi-backend-editor, men også til den klassiske WordPress-postredaktør. Alt du skal gøre er at gå til Divi > Plugin-indstillinger > Avanceret.

aktivere klassisk editor

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

De har for nylig arbejdet med at skabe en ny version af Builder (som blev frigivet som version 3.0). Kernen i denne version var, at i stedet for at have to separate "visninger" en backend-visning og en live view, vil de to blande sig i den samme ting. Back-end-editoren viser liveversionen, mens du arbejder.

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

Se nedenstående billede - se det design i backend? Sådan ser det ud, når det offentliggøres.

For at få adgang til sidebyggeren fra backend, skal du gå til Indlæg> Tilføj nyt. På den resulterende side skal du klikke på "Brug The Divi Builder”Knap. Dette åbner grænsefladen, der ligner følgende

 

Divi 3 Pagebuilder-frontend

 

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.

For standard- og fuldbreddesektionerne kan du vælge en søjlebaseret struktur. Der er masser af kombinationer inklusive to, tre, fire kolonner i forskellige størrelser. Specialsektionen har ni specielt oprettede kolonnestrukturer. Du kan tilføje flere rækker i et afsnit for at have flere kolonnestrukturer.

Kolonner

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 placere modulerne, kolonnerne, rækkerne og sektionerne igen ved at trække og slippe dem til deres ønskede placeringer. Der er dedikerede knapper til at slette, duplikere og åbne indstillingsafsnittet for hvert af disse emner. Det er også muligt at fortryde, gentage de sidste handlinger og vende tilbage til de tidligere handlinger ved hjælp af historikfunktionen.

Hvis du vil bruge sidebyggeren fra frontend, skal du besøge den side, du vil redigere, og klikke på knappen "Aktivér Visual Builder".

Afhængigt af sideindholdet kan det tage et stykke tid at indlæse grænsefladen (hold os, frontend-editoren er ret tung og har brug for tid til at downloade og gengive).

Divi frontend -grænseflade

Når den frontede sidebygger 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 håndterer dette produkt D & D meget pænt.

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 oktober 2021

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

Så hvad med ElegantThemes konkurrent? Har den samme fleksibilitet? Virker det i realtid i front-end?

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

Brugsvejledning Beaver Builder

BB, der ikke ønsker at blive efterladt i løbet af sidebyggerherredømmet, er kommet ud med alle kanoner flammende.

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

BB 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 WP-tilpassede typer, så længe de er blevet 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.

Inden vi fortsætter, kan du måske se følgende korte video (2 minutter) om brug af BB.

tCNDDQ7Jrs8

I det væsentlige, i backend-metoden, når du først har logget ind på dit dashboard, skal du gå til Posts> Tilføj nyt og klikke på knappen "Page Builder". Dette vil bringe pagebuilder-grænsefladen op - noget der ligner nedenstående.

BB PageBuilder UI

Det første trin er at vælge en skabelon til siden. Du kan vælge en 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 det næste trin at vælge rækkelayoutet.

Du kan vælge rækkeopstillingen fra venstre sidebjælke. Åbn sidebjælken ved at klikke på knappen "Tilføj indhold" 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.

BeaverBuilder 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 række struktur

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 får du modulindstillingsvinduet. 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å knappen "Sidebygger". Dette åbner den samme grænseflade som oprettelse af siden fra backend.

BeaverBuilder frontend -grænseflade

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 BeaverBuilder nu? Klik på knappen herunder. (Åbner i et nyt vindue)

Prøv BeaverBuilder demo nu

 

De tilgængelige moduler til Beaver Builder / Divi

Divi Builder

Dette plugin leveres i øjeblikket med 46 indholdsmoduler, men i betragtning af omfanget af udvikling og nye versionudgivelser kan du sandsynligvis se mere, når du læser denne artikel.

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.

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,
  • knap,
  • CTA,
  • lyd,
  • video,
  • brugerdefineret kode,
  • Divider

Avancerede valg af elementer inkluderer:

  • tæller,
  • OptIn,
  • portefølje,
  • login,
  • kort,
  • person,
  • prissætningstabel,
  • vidnesbyrd og
  • 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 46 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.

Hvis du ikke finder et sådant modul indbygget, kan du vælge tredjepartselementer udviklet specielt til bestemte krav.

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 builder moduler

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 og
  3. Avanceret.

Tilfreds 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 oktober 2021

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

Beaver Builder

BB deler modulerne i to kategorier -

  1. Grundlæggende moduler og
  2. Avancerede moduler

De grundlæggende moduler inkluderer:

  • teksteditor,
  • overskrift,
  • HTML,
  • knap,
  • billede,
  • video osv.

Den anden kategori indeholder mere avancerede moduler:

  • CTA,
  • indholdsskyder,
  • nedtællingstimer
  • menuen
  • indlæg skyderen,
  • faner,
  • etc.

BB-moduler

Pluginet tilbyder tre sektioner til styring af et modul -

  1. Generel,
  2. Stil, og
  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 BeaverBuilder Hjemmeside

Den næste del af vores Beaver Builder vs Divi-anmeldelse vil omhandle de tilgængelige sideskabeloner eller foruddefinerede layout. Dette er noget, der skal gøre dit liv enkelt og give dig mulighed for at designe helt nye websteder i løbet af få timer, endda minutter, i stedet for uger.

Se nedenfor, hvad vi mener!

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.

Du kan bruge en skabelon ved at klikke på knappen "Indlæs fra bibliotek" i indlægseditoren. Dette åbner en liste over de tilgængelige skabeloner.

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

Naturligvis kan man have et ganske stort antal skabeloner (eller som ET kalder dem) sidelayouts, men det virkelige kød er, om de faktisk er gode og anvendelige til at skabe dine egne designs eller ej.

Grundlæggende er den grundlæggende idé - du indlæser et foruddefineret layout, så tilpasser du teksten, billedsprog og andet indhold, så det passer til din virksomhed, og - voila - du har et fantastisk "designet" websted uden at kræve nogen reel designkendskab .

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 250 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!).

Y31_8DPOqlY

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.

 Restaurantens landingsside

  • 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 layout

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 layoutene nu

 

Beaver Builder Sideskabeloner

BB leveres også med mange 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".

BeaverBuilder skabeloner

Der er to typer layouts -

  • Landingssider og
  • Indholdssider.

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

Indholdssider inkluderer skabeloner til de nødvendige websidesider som om os, tjenester, portefølje, team, kontakt, ofte stillede spørgsmål, blog osv. De fleste af disse skabeloner er tilgængelige i forskellige stilarter. Da skabelonerne leveres med et billede, kan du nemt vælge den bedste i henhold til dine krav.

Lad os se nærmere på, hvad der er tilgængeligt for dig som kunde hos BB.

Destinationssider

BB 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
    DJ Beaver-skabelon
  • 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

Mens skabeloner til fulde websteder er fantastiske, vil vi nogle gange stadig tilpasse eller oprette bestemte sider. Af denne grund har BB også mange indholdssider, der er designet og klar til brug.

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.

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

Til betaling BeaverBuilder skabeloner

 

PageBuilder-indstillinger 

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 builder indstillinger

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

Indstillingerne for BB findes på siden Indstillinger> Sidebygning. Angiv din licensnøgle i afsnittet Licens for at aktivere automatiske opdateringer til pluginet.

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 BB giver dig mulighed for at tilpasse og tinker med 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

Yderligere funktioner

Divi-tema

Plugin fra Elegant Themes kommer med flere andre spændende funktioner. For eksempel giver PageBuilder -biblioteket dig mulighed for at gemme tilpassede moduler og layout, så du kan bruge dem igen i fremtiden. Desuden er det også muligt at importere eller eksportere disse varer til og fra andre websteder.

De overlegne indstillinger for layoutafstand 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 finder dedikerede muligheder for at definere margen, polstring, lodret og vandret afstand. Det er også muligt at indstille række- og kolonnebredderne.

Indstillinger for Divi-afstand

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 til et enkelt globalt element, og ændringerne vil også automatisk 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 nye funktion (fra oktober 2019) giver dig mulighed for at opbygge, designe og tilpasse hele dit websted. Det er ikke længere bare 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 tema 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 oktober 2021

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

Beaver Builder

På den anden side har BB også nogle tricks i ærmerne.

Først og fremmest er live frontend-redigering imponerende. Det giver en intuitiv oplevelse, hvor du kan redigere siden og få den nøjagtige output uden gætterier. Det giver dig også mulighed for at bruge standard WordPress-widgets og tilpassede 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 vigtigt træk ved BB er, at sideindholdet forbliver intakt, selv efter at du deaktiverer pluginet.

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 internet side

 

Fordele og ulemper

Divi-tema

FORDELE

  1. En meget effektiv løsning til at skabe enhver form for layout,
  2. Ny performanceopdatering (august 2021) gør Divi hurtigere end nogensinde,
  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 noget tid at indlæse, og tilføjelse af moduler til sider er meget langsommere end BB
  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 WP native widgets, så du kan bruge ethvert plugins, der er tilgængeligt for WP i BB

ULEMPER

  1. Dyrere end de andre WordPress-sidebygere

Prissætning af Divi vs. Beaver Builder

 

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 til $ 399. Hver plan eller licens 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

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

Der er to planer til rådighed for dig - Årlig adgang og Lifetime Access.

Den årlige adgangsplan er prissat til $ 89 pr. År. På den anden side giver livstidsadgang dig mulighed for at nyde alle disse fordele til 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 oktober 2021

 

Beaver Builder

Beaver Builder prissætning

Beaver Builder tilbyder tre prisplaner. Standardplanen er prissat til $ 99, hvilket giver dig mulighed for at bruge pluginet på et websted, giver dig et års support og adgang til premiummoduler og skabeloner.

Pro er prissat til $ 199, som inkluderer alle fordelene ved standardplanen plus BB-temaet og kompatibilitet med flere websteder.

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

Køb BeaverBuilder Nu

Ofte stillede spørgsmål

Hvilket er bedre Divi eller Beaver Builder?

Divi er bedre end Beaver Builder i nogle situationer. Divi er ideel, hvis du vil have fuldstændig kontrol over dit webstedsdesign og planlægger at bruge det i lang tid. Beaver Builder har fordelen ved at være mindre og let at få styr på. Selvom vi siger, at Divi er bedre, er der ikke så meget i det!

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 performanceopdatering fra Divi, der blev introduceret i august 2021, har imidlertid ændret den måde, Divi 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?

 

 

 

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 oktober 2021

Køb BeaverBuilder Nu

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

Om forfatteren
David Attard
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig 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 ...