Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter
Beaver Builder är ett populärt sidbyggarplugin. Det kommer med massor av färdiga moduler som du kan använda för att skapa alla typer av landningssidor, säljsidor och anpassade startsidor.
Have you used "Beaver Builder" before? Add Your Review to help the community.

Fördelar:

  • Dra-och-släpp-sidbyggare
  • Fungerar med alla WordPress-teman
  • 170+ professionellt designade mallar
  • En mängd färdiga moduler
  • Inbyggt animationsbibliotek
  • Mobilanpassad
  • Supports dynamic and personalized content

WPBeginner-användare kan köpa Beaver Builder från $99!

Besök Beaver Builder

(den här rabatten kommer att tillämpas automatiskt)

| Läsarens upplysning

Beaver Builder-recension: Är det rätt sidbyggare för dig?

Letar du efter en Beaver Builder-recension som hjälper dig att avgöra om det är rätt sidbyggare för dig?

Med Beaver Builder kan du skapa anpassade landningssidor, försäljningssidor och mer. Den levereras med färdiga moduler och webbplatsmallar, så att du kan skapa vackra designer snabbt, och utan att skriva en enda rad kod.

I denna djupgående recension av Beaver Builder ska vi se om det är rätt sidbyggare för din WordPress-webbplats.

Är Beaver Builder rätt plugin för sidbyggare för dig?

Vad är Beaver Builder?

Beaver Builder är ett populärt sidbyggarplugin för WordPress.

Den levereras med en användarvänlig redigerare som visar dina ändringar i realtid, så att du kan prova olika inställningar och innehåll för att se vad som ser bäst ut.

Beaver Builders dra-och-släpp-redigerare

Beaver Beaver har en rad färdiga moduler så att du enkelt kan lägga till alla typer av innehåll, inklusive reglage, karuseller, gallerier och knappar. Hitta helt enkelt rätt modul i menyn och dra den sedan till din layout.

För att spara ännu mer tid har Beaver Builder 170 professionellt utformade mallar som du kan använda för att skapa vackra landningssidor, försäljningssidor, kontaktformulär och mer.

Ett urval av professionellt designade WordPress-mallar

Om du precis har börjat eller har en begränsad budget kan du ladda ner Beaver Builder lite från det officiella WordPress-arkivet.

Denna gratis plugin levereras med många viktiga moduler inklusive rubriker, ikoner, textblock och videor. Den stöder även både helsides- och kolumnbaserade layouter.

Gratis sidbyggarplugin Beaver Builder lite

Men om du köper en premiumplan får du tillgång till ytterligare moduler som prislistor, sociala ikoner och kontaktformulär.

Du kan också återanvända dina layouter, rader och moduler genom att spara eller exportera dem. Detta kan spara dig massor av tid och ansträngning, särskilt om du skapar många olika siddesigner.

Beaver Builder-recension: Är det rätt sidbyggare för dig?

Med rätt sidbyggarplugin kan du skapa vackra landningssidor, anpassade hemsidor, butikssidor och mer. Detta hjälper till att hålla besökarna kvar på din webbplats längre och konvertera dem till prenumeranter eller till och med betalande kunder.

Med det sagt, låt oss ta en närmare titt på Beaver Builder för att se om det är rätt sidbyggare för din WordPress-webbplats.

1. Över 170 professionellt utformade mallar

Beaver Builder levereras med över 170 mallar som du kan använda som utgångspunkt för dina designer. Många av dessa mallar täcker specifika affärs- och bloggnischer, så du bör inte ha några problem att hitta en design som passar perfekt för din webbplats.

Ett urval av färdiga WordPress-mallar

Beaver Builder har också innehållsmallar som du kan använda på alla typer av webbplatser. Detta inkluderar prissidor, formulär för nyhetsbrevsanmälningar och 'kontakta oss'-sidor.

Slutligen har Beaver Builder mallar för mikrosidor, som är fristående sidor som tjänar ett mycket specifikt syfte. Inne i redigeraren hittar du mallar för underhåll och kommande sidor, en länk i bio-sida och en design för nedräkning till lansering.

Ett exempel på en "Snart kommer"-sida, skapad med Beaver Builder

Alla dessa mallar är helt anpassningsbara i Beaver Builder-redigeraren, så du kan finjustera dem för att perfekt passa ditt WordPress-tema eller ditt företags varumärke.

2. Fungerar med alla WordPress-teman

Beaver Builder är utformad för att fungera med alla WordPress-teman. Detta innebär att du kan byta teman utan att behöva oroa dig för att ändringen påverkar dina landningssidor, försäljningssidor och andra designer du har skapat med Beaver Builder.

Ännu bättre, om du bestämmer dig för att sluta använda Beaver Builder så flyttas ditt innehåll automatiskt till WordPress blockredigerare så att du inte förlorar ditt innehåll.

3. Redigerare i front-end

Beaver Builder levereras med en dra-och-släpp-redigerare som låter dig redigera dina layouter utan att skriva en enda rad kod.

Klicka bara på en modul och gör sedan dina ändringar i popup-fönstret som visas.

Beaver Builder sidbyggarplugin för WordPress

Du kan också flytta runt element i layouten med dra-och-släpp.

För att lägga till mer innehåll i din design, klicka bara på '+' -knappen och välj sedan den modul du vill använda.

Lägga till innehållsmoduler till en anpassad sidlayout

4. Färdiga innehållsmoduler

Beaver Builder har massor av färdiga moduler som du kan lägga till i dina designer med dra-och-släpp. Detta inkluderar avancerade moduler som inläggskarusseller, nedräkningstimer, prenumerationsformulär och kundrecensioner.

Lägga till vittnesmål, bilder, text och annat innehåll till en anpassad siddesign

Alla dessa moduler är helt anpassningsbara. Klicka helt enkelt för att välja modulen och använd sedan popup-fönstret för att ändra mellanrum, anpassade teckensnitt, ramar, stoppning och mer.

Beroende på modulen kan du se några extra alternativ, till exempel att lägga till rubriktext eller en bakgrundsbild.

Redigera en färdigmodul med Beaver Builder

5. Mobilanpassad

Alla Beavers Builders designer är mobilanpassade som standard. Det innebär att dina sidor kommer att se lika bra ut på smartphones och surfplattor som på stationära enheter.

Beaver Builder har också ett Responsivt Redigeringsläge som låter dig visa mobilversionen av din design. Du kan sedan justera din design så att den är optimerad för alla dessa olika enheter.

Skapa mobilanpassade landningssidor, försäljningssidor eller liknande

Du kan definiera unika inställningar för rader, kolumner och moduler för varje skärmstorlek, eller åsidosätta Beaver Builders standardbrytpunkter och ställa in dina egna föredragna bredder för olika enheter.

Slutligen kanske du vill visa unikt innehåll för användare av smartphones och surfplattor, eller till och med dölja visst innehåll helt. Du kanske till exempel vill undvika att visa stora bilder med hög upplösning för mobilanvändare.

Visar unikt innehåll på mobil och dator

6. Inbyggda animationer

Animationer kan dra besökarens uppmärksamhet till ditt innehålls viktigaste delar. Du kan till exempel använda animationer för att lyfta fram en kupongkod på din webbutik.

Beaver Builder har en rad inbyggda animationer som du kan lägga till i valfri rad, kolumn eller modul.

Hur du lägger till animationer på din WordPress-webbplats, blogg eller webbutik

Du kan också ändra hur länge animationen varar eller lägga till en fördröjning.

7. Skapa dynamiskt innehåll

Ibland vill du kanske visa olika innehåll för olika användare, som unika knappar för uppmaning till handling. Med Beaver Builder kan du enkelt dölja eller visa en rad, kolumn eller modul baserat på om besökaren är inloggad på ett konto.

Lägga till dynamiskt innehåll på din WordPress-blogg eller webbplats

På så sätt kan du skapa unikt innehåll för registrerade användare och medlemmar.

Du kan också skapa detaljerade regler för villkorlig logik. Du kan till exempel bara visa en knapp för att uppmana till handling om besökaren har användarrollen 'Prenumerant', eller visa det totala kommentarantalet när det har passerat ett visst antal.

Visa dynamiskt innehåll för besökare med hjälp av villkorsstyrda regler

8. Enkel kopiera och klistra in

Ibland vill du kanske använda samma inställningar eller stil flera gånger i samma design. Beaver Builder har en Export/Import-sektion där du kan kopiera en moduls inställningar eller stilar till urklippet och sedan klistra in dem i en annan modul i samma layout.

Återanvända stilar på din WordPress-blogg, webbplats eller online-marknadsplats

9. Lägg till anpassad kod

Beaver Builder låter dig skapa anpassade layouter utan att skriva en enda rad kod. Det har dock inbyggda JavaScript- och CSS-kodredigerare, så du kan lägga till anpassad kod till dina layouter om du föredrar det.

Lägga till kod på din WordPress-webbplats

Du kan också tillämpa anpassad kod på en hel sida med hjälp av verktyget Layout CSS & JavaScript.

10. HTML5-behållarelement

I Beaver Builder-redigeraren kan du ange ett anpassat ID, klasser, etiketter och välja ett HTML5-sektionselement.

Beaver Builders kodfria sidbyggare

Detta kan förbättra sidans tillgänglighet och göra det enklare att redigera innehållet med JavaScript eller anpassad CSS.

11. Integreras med WooCommerce

Om du installerar tillägget Beaver Themer kan du skapa anpassade WooCommerce layouter för din onlinebutik. Detta inkluderar anpassade produktsidor, en butikssida, kassa, varukorg och Mina kontosidor.

På så sätt kan du skapa designer som är optimerade för försäljning med hjälp av den välbekanta Beaver Builder-redigeraren, modulerna och verktygen.

12. Skapa återanvändbara layouter

Med Beaver Builder kan du spara dina designer som anpassade mallar.

Spara dina sidlayouter som anpassade mallar

Efter att ha sparat en mall kan du komma åt den när som helst inifrån Beaver Builder-redigeraren, så att du kan använda dem på vilken annan sida som helst.

Detta kan hjälpa dig att skapa en mer konsekvent design över hela din webbplats.

Du kan till och med skapa en startmall som innehåller din anpassade logotyp, banners, navigeringsmeny och annat innehåll du vill använda på hela din webbplats. Detta kan spara dig massor av tid, eftersom du inte behöver lägga till detta innehåll manuellt på varje enskild sida.

Du kan till och med exportera dina egna mallar och sedan importera dem till vilken annan webbplats som helst som har Beaver Builder installerat. Detta kan vara användbart om du äger flera webbplatser, eller om du driver en WordPress-utvecklingsbyrå och hanterar en portfölj av klientwebbplatser.

13. Revisioner och historik

När du arbetar med dina designer kan du behöva återgå till en tidigare version. Till exempel kan du inse att du har gjort ett misstag och snabbt vill ångra ditt arbete.

De goda nyheterna är att Beaver Builder sparar dina ändringar, så du bör inte ha några problem med att återställa en tidigare version. Till att börja med kan du se alla tidigare publicerade versioner av en layout och välja den du vill återgå till.

Beaver Builder sidbyggare

Beaver Builder skapar också en logg över varje enskild åtgärd du utför, så att du kan identifiera exakt den ändring du vill ångra.

Välj helt enkelt 'Historik' för att se den här listan och klicka sedan på ett objekt för att återgå till layouten vid den tidpunkten.

Återställa en tidigare version av din sidlayout

14. Anpassningsbara globala inställningar

Ofta vill du använda samma inställningar över hela din WordPress-blogg eller webbplats. Istället för att manuellt tillämpa dessa standardinställningar på varje layout kan du spara tid genom att anpassa Beaver Builders globala inställningar istället.

Lägga till egna globala inställningar i Beaver Builder sidbyggare

Här kan du ändra standardmarginaler, stoppningar, sidrubrik, maxbredd och mer.

Du kan också ändra om vissa inställningar är aktiverade eller inaktiverade som standard, till exempel responsiv redigering och automatiskt mellanrum.

Anpassa standardinställningarna för sidbyggaren

15. Skapa anpassade rubriker, sidfötter och mer

Som standard kan du inte anpassa din webbplats headers och footers med Beaver Builder-redigeraren, eftersom dessa områden styrs av ditt WordPress-tema.

Beaver Builder har dock ett Themer-tillägg som låter dig redigera dessa områden. Du kan också skapa anpassade layouter för ditt arkiv, 404-felsida, mall för enskilda inlägg och liknande sidor.

Ännu bättre, du kan anpassa dessa områden med Beaver Builder-redigeraren som du redan är bekant med.

Anpassa ditt WordPress-tema med ett sidbyggarplugin

Du kan också använda smarta villkorsregler för att styra när WordPress använder dessa layouter.

Till exempel kan du skapa en annan rubrik för besökare jämfört med användare som är inloggade på din medlemskapswebbplats.

Skapa en anpassad header eller footer för din WordPress-webbplats

16. Gemenskaps- och professionell support

Med Beaver Builder kan du skapa vackra, anpassade layouter utan att behöva anställa en WordPress-utvecklare. Du kan dock behöva lite hjälp för att låsa upp pluginets mer avancerade funktioner.

Om du föredrar att undersöka ämnen själv, har Beaver Builder en detaljerad kunskapsbas.

Ett exempel på en onlinekunskapsdatabas

De lägger också ut videohandledningar på sin YouTube-kanal och har ett bibliotek med kurser på begäran.

Du måste betala för att få tillgång till vissa kurser, men det finns också ett litet urval av gratis utbildning som täcker ämnen som att ställa in webbhotell och köpa ett domännamn, wireframing och att bygga en e-handelswebbplats.

Onlineutbildning på Beaver Builders webbplats

Det finns också en blogg där Beaver Builder-teamet publicerar handledningar om hur man använder pluginets specifika funktioner, plus råd om allmänna ämnen som hur man omdirigerar en WordPress-sida.

Om du föredrar personlig hjälp, så inkluderar alla Beaver Builder-planer e-postsupport. Om du uppgraderar till Ultimate-planen får du även prioriterad support, så dina problem bör lösas snabbare.

Beaver Builder Prissättning och planer

Om du är ett småföretag, startup, eller har en begränsad budget, då kan du ladda ner en gratisversion av Beaver Builder från det officiella WordPress-arkivet.

Du får dock tillgång till fler moduler och mallar genom att uppgradera till premium-pluginet.

Beaver Builders prisplaner

Det finns 4 planer att välja mellan:

  • Standard. För 99 USD per år inkluderar denna plan premiummoduler och mallar så att du kan skapa vackra designer, snabbt. Den integreras också med WooCommerce, så du kan optimera din online-marknadsplats för att få fler försäljningar. Med det i åtanke är Standard ett utmärkt alternativ för mindre företag, sidoföretag, eller till och med personliga bloggar.
  • Pro. För 199 USD stöder Beaver Builder Pro WordPress multisite, så vi rekommenderar denna plan om du driver ett multisite-nätverk. Som en extra bonus får du även tillgång till Beaver Builder Theme.
  • Byrå. För 399 USD per år kan du ersätta Beaver Builders varumärke med din egen anpassade logotyp och företagsnamn. Med detta i åtanke är denna plan perfekt för WordPress-utvecklare eller byråer som behöver använda Beaver Builder på flera webbplatser.
  • Ultimate. För 546 USD per år levereras denna plan med Beaver Themer-tillägget så att du kan designa din egen header och footer, och anpassa sidor som du inte kan ändra med standard WordPress innehållsredigerare. Den levereras också med en 6-månaders prenumeration på Assistant Pro, så att du kan lagra din webbplats kreativa tillgångar i molnet. Med det i åtanke rekommenderas Ultimate för webbplatsägare som vill anpassa varje del av sin webbplats.

Slutsats:  Är Beaver Builder rätt sidbyggare för dig?

Efter att ha tittat på funktioner, support och prisplaner är vi övertygade om att Beaver Builder är ett utmärkt plugin för sidbyggare.

Den har en användarvänlig dra-och-släpp-redigerare, färdiga moduler och professionellt designade mallar. Detta innebär att du enkelt kan skapa anpassade designer, utan att behöva skriva en enda rad kod.

Om du driver en webbplats för småföretag eller en personlig blogg, har Starter-planen många viktiga funktioner. Den levereras också med premiummoduler och mallar, och integreras med WooCommerce. Detta innebär att du kan anpassa din onlinebutik och konvertera WooCommerce-besökare till kunder.

Använder du WordPress multisite? Beaver Builder Pro stöder multisite så att du kan använda det över hela ditt nätverk.

Om du driver en WordPress-byrå eller hanterar klientwebbplatser, lägger Agency-planen till en vitmärkningsfunktion. Detta gör att du kan ersätta Beaver Builders varumärke med din egen logotyp och byrånamn. På så sätt kan du få din byrå att verka mer professionell och bygga ditt personliga varumärke.

Slutligen, om du vill ha fullständig kontroll över din webbplatsdesign, rekommenderar vi Beaver Builder Ultimate. Detta kraftfulla paket levereras med Beaver Themer-tillägget, så du kan skapa anpassade rubriker och sidfötter. Du kan också anpassa sidor som vanligtvis är svåra att redigera, som din sökresultatsida och bloggarkiv.

Vi hoppas att denna Beaver Builder-recension hjälpte dig att avgöra om det är rätt sidbyggare för dig.  Du kan också kolla in vår guide om hur du väljer den bästa programvaran för webbdesign, eller se vårt expertval av måste-ha WordPress-plugins för företagswebbplatser.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

WPBeginner-användare kan köpa Beaver Builder från $99!

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Läsarnas interaktioner

Beaver Builder Användarrecensioner

Det finns inga användarrecensioner för Beaver Builder för närvarande.
Vänligen dela din recension av Beaver Builder för att hjälpa andra i communityn.

Lämna en recension

Tack för att du väljer att lämna en recension. Tänk på att alla recensioner modereras enligt vår kommentarpolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.

Your Rating: