Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
Beaver Builder är ett populärt page builder plugin. Det kommer med massor av färdiga moduler som du kan använda för att skapa alla typer av landing pages, försäljningssidor och custom homesidor.
Har du använt "Beaver Builder" förut? Lägg till din recension för att hjälpa communityn.

Fördelar:

  • Drag and drop page builder
  • Fungerar med alla WordPress teman
  • 170+ professionellt utformade templates
  • Massor av färdiga moduler
  • Built-in animationsbibliotek
  • Mobil responsiv
  • Stödjer dynamiskt och personligt content

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

Besök Beaver Builder

(denna rabatt kommer att tillämpas automatiskt)

| Reader Disclosure

Beaver Builder Review: Är det rätt page builder för dig?

Letar du efter en Beaver Builder review för att hjälpa dig att bestämma om det är rätt page builder för dig?

Med Beaver Builder kan du skapa customize landing pages, försäljningssidor och mycket mer. Det kommer med färdiga moduler och website templates, så att you kan skapa beautiful design snabbt och utan att skriva en enda rad kod.

I denna djupgående Beaver Builder review, kommer vi att se om det är rätt page builder för din WordPress website.

Is Beaver Builder the right page builder plugin for you?

Vad är Beaver Builder?

Beaver Builder är ett populärt page builder plugin för WordPress.

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

The Beaver Builder drag and drop editor

Beaver Beaver har en rad färdiga moduler så att du enkelt kan add to all typ av content, inklusive sliders, carousels, galleries och knappar. Hitta helt enkelt rätt modul i menyn och dra den sedan till din layout.

För att save ännu mer tid har Beaver Builder 170 professionellt utformade templates som du kan använda för att skapa beautiful landing pages, försäljningssidor, kontaktformulär och mycket mer.

A selection of professionally-designed WordPress templates

Om du precis har kommit igång eller har en limit budget kan du downloada Beaver Builder lite från den officiella WordPress repository.

Detta gratis plugin kommer med många viktiga moduler inklusive headings, icons, textblock och videoklipp. Det stöder också både full width och column-baserade layouts.

The free Beaver Builder lite page builder plugin

Men om du köper ett Premiumpaket får du tillgång till ytterligare moduler som pristabeller, sociala icons och kontaktformulär.

You kan också återanvända dina layouts, rows och moduler genom att saved eller exportera dem. This can save you a ton of time and effort, especially if you are creating lots of different page designs.

Beaver Builder Review: Är det rätt page builder för dig?

Med rätt page builder plugin kan du skapa beautiful landing pages, custom home pages, storefronts, och mycket mer. Detta kommer att bidra till att hålla människor på din website längre, och konvertera dem till prenumeranter eller till och med betalande customers.

Med det sagt, låt oss ta en close titt på Beaver Builder för att se om det är rätt page builder för din WordPress website.

1. Över 170 professionellt utformade templates

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

A selection of ready-made WordPress templates

Beaver Builder har också templates för content pages som du kan använda på alla typer av websites. Detta inkluderar pages för price, anmälningsformulär för nyhetsbrev och pages för ”kontakta oss”.

Slutligen har Beaver Builder templates för micro pages, som är fristående sidor som tjänar ett mycket specifikt syfte. Inuti editorn hittar du templates för underhåll och Coming Soon pages, en link in bio page och en launch countdown design.

An example of a Coming Soon page, created using Beaver Builder

Alla dessa templates är fullt anpassningsbara i Beaver Builder editor, så att du kan finjustera dem så att de passar perfekt till ditt WordPress tema eller företagets varumärke.

2. Fungerar med all WordPress Themes

Beaver Builder är utformat för att fungera med alla teman i WordPress. Det innebär att du kan byta theme utan att oroa dig för att förändringen ska påverka dina landing pages, försäljningssidor och alla andra designer som du har skapat med Beaver Builder.

Ännu bättre, om du bestämmer dig för att sluta använda Beaver Builder så flyttar den automatiskt ditt content till WordPress block editor så att du inte förlorar ditt content.

3. Front-end Editor

Beaver Builder levereras med en drag and drop editor som allow you att edit your layouts utan att skriva en enda rad kod.

Klicka bara på en modul och gör sedan dina ändringar i popupen som visas.

The Beaver Builder page builder WordPress plugin

Du kan också flytta element runt i layouten med hjälp av drag and drop.

Om du vill add to mer content till din design klickar du bara på knappen ”+” och väljer sedan den modul du vill använda.

Adding content modules to a custom page design

4. Moduler med innehåll som är redo att användas

Beaver Builder har massor av färdiga moduler som du kan add to your designs med drag and drop. Detta inkluderar avancerade moduler som Inläggskaruseller, nedräkningstimer, prenumerationsformulär och rekommendationer.

Adding testimonials, images, text, and other content to a custom page design

Alla dessa moduler är helt anpassningsbara. Klicka bara för att selecta modulen och använd sedan popupen för att ändra avstånd, custom fonts, kanter, padding och mycket mer.

Beroende på modulen kan du se några extra alternativ, till exempel att lägga till text för heading eller en bakgrundsbild.

Editing a ready-made module using Beaver Builder

5. Mobil responsiv

All design från Beaver Builder är mobil responsiv som standard. Det innebär att dina pages kommer att se lika bra ut på smartphones och surfplattor som på stationära enheter.

Beaver Builder har också ett Responsive Editor-läge som allow you att view den mobila versionen av din design. You kan sedan justera din design så att den är optimerad för alla dessa olika enheter.

Creating a mobile responsive landing pages, sales page, or similar

You can define unique row, column, and module settings for each screen size, or åsidosätt Beaver Builders standardinställningar och ställ in dina egna önskade bredder för olika devices.

completed, you may want to show unique content to smartphone and tablet users, or even hide certain content completely. Du kanske till exempel vill undvika att visa stora, högupplösta images för mobila användare.

Showing unique content on mobile and desktop

6. Inbyggda animationer

Animationer kan rikta besökarens uppmärksamhet mot det viktigaste innehållet på din page. Du kan till exempel använda animationer för att lyfta fram en kupongkod i din store.

Beaver Builder har en rad built-in entréanimationer som du kan add to till valfri row, column eller modul.

How to add animations to your WordPress website, blog, or online store

You can also change how long the animation lasts or add to a delay.

7. Skapa dynamiskt content

Ibland kanske du vill visa olika content för olika användare, t.ex. unika call-to-action-knappar. Med Beaver Builder kan du enkelt dölja eller visa en row, column eller modul baserat på om besökaren är inloggad på ett account.

Adding dynamic content to your WordPress blog or website

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

You kan också skapa detaljerade regler för villkorlig logik. Du kan till exempel visa en call-to-action-knapp endast om användaren har rollen ”Prenumerant”, eller visa det totala antalet kommentarer när det har passerat ett visst antal.

Showing dynamic content to visitors using conditional rules

8. Easy Copy and Paste

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

Re-using styles on your WordPress blog, website, or online marketplace

9. Add Custom Code

Beaver Builder allow you to create custom layouts without writing a single line of code. Det har dock inbyggda JavaScript- och CSS-redigerare, så du kan add to custom code till dina layouts om du föredrar det.

Adding code to your WordPress website

Du kan också tillämpa custom code på en hel page med hjälp av verktyget Layout CSS & JavaScript.

10. Elementet HTML5 Container

I Beaver Builder Editor kan du tillämpa ett customizer ID, klasser, etiketter och välja ett HTML5 sectioning content element.

The Beaver Builder code-free page builder

Detta kan förbättra sidans tillgänglighet och göra det enklare att editera content med JavaScript eller customize CSS.

11. Integreras med WooCommerce

Om du installerar Beaver Themer addon så kan du skapa custom WooCommerce layouts för din online store. Detta inkluderar customiserade produktsidor, en skyltfönster, kassa, cart och My Account pages.

På så sätt kan du skapa design som är optimerad för försäljning med hjälp av den välbekanta Beaver Builder editor, moduler och tools.

12. Skapa layouter som kan återanvändas

Med Beaver Builder kan du save your designs som custom templates.

Saving your page designs as custom templates

När du har saved en template kan du komma åt den när som helst från Beaver Builder editor, så att du kan använda dem på vilken annan page som helst.

Detta kan hjälpa dig att skapa en mer konsekvent design på hela din website.

Du kan till och med skapa en startmall som utvalts för din custom logga, banners, navigation menu och allt annat content som du vill använda på din website. Detta kan save you massor av tid, eftersom du inte behöver lägga till detta content manuellt på varje enskild page.

Du kan till och med exportera dina customize templates och sedan importera dem till en annan site som har Beaver Builder installerat. Detta kan vara användbart om du äger flera webbplatser, eller om du runar en WordPress utvecklare och hanterar en portfölj av kunders webbplatser.

13. Revisioner och historik

När du arbetar med din design kan du behöva återgå till en tidigare version. You kanske till exempel inser att du har gjort ett misstag och snabbt vill ångra ditt arbete.

Den goda nyheten är att Beaver Builder registrerar 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.

The Beaver Builder page builder

Beaver Builder skapar också en logging av varje enskild action du gör, så att du kan hitta exakt den förändring du vill ångra.

Välj bara ”History” för att se listan och klicka sedan på ett objekt för att återgå till layouten vid den tidpunkten.

Restoring a previous version of your page layout

14. Anpassningsbara globala Settings

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

Adding your own global settings to the Beaver Builder page builder

Här kan du ändra standardmarginaler, paddings, page heading, maxbredd med mera.

Du kan också ändra om vissa inställningar ska vara aktiverade eller inaktiverade som standard, t.ex. responsive edit och auto spacing.

Customizing the default page builder settings

15. Skapa Custom Rubriker, Footers och mycket mer

Som standard kan du inte customize webbplatsens headers och footers med hjälp av Beaver Builder editor, eftersom dessa areas styrs av ditt WordPress-tema.

Beaver Builder har dock ett Themer addon som allow you att edit dessa areas. Du kan också skapa custom layouts för ditt archive, 404 error page, singe post template och liknande pages.

Ännu bättre är att du kan customize dessa areas med hjälp av Beaver Builder editor som du redan känner till.

Customizing your WordPress theme using a page builder plugin

Du kan också använda smarta villkorliga regler för att kontrollera när WordPress använder dessa layouts.

Du kan t.ex. skapa en annan header för besökare jämfört med användare som är inloggade på din membership site.

Creating a custom header or footer for your WordPress website

16. Stöd från samhället och professionella

Med Beaver Builder kan du skapa beautiful, custom layouts utan att behöva anlita en WordPress utvecklare. Du kan dock behöva lite hjälp för att unlocka de mer avancerade funktionerna i pluginet.

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

An example of an online knowledge base

De publicerar också tutorials på video på sin YouTube-kanal och har ett bibliotek med on-demand-kurser.

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 domain name, wireframing och bygga en e-handelswebbplats.

Online training on the Beaver Builder website

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

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

Priser och planer för Beaver Builder

Om du är ett litet företag, nystartad eller har en limit budget kan du downloada en gratis version av Beaver Builder från den officiella WordPress repository.

Du får dock tillgång till fler moduler och templates genom att upgrading till premium pluginet.

The Beaver Builder pricing plans

Det finns 4 planer att välja mellan:

  • Standard. För $ 99 per år innehåller detta plan premiummoduler och templates så att du kan skapa beautiful design, snabbt. Det integreras också med WooCommerce, så att du kan optimera din onlinemarknadsplats för att få mer försäljning. Med detta i åtanke är Standard ett utmärkt alternativ för mindre företag, sidoverksamheter eller till och med personliga bloggar.
  • Pro. För $199 stöder Beaver Builder Pro WordPress multisite, så vi rekommenderar den här planen om du runar ett multisite network. Som en add to bonus får du också tillgång till Beaver Builder Theme.
  • Agency. För $399 per år kan du ersätta Beaver Builder-varumärket med din egen customize logga och ditt företagsnamn. Med detta i åtanke är den här planen perfekt för WordPress utvecklare eller agencies som behöver använda Beaver Builder på flera websites.
  • Ultimat. För 546 USD per år kommer denna plan med Beaver Themer addon så att du kan designa din egen header och footer, och customize pages som du inte kan ändra med standard WordPress content editor. Det kommer också med en 6 månaders prenumeration på Assistant Pro, så att du kan lagra din sites kreativa filer i molnet. Med detta i åtanke rekommenderas Ultimate för webbplatsägare som vill customize varje del av sin site.

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

Efter att ha tittat på funktionerna, supporten och prisplanerna är vi övertygade om att Beaver Builder är ett bra page builder tillägg.

Den har en användarvänlig drag and drop editor, färdiga moduler och professionellt utformade templates. Detta innebär att du enkelt kan skapa customize-design utan att behöva skriva en enda rad kod.

Om du runar en website för ett litet företag eller en personlig blogg, så har Starter-planen många viktiga funktioner. Det kommer också med premium-moduler och templates, och integreras med WooCommerce. Detta innebär att du kan customize din online store och konvertera WooCommerce besökare till customers.

Använder du WordPress multisite? Beaver Builder Pro har support för multisite så att du kan använda den i hela ditt nätverk.

Om du run en WordPress agency eller hanterar kunders websites, så addar Agency planen till en white labelling funktion. Detta allow you att ersätta Beaver Builder-varumärket med din egen logga och ditt agenturnamn. På så sätt kan du få din agency att framstå som mer professionell och bygga upp ditt personliga varumärke.

Slutligen, om du vill ha fullständig control över utformningen av din site rekommenderar vi Beaver Builder Ultimate. Detta kraftfulla paket levereras med Beaver Themer addon, så att du kan skapa customize headers och footers. You can also customize pages that are usually difficult to edit, such as your search results page and blog archive.

Vi hoppas att denna Beaver Builder review hjälpte dig att bestämma om det är rätt page builder för dig. Du kan också kolla in vår guide om hur man väljer den bästa webbdesignprogramvaran, eller se vårt expertval av de måste-ha WordPress tillägg för företagswebbplatser.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Avslöjande: Vårt innehåll stöds av våra läsare. 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 editoriala process.

Reader Interactions

1 AnvändarrecensionLägg till din recension

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

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åra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.

Ditt betyg: