Så du leder efter et nyt WordPress-sidebygger-plugin. Hvordan vælger du mellem Beaver Builder eller Divi, når disse er to af de mest populære produkter?
Du har måske lavet noget indledende research og fundet ud af, at disse to er de mest anerkendte valg til at bygge hjemmesider og tilbyder lignende værktøjer som andre førende sidebyggere.
Nu vil du finde ud af, hvilket af disse populære plugins der er bedst. Og vigtigst af alt, som er dine penge værd?
{autotoc}
Vi vil udforske alle de vigtige funktioner i disse sidebygger-plugins og sammenligne dem direkte for at finde den bedste til dig.
Læs videre for at finde ud af, hvilket der er det bedste page builder-plugin til WordPress. Hvis du er interesseret i WordPress-plugins generelt, kan du tjekke vores andre anmeldelser og oversigter på Collectiveray.
Vi har websteder, der kører med begge disse produkter installeret, så vi har gennemgået denne artikel igen i juni 2025 at opdatere alle relevante detaljer efter behov.
Beaver Builder vs Divi
Beaver Builder er meget nem at bruge, men Divi har flere tilpasningsmuligheder. Begge produkter giver dig adgang til professionelt udseende layouts. Divi har over 2,000 layouts sammenlignet med Beaver Builder's 50 skabeloner. Divi er lidt billigere end Beaver Builder til 89 dollars, hvilket inkluderer alle produkter fra ElegantThemes.
 |
 |
|
| Pris | $89 (inkluderer alle ET-plugins og WordPress-temaer) | $ 99 + |
| Gratis Version | Ingen | Ja |
| Realtidsredigeringsprogram | Ja | Ja |
| Frontend / Backend | Både | Både |
| Målgruppe | Udvikler / Designer / Bruger | Webudvikler / Designer |
| Understøttede elementer | 200 + | 31 |
| Ren kode | Ja | Ja |
| Færdiglavede skabeloner / layouts | 2,000 + | 50 + |
| Cool funktion | A / B-test | Bæver Themer |
| Performance | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| Hvad vi kunne lide | En meget effektiv løsning til at skabe enhver form for layout | Enkel brugergrænseflade |
| Overlegne layoutstyringsmuligheder | Indholdet forbliver intakt, selv efter deaktivering af plugin'et | |
| Attraktive priser med adgang til mange andre WordPress-temaer og plugins | Unik redigeringstilstand for klienter | |
| Nye forbedringer af ydeevnen æ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 sidebyggere |
| Frontend-editoren tager lidt 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?
Hvis du er relativt ny i WordPress-verdenen, kender du måske ikke hele historien om sidebyggere og hvordan de er opstået.
For blot et par år siden kunne WordPress i bund og grund oprette enten sider eller indlæg. Begge disse indholdselementer er meget ens.
De understøttede primært tekst og billeder og dit almindelige hjemmesideindhold såsom blogindlæg.
Hvis du ville have noget mere avanceret, måtte du bruge plugins og/eller shortcodes efter behov.
Shortcodes var fantastiske, fordi de tillod dig at indsætte specifikke funktioner, hvor du ville på en side.
Men de havde stadig deres begrænsninger - man skulle stadig installere en masse forskellige plugins for at kunne opnå og bruge flere forskellige elementer på en side.
Hvis du ville have sliders, call-to-action-knapper, videoer, billedgallerier og andre ting, var du nødt til at blive ved med at tilføje flere og flere plugins.
Dette medførte et andet problem - jo flere produkter du tilføjer til din installation, desto tungere ville dit websted blive, og desto mere udsat ville det være for sikkerhedssårbarheder fra de forskellige elementer, du skulle installere.
Dette var et problem.
Der var et andet problem. Du kunne ikke oprette en side eller et indlæg. visueltDu skulle designe en side ved hjælp af shortcodes, og efter flere ændringer nåede du frem til et resultat, der var tæt på det, du ønskede.
Til sidst begyndte udviklere og leverandører at indse, at de fleste ønskede muligheden for at designe og definere deres egne sider uden begrænsninger – ikke at bruge skabeloner, hvilket fik alle websteder til at se ens ud.
Og således opstod konceptet med sidebyggere.
Dette er i bund og grund kernen i en sådan funktion - muligheden for 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 skabeloner til sidebyggere på nettet
Vi er ikke helt sikre på, hvem der udtænkte det første page builder-produkt, men Elegant Themes har helt sikkert været en af leverandørerne, der har gjort dette koncept meget, meget succesfuldt.
Så snart folk så potentialet, begyndte alle de store leverandører at hoppe med på vognen.
I dag vil de fleste større leverandører inkludere en eller anden form for visuel sidebygger i deres temaer - hvis de ikke selv har en, 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 fokuserer på de brugere, der ønsker at oprette en hjemmeside, men ikke er bekymrede over, hvad der foregår under motorhjelmen - de vil bare have, at tingene fungerer, og de ønsker ikke at blive tekniske eller rode rundt med kode.
Elegant Themes målgruppe:
Folk, der ønsker at få designet og op at køre en hjemmeside uden at involvere en udvikler or ved meget om kode.
Eksempelbrugere:
- Ejere af små virksomheder
- Bloggere
- SEO'er
- Ejere af tilknyttede websteder
- Indholdsforfattere, der laver hjemmesider
- Webdesignere
- Agenturer for digital markedsføring
Hvis du skulle kigge på billedet nedenfor, er Divi rettet mod designeren. Faktisk vil du måske tjekke nogle ud eksempler på live Divi-temaer her. Og disse fyre er altid på forkant med teknologien, da de lige har inkorporeret AI i Divi.
Beaver Builder
Beaver Builder har en anden slags bruger. Mens ElegantThemes henvender sig til dem, der er mindre "tekniske", 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å en god måde.
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 klarer sig i forhold til andre populære muligheder, kan du overveje de følgende to artikler, vi også har skrevet:
https://www.collectiveray.com/divi-vs-genesis
og
https://www.collectiveray.com/divi-vs-avada
Fortsætter på billedet ovenfor, Beaver Builder ville føle sig mere hjemme hos udvikleren.
BeaverBulder målgruppe:
Webudviklere og designere, der kan lide til rode rundt med koden, have fuld kontrol over, hvad der sker, for at kunne justere tingene, så de fungerer, som de vil, ikke som leverandøren designede det.
Eksempelbrugere:
- Webudviklere
- Webdesignere, der vil rode med kode
- Digitale agenturer
- Freelancere
Med den introduktion overstået, lad os begynde at dykke ned i hvert produkt, så vi kan se funktionerne, fordele og ulemper ved at bruge en af disse to produkter.
Lad os starte med at diskutere brugergrænsefladen for begge disse produkter.
Beaver Builder vs Divi - WordPress sidebygger brugergrænseflade og brugeroplevelse
Da vi har en tendens til at bruge meget tid på bagsiden 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 ajour med deres brugeres puls.
De har bygget en brugerflade, der er udelukkende fokuseret på en god brugeroplevelse.
De har ikke bygget en masse fans ved et tilfælde. Deres strenge fokus på designet og brugervenligheden af deres produkt har været et af nøgleaspekterne ved at gøre denne builder så succesfuld.
Se denne korte introduktionsvideo (2 minutter). Den er fra den allerførste version af Divi (2015). Mange ting har ændret sig siden da, men det er dejligt at få et hurtigt overblik over mulighederne.
https://www.youtube.com/watch?v=zH0xUAb3Yws
Men lad os tage et konkret kig på brugergrænsefladen.
Efter installation af Divi kan du få adgang til builderen ved at oprette et nyt indlæg eller en ny side.
Det første du vil se er dette:
Hvis du klikker på Brug Divi Builder Knappen omdirigerer dig til den nye visuelle editor.
Denne funktion er et svar på introduktionen af den nye WordPress-blokeditor, som du kan se på billedet ovenfor. Den gamle Divi-backend-editor er nu ikke tilgængelig til brug med den nye post-editor.
Derfor fokuserede Elegant Themes på at forbedre deres visuelle frontend-editor og gjorde det sådan, at backend og frontend nu er problemfrit integreret med hinanden.
Du har dog stadig muligheden for at vende tilbage ikke kun til den klassiske Divi-backend-editor, men også til den klassiske WordPress-indlægseditor.
Alt du skal gøre er at gå til Divi > Plugin-indstillinger > Avanceret.
Skift “Aktivér klassisk editor" til Til for at gendanne den originale WordPress-indlægseditor.
Aktivering af denne indstilling vil også bringe Divis komplette backend-editor tilbage. Derefter skal du slå den til/fra "Aktivér den nyeste Divi Builder Erfaring" Hvis du deaktiverer, genindføres Divi-backend-builderen fra før Gutenberg (husk dog, at du vil miste nogle af de nyeste funktioner og forbedringer fra den moderne builder).
Front-end realtidseditoren giver dig nu mulighed for at designe og Visualiser den side, du arbejder på undervejs.
Dette er ærligt talt en fantastisk funktion, fordi du ikke behøver at "gætte" eller opdatere frontend'en for at se resultatet af det design, du arbejder på.
Du kan se det, mens du designer det.
Det er hvad ElegantThemes ringer "En ny visuel oplevelse".
Den nye Divi visuelle builder erstattede de ældre backend/frontend editorer.
Nedenfor kan du se, hvordan den nye builder ser ud. Bemærk, hvordan du problemfrit kan skifte mellem backend-visningen (wireframe) og frontend-visningen med et enkelt museklik.
Dette er en komplet WYSIWYG (What You See is What You Get) oplevelse.
For at få adgang til sidebyggeren fra backend, gå til Indlæg > Tilføj ny.
Du får vist en ny side med tre muligheder: Byg fra bunden, Vælg et præfabrikeret layout eller klon en side.
Når du har foretaget dit valg, vil du enten se en mulighed for at oprette en ny side, 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 foregår.
På den resulterende side skal du klikke på "Brug Divi Builder"-knappen. Dette åbner brugerfladen, som ser sådan ud
Divi (som vi allerede har anmeldt her) giver dig mulighed for at oprette separate sektioner for forskellige dele af siden. Den understøtter tre typer sektioner – standard, fuld bredde og specialsektioner.
For standard- og fuldbreddesektionerne kan du vælge en kolonnebaseret struktur. Der findes mange kombinationer, herunder to, tre og fire kolonner i forskellige størrelser.
Specialsektionen indeholder ni specialoprettede kolonnestrukturer. Du kan tilføje flere rækker i en sektion for at få flere kolonnestrukturer.
Når du har valgt et layout, kan du tilføje moduler til de enkelte kolonner. Du finder separate muligheder for at angive modulindhold, konfigurere designindstillinger og angive brugerdefineret CSS.
Du kan flytte moduler, kolonner, rækker og sektioner ved at trække og slippe dem på 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 foregående handlinger ved at bruge historikfunktionen.
Når frontend-sidebyggeren er indlæst, kan du begynde at tilpasse siden.
Ligesom backend-grænsefladen kan du tilføje en ny sektion, vælge kolonnestrukturen og få fuld adgang til alle modulens indstillingsmuligheder.
Selvfølgelig er en designer uden træk og slip i vandet, men dette produkt håndterer det selvfølgelig rigtig godt.
Faktisk er det ikke kun træk-og-slip - men det opretholder også responsiviteten, mens du designer.
Da du arbejder på de faktiske aktive blokke af indhold og elementer, trækker du de faktiske indholdsdele.
Og selvfølgelig er alt stadig fuldt responsivt.
Se den følgende korte demonstration af live, responsive blokke.
Du kan trække og slippe moduler, rækker, kolonner og også kopiere, indsætte, slette eller redigere disse efter dine behov.
Få 10% RABAT på Divi indtil juni 2025
PS. Ovenstående tilbud gælder kun via CollectiveRay.
Så hvad med ElegantThemes konkurrent? Gør Beaver Builder har den samme fleksibilitet? Fungerer det i realtid i frontend?
Læs resten af denne artikel for at finde svaret på disse spørgsmål.
Beaver Builder grænseflade
Jeg ønsker ikke at blive efterladt i kapløbet om at dominere sidebyggerne, Beaver Builder er kommet ud med alle kanoner blafrende.
Eller tænderskæren, hvis vi vil beholde Bæver-analogien. 😀
Beaver Builder tilbyder både redigering i frontend og backend, så den halter ikke i den henseende.
Den kan bruges på sider, indlæg og de fleste andre WordPress-tilpassede typer, så længe de er aktiveret.
Ved at klikke på fanen Admin for den relevante brugerdefinerede type, vil du se builderen blive indlæst, så du kan bruge den til at designe dit indhold.
Før vi fortsætter, kan du se følgende korte video (2 minutter) om brugen af Beaver Builder.
https://www.youtube.com/watch?v=tCNDDQ7Jrs8
I backend-metoden skal du i bund og grund gå til, når du først har logget ind på dit dashboard. Indlæg > Tilføj ny, og klik på "Side Builder"Knappen.
Dette vil åbne pagebuilder-grænsefladen - noget der ligner den nedenfor.
Det første trin er at vælge en skabelon til siden. Du kan vælge en af de færdige skabeloner eller begynde med den tomme for at oprette din egen skabelon.
Når du har valgt skabelonen, er næste trin at vælge rækkelayoutet.
Du kan vælge rækkelayoutet i 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 adskillige kolonnestrukturer, herunder en, to, tre, fire, fem eller seks kolonner, og rækker med venstre, højre eller begge sidebjælker.
Træk blot rækkelayoutet til den ønskede position på siden.
Det næste trin er at tilføje moduler til kolonnerne. Du finder modulerne i venstre sidepanel.
Vælg det modul, du vil bruge, og træk det til den ønskede kolonne på siden. Her vises vinduet med modulindstillinger.
Der er flere sektioner til at administrere modulets indhold og stil.
Du kan trække og slippe rækkerne og modulerne for at ændre deres placering. 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 brugerflade som ved oprettelse af siden fra backend.
Du kan arbejde med det eksisterende design eller vælge et nyt layout. Alle de andre muligheder, som f.eks. at tilføje forskellige rækker, moduler, widgets og administrere dem, er præcis de samme som i backend-systemet.
Vil du gerne se en gratis live demo af Beaver Builder nu? Klik på knappen nedenfor. (Åbner i et nyt vindue)
Beaver Builder vs Divi - Moduler
Brugervenlighed er kun ét aspekt af en sidebygger. Antallet af moduler, den tilbyder uden at skulle installere ekstra plugins, tæller også med.
Divi Builder
Dette plugin leveres i øjeblikket med over 200 indholdsmoduler (elementer i Divi-speak).
Apropos nye udgivelser, så har den nye performanceopdatering til Divi, der blev lanceret i august 2021, sendt Divi helt i toppen af køen for WordPress-temaer.
Sider bygget med den nye version af Divi indlæses hurtigere end nogensinde før takket være en række kodeforbedringer under motorhjelmen.
Nyere versioner af Divi, som f.eks. 4.20, der blev 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 nødvendige
- Smarte stilarter reducerer dobbeltarbejde på tværs af stylesheets for hurtigere indlæsning
- Dynamisk PHP til hurtigere behandling
- JavaScript-optimering
- Udsættelse af Gutenberg-stylark
- jQuery-udsættelse
Blandt disse finder du de almindelige 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
- Videoslider
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 højst sandsynligt finder et modul til alle dine behov.
Så er der ekstra modul-plugins til de få, du måtte have brug for, men som Divi ikke har.
Med version 3.1 er der blevet udviklet og udgivet en API, så du kan forvente, at brugerdefinerede elementer og moduler begynder at dukke op overalt.
Sjove tider forude!
Lad os se, hvilke smarte ting andre udviklere finder på. Følg med.
Men nok om det, lad os se på, hvordan man bruger et modul:
Klik på det ønskede modul for at tilføje det til opslaget. På dette tidspunkt skal du konfigurere modulindstillingerne.
Sidebyggeren giver dig tre sektioner til dette formål:
- Indhold
- Design
- Avanceret
Indhold Afsnittet indeholder alle muligheder vedrørende indholdet af dit valgte modul.
Design giver dig mulighed for at vælge farve, skrifttype, baggrundsstil, kant, margen og margen til modulet.
Endelig Avanceret inkluderer dedikerede felter til tilføjelse af brugerdefineret CSS-ID, klasse og til anvendelse af brugerdefineret CSS før eller efter modulet eller på hovedindholdet.
Vil du læse mere information om dette plugin nu? Klik på knappen nedenfor for at besøge ElegantThemes internet side.
Få 10% RABAT på Divi indtil juni 2025
PS. Tilbuddet gælder kun via ovenstående link.
Beaver Builder
Beaver Builder har i alt 29 moduler og opdeler dem i tre kategorier:
- Standardmoduler
- WordPress Widgets
- Gemte moduler
Standardmoduler inkluderer:
- Tekst editor
- Overskrift
- HTML
- Button
- Billede
- Video
- lyd
- Separator
WordPress-kategorien indeholder nogle velkendte moduler:
- Arkiv
- Kalender
- Kategorier
- Meta
- RSS
- Navigationsmenu
- Og andre
Afsnittet Gemte moduler indeholder alle moduler, du opretter og gemmer til senere brug.
Plugin'et tilbyder tre sektioner til at administrere et modul:
- Generelt
- stil
- Avanceret
Blandt disse Generelt Afsnittet giver dig mulighed for at konfigurere indstillingerne relateret til modultypen.
stil I afsnittet kan du vælge farve, justering, skrifttype og andre stilarter til desktop- og mobilversionerne.
Avanceret inkluderer muligheder for at opsætte synlighed og animation samt dedikerede felter til tilføjelse af CSS-klasse og ID.
Du kan se en mere tydelig demonstration af BeaverBuilder funktioner nedenfor.
Besøg Beaver Builder Hjemmeside
Den næste del af vores Beaver Builder vs Divi-anmeldelsen vil omhandle de tilgængelige sideskabeloner eller foruddefinerede layouts.
Dette er noget, der helt sikkert vil gøre dit liv enkelt og give dig mulighed for at designe helt nye hjemmesider på få timer, endda minutter, i stedet for uger.
Se nedenfor, hvad vi mener!
Beaver Builder vs Divi - Indbyggede sideskabeloner
Indbyggede sideskabeloner er i bund og grund til at forkorte din design-/udviklingstid. Ved at have disse på plads skal du kun justere indholdet og designet en smule, og så er du klar!
Divi Builder Sideskabeloner (også kendt som layouts)
Da version 3.0 blev udgivet, fulgte der flere (mere end 100) færdige skabeloner med, der skulle hjælpe dig med at komme i gang så hurtigt som muligt.
Efterfølgende versioner har tilføjet flere, og antallet er nu over 2,000!
Du kan bruge en skabelon ved at klikke på "Vælg et præfabrikeret layout", når du indlæser en ny side eller et nyt indlæg.
Du finder professionelle layouts til landingssiden, "Kommer snart", "Om mig", "Kontakt os", "Team", "Vedligeholdelsesside" samt adskillige variationer til hjemmesiden, bloggen, butikken og porteføljesiderne.
Det er muligt at bruge disse layouts, som de er, eller tilpasse dem efter dine behov.
Selvfølgelig kan man have et ret stort antal skabeloner (eller som Divi kalder dem) sidelayouts, men det virkelige spørgsmål er, om de rent faktisk er gode og brugbare til at lave dine egne designs.
Grundideen er i bund og grund denne - du opretter en side i WordPress, indlæser et foruddefineret layout, tilpasser derefter tekst, billeder og andet indhold, så det passer til din virksomhed, og - voila - du har en fantastisk "designet" hjemmeside uden at kræve nogen reel designviden.
Dette er en stor styrke i hænderne på dem, der ønsker at få tingene hurtigt i gang, men ikke er særlig trygge ved kode eller design i sig selv.
Bare lige til din orientering - der er mere end 2,000 layouts tilgængelige på tidspunktet for skrivningen af denne artikel.
Lad os hurtigt se på, hvad der er tilgængeligt med hensyn til layouts.
Komplette hjemmesidepakker
Dette er en fantastisk funktion, som vi synes er fantastisk til den målgruppe, som dette produkt er rettet mod. I betragtning af at vi nævnte, at målgruppen er folk, der ønsker at få noget hurtigt i gang, er tilgængeligheden af komplette hjemmesidepakker virkelig en velsignelse.
I bund og grund er dette en samling af de essentielle 7 til 8 individuelt designede sider, der kræves for at nogen kan lancere en komplet hjemmeside på få minutter.
Se hvordan Nick Roach fra ET beskriver den værdi, som layoutene tilfører dette produkt.Ja, du vil bemærke at Nicks hår er længere, der er gået en del tid mellem de to videoer!).
https://www.youtube.com/watch?v=Y31_8DPOqlY
Siderne er tilpasset den specifikke niche/branche og indeholder de væsentlige elementer, der kræves til den specifikke type virksomhed.
Alt du skal gøre som bruger er at importere designet og ændre indholdet, så det passer til dine specifikke behov.
Her er nogle af de nicher, der er tilgængelige som hjemmesidepakker. I øjeblikket er der 31 layoutpakker tilgængelige med i alt 250 designede sider.
- Restaurantens landingsside - Dette er en pakke bestående af 8 sider, der indeholder alt, hvad en restaurant eller fødevarevirksomhed kan bruge til at lancere deres online tilstedeværelse, inklusive åbningstiderne i sidefoden, så kunderne nemt kan få adgang til dem.
- Design Agency - Designbureaupakken er en 9-siders pakke med kreativt og professionelt designede sider til et digitalt bureau eller designbureau. Der lægges naturligvis vægt på arbejde og stil, der fremviser virksomhedens færdigheder på en måde, der konverterer
- Modelandingsside - 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 brande sit image efter behov. Det er alt sammen fantastisk til brug for fotografer og andre visuelle virksomheder.
- Rejsebureau - designet her har et stærkt fokus på, at brugeren, der besøger siden, handler, og presser og opfordrer den nuværende besøgende til at ringe eller booke nu med attraktive Call To Action-knapper.
- Bryllups hjemmeside - en perfekt måde at hurtigt lancere en bryllupsudstilling. Den fokuserer selvfølgelig meget på æstetikken og mange andre brugerdefinerede funktioner, der er specifikke for bryllupper.
- SaaS Company - en anden type virksomhed, typisk startups, som typisk har lidt tid at spilde og skal komme hurtigt i gang. Denne layoutpakke giver dem alt, hvad de behøver for at komme i gang og få de nødvendige oplysninger ud.
Der findes mange andre layouts, herunder, men ikke begrænset til:
- Learning Management System
- Kaffebar
- Farmers Market
- Yoga- eller fitnessstudie
- Foto Marketplace
- Tekstforfatter
- Blomsterhandler
- Web Agency
- Indretningsfirma
- Digitale betalingsvirksomheder
- Keramik- og kunsthåndværksværksted
- SEO Agency
- Konsulentvirksomhed
- Designkonference
- Madopskrifter
- Advokatfirma
- Forfatter
- osv. osv.
Med tiden tilføjer ET flere og flere layouts til deres bibliotek for at imødekomme specifikke nicher. Selv hvis din specifikke branche ikke er dækket lige nu, vil du helt sikkert kunne tilpasse et af de eksisterende layouts og designe det, så det passer til dine behov.
Beaver Builder Sideskabeloner
Beaver Builder leveres også med masser af professionelt designede skabeloner. Du vil blive 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".
Der er tre typer layouts:
- Destinationssider
- Indholdssider
- Mikrosider
Destinationssider inkludere skabeloner til fysiske produkter, apps, professionelle, restauranter, teknologi, mode, fotografering, mobil, musik, bilindustrien og så videre.
Indholdssider Inkluder skabeloner til de nødvendige hjemmesidesider som f.eks. 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.
Mikrosider er små sider, der kan fungere alene eller integreres i en anden side.
Da skabelonerne leveres med et billede, kan du nemt vælge den bedste i henhold til dine behov.
Lad os se lidt nærmere på, hvad der er tilgængeligt for dig som kunde hos Beaver Builder.
Destinationssider
Beaver Builder har designet adskillige 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 skabe en tilstedeværelse for en lille virksomhed.
- Fitness-, gym- eller sporty skabelon - Fitness og sport er altid en populær niche, og The Body Factory-skabelonen er designet specifikt til kunder i denne branche. Yoga, fitnesscenter eller enhver anden fysisk fitnessbranche fungerer godt med dette.
- Magasin, Blogger, Modeblogger-skabelon - Endnu en altid rygende hot branche, Fashion Freaks-skabelonen er lige tilpas med et eksklusivt designet look og en følelse, der udstråler klasse, sofistikering og luksus.
- Advokat, Skabelon til advokatfirma - en anden populær niche, advokater og advokatfirmaer, er lukrative kunder, der kræver en tilstedeværelse, der kan konvertere velbetalte kunder. Den professionelle webtilstedeværelse kan nemt tilpasses andre praksisbaserede brancher.
Vi vil kun kort nævne resten af skabelonerne
- Skabelon til fotograferingsportefølje
- DJ / Musiker / Band skabelon
- Restaurant-/caféskabelon
- Skabelon til fuldskærmslayout
- Kreativ skabelon til webbureau
- e-bogskabelon
- Uddannelses- eller universitetsskabelon
- Skabelon til biler/biler
- Mobilapp-skabelon
- Generel forretningsskabelon
- Byggeskabelon
- Kommer snart-skabelon
Vi anbefaler på det kraftigste, at du kigger på demoerne, der er tilgængelige for hver af disse skabeloner, for at se, hvor nemt det er at komme i gang med dem.
Indholdssider
Selvom skabeloner til komplette hjemmesider er fantastiske, har vi nogle gange stadig brug for at justere eller oprette specifikke sider. Af denne grund, Beaver Builder har også mange indholdssider, der er designet og klar til brug.
Her er nogle af de sider, der kan bruges:
- Om os (flere versioner)
- Vores services
- Fotoportefølje
- Designportefølje
- Vores team (flere versioner)
- Kontakt (flere versioner)
- Priser (flere versioner)
- Blog (flere versioner)
Vi forventer selvfølgelig kun, at disse vil vokse over tid.
Mikrosider tilbyder sektioner af en side eller minimalistiske sider, hvis du nogensinde får brug for dem.
Klik på linket nedenfor for at gå direkte til skabelonsiden.
Check Ud Beaver Builder skabeloner
Beaver Builder vs Divi - Indstillinger for sidebygger
Nu hvor du har en idé om, hvilke moduler og skabeloner hver sidebygger tilbyder, lad os dykke lidt dybere ned i indstillingerne.
Divi Builder Indstillinger
Det er meget ligetil at opsætte dette plugin.
Når du har installeret og aktiveret plugin'et, skal du gå til Plugin-indstillinger, og angiv dit brugernavn og din API-nøgle i afsnittet "Opdateringer" for at modtage automatiske opdateringer.
Du kan se yderligere indstillinger her, såsom API-indstillinger, integration af indlægstyper og avanceret.
API-indstillingerne indeholder muligheder for integration med Google Fonts og Google Maps.
Under Integration af indlægstyper kan du aktivere eller deaktivere Divi builder på bestemte opslagstyper.
Under fanen Avanceret finder du muligheder for minificering, statisk CSS-filgenerator osv. samt muligheder for at aktivere den klassiske WordPress-editor og den klassiske Divi-backend-builder.
Det nyeste element her er siden "Temabygger".
Her kan du finde de temabygger-skabeloner, du har bygget eller importeret, sammen med muligheder for at importere og eksportere dem, se temabyggerens redigeringshistorik og meget mere. Vi vil dække denne nye funktion mere detaljeret senere i denne artikel.
Du finder en liste over alle brugerdefinerede layouts i Divi-bibliotek side. Der er separate knapper til at administrere layoutkategorien og til at importere eller eksportere layouts. Gå til Divi Role Editor at definere, hvor meget adgang forskellige brugerroller skal have.
Endelig kan du i Support Center kontrollere din systemserverstatus. Det viser i bund og grund nogle vigtige oplysninger om din server.
Hvis der er indstillinger, der ikke er indstillet til bestemte anbefalede værdier, vil Divi give dig besked om dem her, så du kan rette dem.
Det er også her, du kan konfigurere "fjernadgang", hvilket giver Elegant Themes supportteam direkte adgang til dit administrationsdashboard for at hjælpe dig med at rette eventuelle fejl, du måtte have.
Andre elementer omfatter sikker tilstand og logføring.
Beaver Builder Indstillinger
Indstillingsmulighederne for Beaver Builder findes på siden Indstillinger > Sidebygger. Angiv din licensnøgle i afsnittet Licens for at aktivere automatiske opdateringer til plugin'et.
I Moduler kan du aktivere eller deaktivere modulerne. Indlægstyper giver dig mulighed for at definere, hvilke indlægstyper der kan bruge BeaverBuilderI Skabeloner kan du bestemme, hvilke skabeloner der skal være tilgængelige i pagebuilderens brugerflade.
I afsnittet Ikoner kan du bestemme, hvilke ikoner der skal være tilgængelige i brugerfladen.
De tilgængelige muligheder inkluderer
- FontAwesome,
- Foundation og
- Dashicons.
Dette er et eksempel på, hvordan Beaver Builder giver dig mulighed for at tilpasse og justere alle de muligheder, du har brug for. Hvis du ikke er tilfreds med at bruge FontAwesome, så vælg noget, du kan lide.
Du finder også separate sektioner til at rydde cachen, hvilket fjerner dynamisk genereret CSS og Javascript.
Endelig finder du en mulighed for at afinstallere Beaver BuilderDisse funktioner fjerner alle BB-relaterede data fra din WordPress-database - så lav sikkerhedskopier, før du bruger dem, og sørg for at du ved, 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'et fra Elegant Themes kommer med adskillige andre spændende funktioner. For eksempel giver PageBuilder Library dig mulighed for at gemme tilpassede moduler og layouts, så du kan bruge dem igen i fremtiden.
Derudover er det også muligt at importere eller eksportere disse elementer til og fra andre websteder.
De overlegne layoutafstandsmuligheder fortjener også særlig omtale. Disse muligheder gør det meget nemmere at anvende præcis den ønskede afstand mellem rækker, elementer og sektioner.
Du finder dedikerede muligheder til at definere margen, margen, lodret og vandret afstand. Det er også muligt at indstille række- og kolonnebredder.
I nogle tilfælde skal du muligvis bruge det samme modul flere steder. Du kan nemt kopiere og indsætte et hvilket som helst modul, række eller kolonne i andre indlæg eller sider.
Derudover kan du markere disse som globale elementer.
Dette giver dig mulighed for at foretage ændringerne i et enkelt globalt element, og ændringerne vil automatisk også blive anvendt på de andre steder.
Divi Theme Builder
En af de største opdateringer, som Elegant Themes har udgivet til Divi i de seneste par år, er Theme Builder.
Denne funktion giver dig mulighed for at bygge, designe og tilpasse hele din hjemmeside. Det er ikke længere bare en sidebygger, det er en komplet temabygger.
Du kan oprette globale brugerdefinerede overskrifter og sidefødder eller definere en for individuelle områder af dit websted.
Du kan også definere brugerdefinerede brødtekstskabeloner, der giver dig mulighed for at oprette brugerdefinerede produktskabeloner, blogindlægsskabeloner, 404-sider, søgeresultatsider samt brugerdefinerede arkivsider såsom brugerdefinerede kategorisider, brugerdefinerede forfattersider og mere.
Temabyggeren udvider sidebyggerens kraft til hele dit websted.
Når du opretter en ny skabelon, har du adgang til alle værktøjer og funktioner i sidebyggeren, så du kan bygge og designe den, præcis som du ønsker.
Det betyder, at du kan oprette brugerdefinerede designs til overskrifter og sidefødder, hvis du ønsker det. For at supplere dette kommer menumodulet med forbedringer såsom yderligere layoutmuligheder og total designkontrol, der hjælper dig med at oprette smukke overskrifter og sidefødder med en brugerdefineret menu.
De nye brugerdefinerede brødtekstskabeloner giver dig mulighed for at ændre alle dine opslags, produkters eller siders design og struktur på én gang.
Før dette skulle du gå til hvert indlæg, produkt eller side og redigere dem ved hjælp af sidebyggeren for at foretage ændringer. Nu skal du blot definere en skabelon, anvende den på de relevante områder af dit websted, og så er du 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 filtreringsmuligheder, som du kan bruge til at oprette brugerdefinerede arkivsider.
Du har selvfølgelig også fuld kontrol over, hvor og hvordan din skabelon anvendes. Du kan nemt inkludere eller udelukke bestemte elementer fra en skabelon via afkrydsningsfelter, som det kan ses nedenfor:
Fra version 4.0 er Divi ikke længere en sidebygger, men en temabygger.
Få 10% RABAT på Divi indtil juni 2025
PS. Ovenstående tilbud er kun tilgængeligt via ovenstående link fra CollectiveRay
Beaver Builder
På den anden side, Beaver Builder har også et par tricks i ærmet.
Først og fremmest er live frontend-redigering imponerende. Det tilbyder en intuitiv oplevelse, hvor du kan redigere siden og få det præcise output uden gætværk.
Det giver dig også mulighed for at bruge standard WordPress-widgets og brugerdefinerede widgets i dine layouts.
Redigeringstilstanden vil være praktisk, når du leverer et projekt til klienten. Denne tilstand giver dig mulighed for at begrænse klientens muligheder 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 deaktiverer plugin'et.
Du mister stilarterne, men siden vil stadig vise indholdet. I modsætning hertil vil de fleste andre sidebyggere efterlade dig med et rod af shortcodes, når du deaktiverer det pågældende plugin.
Besøg BeaverBuilder hjemmeside
Beaver Builder vs Divi - Fordele og ulemper
Ethvert produkt, uanset hvor veldesignet eller hvor modent det er, vil have styrker og svagheder. Disse to sidebyggere er ingen undtagelser.
Divi Theme
FORDELE
- En meget effektiv løsning til at skabe enhver form for layout,
- Nye ydeevneopdateringer gør Divi hurtigere end nogensinde før.
- Attraktive priser med adgang til mange andre WordPress-temaer og plugins - det er nemt at købe det, fremragende værdi
- Mange flotte designs med masser af tilpasningsmuligheder,
- Kraftfuld temabygger,
- Omfattende dokumentation og fremragende, responsiv support
ULEMPER
- Tag dig lidt tid til at vænne dig til,
- Frontend-editoren tager lidt tid at indlæse, og det er meget langsommere at tilføje moduler til sider end Beaver Builder
- Du er begrænset til de moduler, der er tilgængelige og udviklet af ET (selvom version 3.1 nu understøtter en udvikler-API, hvilket betyder, at udviklere vil begynde at integrere deres plugins med den)
- Kan ikke fjerne de data, den tilføjer til databasen, hvilket gør det besværligt at flytte væk fra Divi-temaet
Beaver Builder
FORDELE
- En simpel brugergrænseflade,
- Indholdet forbliver intakt, selv efter deaktivering af plugin'et,
- Unik redigeringstilstand for klienter,
- Det giver dig mulighed for at bruge WordPress-widgets i layouts.
- Hurtig, hurtig og responsiv brugergrænseflade, der er let at forstå
- Stort udvalg af professionelle skabeloner, der hjælper dig med at komme i gang med dit design
- Understøtter WordPress native widgets, så du kan bruge hvad som helst
ULEMPER
- Dyrere end de andre WordPress-sidebyggere
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, du kan vælge imellem Beaver Builder fra $99 og op til $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, hvilket kræver et årligt køb, eller livstidsmuligheden til $249. Begge har præcis samme adgang, men du mister selvfølgelig adgang til support og opgraderinger, når året er gået.
Lad os se nærmere på det.
Divi Builder
Du skal være medlem af Elegant Themes for at bruge deres plugins - og adgangen kommer til nedenstående priser.
Der er to planer tilgængelige – Årlig adgang og Livstidsadgang.
Den årlige adgangsplan koster $89 om året. Livstidsadgang giver dig mulighed for at nyde alle disse fordele for en engangsbetaling på $249.
Heldigvis der er en EKSKLUSIV til CollectiveRay 10% RABAT tilbuddet er aktivt lige nu Så gør et godt kup i dag. Mens du er i gang, kan du lige så godt få livstidsadgang med denne tidsbegrænsede rabat!
Begge abonnementer tilbyder ubegrænset adgang til alle de temaer og plugins, der er udviklet af ElegantThemes.
Du får rettidige opdateringer, premium support og en 30-dages pengene-tilbage-garanti.
Få 10% RABAT på Divi indtil juni 2025
Beaver Builder
Beaver Builder tilbyder fire prisplaner. Standardplanen koster $99, hvilket giver dig mulighed for at bruge pluginet på ét websted, giver dig et års support og adgang til premium-moduler og -skabeloner.
Pro koster $199, hvilket inkluderer alle fordelene ved standardplanen, plus temaet og kompatibilitet med flere websteder.
Bureauet koster $399 og har alle Pro-funktionerne samt fuld tilladelse til white labeling.
Ultimate koster $546 om året og tilføjer Assistant Pro, en cloudbaseret lagringsmulighed til design og aktiver.
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 ydelsesopdatering fra Divi har dog ændret den måde, det fungerer på. Det er nu et af de hurtigste WordPress-temaer, du kan købe.
Hvilken er bedre - Divi eller Elementor?
Divi er bedre end Elementor til nogle ting, mens Elementor er stærkere til andre. Divi er bedre til adgang til plugins og funktioner, dens bureauplan og sidebyggerens rene kraft. Elementor er bedre, fordi det er gratis, med premium-muligheder og meget nemt at blive fortrolig med.
Er Elementor den bedste sidebygger?
Elementor er den bedste sidebygger, hvis du ønsker en tilgængelig og gratis sidebygger. Hvis du leder efter en kraftfuld, selvstændig pagebygger til at lave en eller to hjemmesider, kan du simpelthen ikke få det bedre end Elementor. Den er hurtig, gratis og nem at bruge. Hvad mere kan man ønske sig?
Is Beaver Builder godt for SEO?
Ja, Beaver Builder har alle de funktioner, der er nødvendige for at kontrollere søgemaskineoptimeringen af dit websted, herunder at det er hurtigt, kontrol over headers og title tags og andre nødvendige funktioner.
Hvilken sidebygger skal du vælge?
Nu kommer vi til den (svære) del, hvor vi skal vælge mellem disse pagebuildere.
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 egne anvendelsesmuligheder, skal du finde ud af, hvilken der bedst opfylder dine krav. Lad mig hjælpe dig med det –
- Vælg Divi hvis du vil have fuld kontrol over layoutet. Når du først har vænnet dig til de tilgængelige muligheder, er det et meget kraftfuldt værktøj, der giver dig mulighed for at oprette enhver type layout, du ønsker.
Endeligt resultat: 5 ud af 5. - Gå med Beaver Builder hvis du vil hurtigt i gang. Da denne pagebuilder ikke bruger nogen shortcodes, kan du nemt skrotte det nuværende design og prøve et nyt med et par museklik.
Endeligt resultat: 4.5 ud af 5
Hvis du kigger på andre muligheder, kan du også tjekke ud Visual Composer or Elementor Pro, som vi begge har dækket separat på denne hjemmeside. Både Elementor og Visual Composer er store aktører inden for sidebyggere.
Afsluttende ord: Beaver Builder vs Divi
Divi og Beaver Builder er to af de mest populære pagebuilder-plugins lige nu. Medmindre du har brugt begge plugins i vid udstrækning, er det virkelig svært at vælge det ene frem for det andet. Dette sammenligningsindlæg burde hjælpe dig med at træffe den beslutning.
Vi mener, at Elegant Themes giver dig mere værdi samlet set, da du får adgang til et væld af WordPress-temaer og plugins, men BB er også et godt valg. Derudover har den nye ydeevneopgradering, de introducerede, virkelig ændret spillet. Det er virkelig svært at vælge. Beaver Builder over Divi nu.
Få 10% RABAT på Divi indtil juni 2025
Så hvilken har du valgt? Fortæl os det i kommentarerne nedenfor.