Att bygga en WordPress-sajt utan kod är fullt möjligt. Men standardredigeraren möter dig med tomhet: en rubrik, ett stycke, och det är allt. Och du behöver kolumner, knappar, gallerier, dra-och-släpp. WPBakery Page Builder är byggt precis för detta behov, den mest spridda sidbyggaren för WordPress med en livstidslicens.

Pluginet körs på miljontals sajter och är här för att stanna. Det förvandlar WordPress-admin till en visuell konstruktör: du drar element, konfigurerar färger och avstånd, ser resultatet i realtid. Inte en rad kod. Till skillnad från byggare med årsprenumerationer köper du WPBakery en gång och glömmer förnyelser.

Nedan följer en komplett genomgång av WPBakery per 2026: installation, konfiguration, redigerare, element, AI-verktyg, prissättning och kompatibilitet. Inget utfyllnad, knutet till praktiken.

💡 Snabb översikt:

• Installation via direktköp på CodeCanyon (€69, livstidslicens) eller paketerad med ett premiumtema
• Första start: Allmänna inställningar, Rollhanterare, licensaktivering
• 50+ inbyggda element: text, media, diagram, rutnät, widgetar
• Två bygglägen: backend-redigerare för ramverk, frontend för visuell finjustering
• Rader och kolumner: dra-och-släpp, kloning, flexibel bakgrunds- och avståndskonfiguration
• WPBakery AI genererar text och kod direkt i redigeringsgränssnittet
• Kompatibilitet med WooCommerce, WPML, Yoast SEO, Slider Revolution, Contact Form 7

Vad WPBakery är och hur det skiljer sig från gamla Visual Composer

Fram till 2017 hette pluginet Visual Composer. Sedan delade utvecklaren produkten: WPBakery Page Builder förblev en sidbyggare för WordPress, medan Visual Composer Website Builder blev en separat fristående produkt med ett annat gränssnitt. Om du ser "Visual Composer-guide" i gamla artiklar handlar det om WPBakery. Gränssnittet, logiken, elementuppsättningen, allt är detsamma, bara namnet och varumärket ändrades.

Pluginet fungerar med vilket korrekt kodat WordPress-tema som helst. Oavsett om det är gratis från repositoriet eller en premiummall från ThemeForest spelar ingen roll. WPBakery anpassar sig till temastrukturen och bryter inte layouten. I praktiken innebär detta att du inte är låst till en specifik mall: byter du till ett annat tema förblir sidorna funktionella.

Direkt ur lådan finns mer än 50 innehållselement tillgängliga. Dessutom lägger WooCommerce-integrationen till ytterligare 17 element, och tredjepartstillägg hundratals fler. Officiell kompatibilitet med Contact Form 7, Slider Revolution, LayerSlider, WPML, Polylang och Yoast SEO täcker praktiskt taget alla scenarier.

Installera WPBakery: två vägar

Väg 1: köpa en egen licens

En licens för 1 sajt kostar €69 enligt den officiella prisplanen. Detta är en livstidsmodell: betala en gång, använd obegränsat. Priset inkluderar ett års support, tillgång till mallbiblioteket, WPBakery AI och automatiska uppdateringar.

Du köper på CodeCanyon. Efter betalning går du till sektionen Downloads, klickar på den gröna Download-knappen och väljer "Installable WordPress file only."

Ladda upp den nedladdade zip-filen via "Plugins → Lägg till ny → Ladda upp plugin" i WordPress-admin.

Efter aktivering kommer systemet att erbjuda att länka licensen. Klicka på länken högst upp på skärmen och sedan på den stora blå aktiveringsknappen.

WPBakery-portalen öppnas för att bekräfta köpet via ditt Envato-konto. Klicka på den gröna Approve-knappen, så verifierar pluginet att e-postadressen faktiskt är kopplad till den köpta licensen.

Klart. WPBakery är aktiverat och redo att användas. Nu kommer varje sida och inläggsredigerare att ha en knapp för att växla till WPBakery-läge.

Väg 2: plugin som medföljer premiumtema

Många premiumteman inkluderar WPBakery i paketet. Det är samma plugin, men utan direkt åtkomst till automatiska uppdateringar, uppdateringar kommer via temautvecklaren.

Installera temat via "Utseende → Teman → Lägg till nytt → Ladda upp tema." Med temat följer ett zip-arkiv, och inuti det ligger temats installationsfil.

Efter aktivering erbjuder temat att installera rekommenderade plugins, bland dem finns WPBakery Page Builder.

Välj "Installera" i rullgardinsmenyn, markera de plugins du behöver och klicka på Verkställ.

Att aktivera licensen via Envato behövs inte i det här fallet, du har ingen egen licenskod. Pluginets funktionalitet är komplett, men du får vänta på uppdateringar från temautvecklaren.

Första start och inställningar

Efter installationen dyker ett menyval "WPBakery Page Builder" upp i admin-sidans sidomeny. Öppna inställningarna.

Allmänna inställningar, grundläggande alternativ. Här slår du på och av responsiv kolumnkollaps på mobil: tre kolumner blir tre vertikala rader, i stället för att klämmas ihop till oläsliga remsor. Här väljer du också en delmängd av Google Fonts och återställer pluginets guide-turer.

Rollhanterare styr åtkomst till WPBakerys funktioner per användarroll. Administratör, allt, redaktör, endast sidor och inlägg, bidragsgivare, ingenting. I praktiken räddar detta dig från situationer där en kund eller junior medarbetare av misstag ändrar en rads designinställningar och förstör layouten på hela sidan. Åtkomstkonfiguration, en försäkring mot mänskliga misstag.

Produktlicens, flik för direkta licensägare. Om pluginet kom som en del av ett tema kan du hoppa över det här avsnittet.

50+ Inbyggda innehållselement

WPBakery levererar mer än 50 element direkt ur lådan. Här är en komplett karta över vad som finns tillgängligt direkt efter installation.

Varje element har två flikar: allmänna inställningar (Allmänt) och designalternativ (Designalternativ). Du kan ställa in färg, ram, avstånd, animering, anpassad CSS. Denna uppsättning räcker för de flesta typiska sidor: landningssida, portfölj, företagssajt sätts ihop av standardelement utan ett enda tillägg. Specifika scenarier som dynamiska tabeller eller anpassade griddar täcks av tillägg, mer om dem senare.

Tillägg: inbyggda och tredjeparts

Grundelementen räcker för en typisk sajt. Men när du behöver specialfunktioner kommer tilläggen in i bilden.

Tillägg via tema. Vissa teman lägger till egna element. Exempelvis lägger temat Total till 39 element: anpassade inläggstyper (vittnesmål, personal, portfölj), gallerier, bildspel. Arbeta endast med temat Total aktivt.

Tilläggsplugins från tredje part. På CodeCanyon finns hundratals tillägg. Ultimate Addons for WPBakery, en av flaggskeppen: lägger till dussintals element, från pristabeller till avancerade knappar. Templatera (officiellt tillägg, €12), mallhanterare. Easy Tables (€12), tabellbyggare.

Officiell lista över kompatibla tillägg finns i tilläggssektionen på WPBakery-webbplatsen.

I praktiken bör du inte aktivera alla tillägg samtidigt. Varje tillägg drar in sin egen kod. Två eller tre tilläggsplugins skapar redan funktionsöverlappningar och saktar ner webbplatsen. Välj ett som täcker dina behov och arbeta med det.

Backend-redigerare vs frontend-redigerare

WPBakery erbjuder två sidbyggarlägen. Du kan växla mellan dem i farten, med en knapp i det övre fältet. Ingen export-import, ingen dataförlust, bara två olika vyer av samma innehåll.

Backend-redigeraren visar element som rektangulära block med etiketter. Snabbare på svagt webbhotell: ingen förhandsrendering. Praktiskt för att bygga en wireframe: slängde in rader, kolumner, platshållare, och visuell finjustering senare.

Klicka på den turkosa knappen "+ Lägg till element" och välj önskat element från popup-fönstret.

Element infogas efter varandra, ordningen ändras genom att dra.

Frontend-redigeraren, helt visuellt läge. Sidan ser ut som den gör för besökare: verkliga bildstorlekar och exakta knappfärger.

I det övre fältet, förhandsvisning för dator, surfplatta och mobil. Med ett klick ser du hur sidan ser ut på varje enhet.

I praktiken kombineras båda lägena: sidskelettet byggs i backend, visuell finjustering görs i frontend. Detta tillvägagångssätt sparar tid: att dra rader och kolumner i backend sker omedelbart, utan att vänta på rendering, och slutlig teckensnitts- och färgkonfiguration i frontend eliminerar överraskningar vid publicering.

Arbeta med rader, kolumner och element

Rader

Rad, den grundläggande layoutenheten i WPBakery. Utan en rad kan du inte infoga något element. Vid hover visas blå kontrollikoner.

• Radikon, dra för att ändra position på sidan
• Penna, radinställningar: ID för lokal scroll, sträck till full bredd, fullskärmshöjd, bakgrund (färg, bild, video, parallax), animering, typografi, avstånd
• Kolumner, välj antal (upp till 6 standard, kan ställa in anpassat)
• Plus, lägg till ny rad nedanför
• Duplicera, klonar rad med allt innehåll
• Papperskorg, raderar hela raden

Kolumner

Gula ikoner styr kolumner inuti en rad.

• Penna för kolumn, synlighet på mobil, animering, minimihöjd, bakgrund, avstånd, responsiva inställningar (bredd, avstånd, döljande per enhet)
• Plus inuti kolumn, lägger till element överst i kolumnen
• Papperskorg, raderar kolumn med innehåll. Efter radering räknas inte återstående kolumnbredder om automatiskt, kontrollera och korrigera manuellt.

Sidelement

Element placeras inuti kolumner. När du hovrar över ett infogat element visas orange ikoner.

• Penna, öppnar elementinställningar
• Duplicera, klonar element med alla parametrar
• Papperskorg, raderar endast detta element

Designalternativ: bakgrund, ramar, avstånd

Fliken Designalternativ finns för varje element, rad och kolumn. Detta är hjärtat i WPBakerys visuella anpassning.

Fliken Allmänt, unika inställningar för det specifika elementet. För Meddelanderuta: stil, form, färg, ikon, text, animering. För Knapp: text, URL, stil, form, färg, storlek, justering, ikon. Uppsättningen alternativ skiljer sig från element till element.

Kugghjulsikonen i det övre högra hörnet sparar inställningar som en förinställning för återanvändning eller som standardvärden.

Fliken Designalternativ, universella utseendeinställningar:

• Bakgrund: färg eller bild
• Kantlinje: stil, färg, tjocklek, avrundning
• Mellanrum: marginal (yttre) och utfyllnad (inre)
• Förenkla kontroller slår ihop fyra fält (topp/höger/botten/vänster) till ett universellt

Nyans: bakgrunden begränsas av kantlinjen. Öka utfyllnaden, expandera den synliga bakgrunden. Öka marginalen, lägg till tomt utrymme runt om genom vilket radens eller sidans bakgrund blir synlig. I praktiken ger detta fin kontroll: ett vitt kort på en grå sidbakgrund skapas genom att lägga till bakgrund till elementet plus utfyllnad 30px, och mellanrum mellan korten, marginal-bottom 20px på det övre.

För vissa element (till exempel Inläggsgrid) finns det ytterligare flikar: Datainställningar och Objektdesign. Datainställningar anger datakällan (vilken inläggstyp, hur många, sortering, kategorifilter), och Objektdesign konfigurerar utseendet på varje kort i griden: om utvald bild, utdrag, datum, författare ska visas. Tematillägg (som Total Personalgrid) lägger till ännu fler alternativ: frågeparametrar, anpassad bildbeskärning, metafält, sociala nätverk, utdrag. Detta är särskilt värdefullt för anpassade inläggstyper: du bygger en "Vårt team"- eller "Portfölj"-sida visuellt, utan en enda rad PHP.

Kompatibla tillägg

WPBakery fungerar tillsammans med dussintals tillägg. Här är de viktigaste.

WooCommerce, standarden för webbutiker på WordPress. Aktivera WooCommerce, och WPBakery får 17 nya element för produktsidor, varukorg, kassa. Gratis. WooCommerce-element bäddas in via standardgränssnittet för att lägga till, inga ytterligare inställningar krävs, bara installera båda tilläggen och det fungerar.

Slider Revolution, premium-slider med dra-och-släpp inuti bilden. Text, knappar, video, animeringar. Idealisk för startsidan. WPBakery lägger till ett särskilt "Slider Revolution"-element i den allmänna panelen, slidern infogas med ett klick.

LayerSlider, Slider Revolution-konkurrent med en egen övergångsbyggare. Också premium, också kompatibel med WPBakery direkt ur lådan. Valet mellan dem handlar om gränssnittspreferens: Slider Revolution erbjuder fler färdiga mallar, LayerSlider en mer flexibel animeringsbyggare.

Contact Form 7, gratis formulärbyggare. WPBakery lägger till ett särskilt element för att infoga ett formulär på vilken sida som helst.

Yoast SEO, det främsta SEO-tillägget för WordPress. Full kompatibilitet: WPBakery-sidor indexeras utan problem.

WPML, premium-översättning för flerspråkiga sajter. Översätter varje WPBakery-sidelement separat.

Polylang, gratis WPML-alternativ. Full kompatibilitet med WPBakery.

Den kompletta listan över kompatibla plugins uppdateras regelbundet i den officiella WordPress-katalogen.

WPBakery AI och nya funktioner 2024-2026

Sedan 2024 har WPBakery aktivt integrerat AI-verktyg. AI-assistenten genererar text och kod direkt i redigeringsgränssnittet: du anger en specifikation på naturligt språk, du får färdigt innehåll. Sparar timmar på att skriva text för typiska sidor. Fungerar inuti det välbekanta redigeringsfönstret, inget behov av att växla mellan flikar eller kopiera text från externa tjänster.

SEO Toolkit, inbyggt optimeringskit: kontroll av rubriker, metabeskrivningar, Open Graph-taggar. Fungerar inuti WPBakery, utan ytterligare plugins. Kontrollerar läsbarhet, nyckelordsdensitet och metatagglängd direkt på redigeringssidan.

Grid Builder (uppdaterad 2024), byggare för inläggs- och mediarutnät med 40+ förinställda stilar. Du sätter ihop inläggskort, portfölj, anpassade inläggstyper visuellt, utan kod. Konfiguration av kolumner, mellanrum, typografi och kortanimation, allt via dra-och-släpp-gränssnitt.

Mallbiblioteket fylls på med nya layouter. I juni 2026 finns mer än 80 färdiga sid- och sektionsmallar tillgängliga, från landningssidor till portföljer. Varje mall kan importeras med ett par klick och anpassas till dina färger och typsnitt.

WPBakery-priser 2026

Alla WPBakery-licenser är livstidslicenser. Betala en gång, använd obegränsat. Priset inkluderar ett års Support Plus (support, automatiska uppdateringar, mallbibliotek, AI).

Support Plus förnyas för €22,99 per år. Lojalitetsprogrammet ger 5% rabatt för varje år med automatisk förnyelse, med ett tak på 50%. Enligt den officiella prisplanen får Support Plus-prenumeranter dessutom Templatera och Easy Tables gratis (varje tillägg kostar €12).

Det finns ett Agency Program för bulklisenser (från 20 sajter). En gratis demo-sandlåda finns på WPBakerys webbplats, du kan testa utan registrering. 15 dagars öppet köp vid direktköp. För dig som bygger sajter på uppdrag betalar sig en Regular-licens per projekt redan med första kunden och kräver inga årliga förnyelser, det är en avgörande fördel jämfört med prenumerationskonkurrenter.

Video: WPBakery från grunden på 20 minuter

Officiell WPBakery-videohandledning för nybörjare: installation, gränssnitt, grundläggande element på 18 minuter. På engelska, men gränssnittet är intuitivt tydligt.

⁉️🤔 Vanliga frågor

Är WPBakery Visual Composer eller inte?

Fram till 2017 hette WPBakery Visual Composer. Sedan delade utvecklaren varumärket: WPBakery Page Builder förblev en sidbyggare för WordPress, och Visual Composer Website Builder blev en separat produkt. Om en gammal artikel skriver "Visual Composer-guide" handlar det om WPBakery. Rent praktiskt är det ingen skillnad: gränssnitt, arbetslogik, elementuppsättning, allt är likadant. Bara namnet och varumärket ändrades.

Kan man använda WPBakery med vilket tema som helst?

WPBakery fungerar med alla korrekt kodade WordPress-teman. Pluginet anpassar sig efter temats struktur.

Men sidornas utseende beror på temats stilar: färger, typsnitt, innehållsytans bredd ärvs från det aktiva temat. I praktiken är kompatibiliteten bäst med teman som uttryckligen deklarerar stöd för WPBakery: Total, Jupiter, The7, Bridge. Med sådana teman får du extra element och fördefinierade layouter.

Hur skiljer sig WPBakery från Elementor?

Båda är visuella sidbyggare. Viktiga skillnader: WPBakery har en backend-editor (modulär vy), det har inte Elementor. WPBakery säljs med livstidslicens från €69, Elementor Pro med årsprenumeration (från $59/år för 1 sajt enligt elementor.com). WPBakery har bredare kompatibilitet med teman och plugins på grund av ålder (på marknaden sedan 2011). Elementor har ett modernare gränssnitt och fler gratiselement.

Valet handlar om prioriteringar: behöver du en livstidslicens och backend-editor, välj WPBakery. Behöver du ett modernare gränssnitt och regelbundna uppdateringar via prenumeration, välj Elementor.

Behöver man kunna koda för att arbeta med WPBakery?

Nej. Grundläggande sidor byggs helt visuellt, med dra-och-släpp. Men för finjustering (egen CSS, anpassade frågor i Post Grid) är grundläggande kunskaper användbara. Fliken Anpassad CSS finns för varje element, rad och kolumn.

I praktiken löses de flesta uppgifter utan en rad kod. Anpassade stilar och specifika gridar kräver grundläggande CSS, men det är mer undantag än regel.

Hur är det med sajtprestanda med WPBakery?

WPBakery genererar HTML-kod som sparas i databasen som sidinnehåll. Efter publicering deltar pluginet inte i renderingen, det finns ingen overhead vid visning. Men själva layouten kan vara redundant: nästlade wrappers, inline-stilar.

Optimering: cacha sidor via WP Rocket eller värdcache, minimera antalet aktiverade tillägg, komprimera bilder. I praktiken laddar en korrekt konfigurerad WPBakery-sajt på 1,5-2 sekunder med bra webbhotell.

Hur uppdaterar man WPBakery efter att supportåret har gått ut?

Licensen är livstid, uppdateringar är alltid tillgängliga. Men automatiska uppdateringar fungerar bara med aktiv Support Plus. Utan det laddar du ner den nya versionen från ditt CodeCanyon-konto manuellt och laddar upp via FTP eller "Plugins → Lägg till ny → Ladda upp plugin."

Många köper en Regular-licens, konfigurerar sajten och uppdaterar inte pluginet på flera år. Det fungerar, men det är riskabelt: gamla versioner kan ha sårbarheter. Vi rekommenderar att förnya Support Plus minst vartannat år.

Vad du ska installera 2026: slutgiltig sammanställning

WPBakery är rätt val när du behöver en pålitlig, förutsägbar sidbyggare utan årliga betalningar. En livstidslicens från €69 betalar sig redan på det allra första projektet.

Välj WPBakery om: du budgeterar för ett engångsköp, inte en prenumeration; du bygger en sajt på ett premiumtema med en medföljande version; du behöver en backend-editor för snabb skelettbyggnad; du arbetar med WooCommerce och flerspråkighet.

Titta på alternativ om: du behöver ett maximalt modernt gränssnitt "out of the box"; mängden gratiselement utan extra betalningar är avgörande; du föredrar en prenumerationsmodell med ständiga uppdateringar.

Testa den kostnadsfria demo-sandlådan på wpbakery.com. På 20 minuter bygger du en testsida och förstår om det här är ditt verktyg eller inte. 15 dagars öppet köp vid direktköp ger ytterligare utrymme för testning utan ekonomisk risk. Om du redan arbetar med WPBakery, skriv i kommentarerna vilka tillägg du använder, verkliga fall är alltid mer användbara än andras betyg.