Anpassad sidlayout utan en enda rad kod låter som en dröm. Särskilt när standardtemat i WordPress inte ger den struktur du behöver och du inte har tid att koda den för hand. Sidbyggare löser detta problem: installera ett tillägg, dra och släpp block med musen, och få en landningssida, en portfölj eller en startsida på en timme.

WPBakery Page Builder är en av de äldsta och mest använda byggarna av den här typen. Enligt CodeCanyons katalog har tillägget över 2 miljoner aktiva användare och fler än 5 000 recensioner. Det levereras med hundratals premiumteman på ThemeForest och uppdateras fortfarande aktivt, med den aktuella versionen 8.7.3 släppt i maj 2026.

💡 Snabb översikt:

• Installera WPBakery från CodeCanyons katalog eller från ditt temapaket, aktivera det och få byggarläge på vilken sida som helst
• Bygg strukturen: lägg till en rad, dela upp den i kolumner och fyll med element (text, knappar, gallerier, bildspel)
• Redigera visuellt: dra blocken i önskad ordning, justera utfyllnad och bakgrunder via radpanelen
• Spara layouten som en mall och återanvänd den på andra sidor med ett klick

Vad är WPBakery Page Builder

WPBakery (tidigare känt som Visual Composer) är ett sidbyggartillägg för WordPress utvecklat av WP Bakery-teamet. Det säljs på CodeCanyon och levereras med många populära teman. Viktig notering: blanda inte ihop det med den separata Visual Composer-produkten på visualcomposer.com, eftersom det är två olika tillägg med liknande namn.

Byggaren fungerar i två lägen: en backend-redigerare direkt i adminpanelen och en frontend-redigerare där du ser sidan som en besökare och ändrar element i farten. Ingen kod krävs, bara dra-och-släpp och konfiguration via alternativpaneler.

Installation och första steg

Tillägget installeras på standardvägen: ladda ner ZIP-arkivet från ditt CodeCanyon-konto eller från ditt temapaket, ladda upp det via Tillägg → Lägg till nytt → Ladda upp tillägg och aktivera. En Regular-licens kostar $59 för en webbplats med livstidsuppdateringar.

Efter aktivering visas nya knappar på sidredigeringsskärmen: växla mellan den klassiska redigeraren och byggarläget, plus en knapp för frontend-redigeraren.

Därifrån är den enda gränsen din fantasi. Lägg till rader, kolumner, knappar, text och bilder via elementpanelen. Du kan spara den färdiga layouten som en mall för återanvändning.

Bygga en sida: rader, kolumner och element

Rader och kolumner

Sidbygget börjar med en rad. En rad är en horisontell behållare som delas upp i kolumner. Håll muspekaren över den gula fliken i radens övre vänstra hörn och välj en kolumnlayout. Byggaren delar automatiskt upp utrymmet i det antal kolumner som krävs.

Grundläggande layouter inkluderar 1/2+1/2, 1/3+2/3, 1/4+3/4 och deras spegelvända varianter. Genom att kombinera rader med olika layouter kan du bygga ett komplett sidrutnät utan CSS.

Sidelement

Klicka på knappen "Lägg till element" för att öppna en popup-meny med alla tillgängliga moduler. WPBakerys standardpaket innehåller textblock, rubriker, knappar, bilder, gallerier, dragspelsmenyer, flikar, växlingspaneler, block för senaste inlägg och sidopanel-widgets.

Antalet element beror på ditt tema och aktiva tillägg. Många premiumteman lägger till egna moduler som är anpassade till deras design: karuseller, avskiljare, ikonboxar, milstolpar och tidslinjer.

När du väljer ett element öppnas dess inställningspanel (ibland med flera flikar). Nedan är ett exempel på alternativfönstret för modulen Ikonbox (tillgänglig i teman som stöder den):

Direkt ur lådan stöder byggaren fyra populära tredjepartsplugins: Layer Slider, Revolution Slider, Gravity Forms och Contact Form 7. Om någon av dessa är installerad visas automatiskt ett sidelement för temat. När du infogar visar WPBakery en dropdownlista med sliders eller formulär du har skapat tidigare. Du behöver inte kopiera shortcodes manuellt.

Dra-och-släpp och mallar

Vilken rad eller vilket element som helst kan dras till en ny plats när som helst. Duplicering av rader och element är tillgängligt, vilket är användbart för återkommande innehåll: identiska kolumner, toggles eller FAQ-block.

När layouten är klar sparar du den som en mall: klicka på "Mallar"-knappen, ange ett namn och bekräfta. När du skapar en ny sida distribueras mallen med alla sparade element och inställningar.

Radalternativ

I det vänstra hörnet av varje rad styr tre ikoner hanteringen: klona hela raden med dess innehåll, lägg till nya moduler och redigera kolumner.

De tillgängliga formateringsalternativen beror på temat. En del utvecklare lämnar WPBakery som det är, medan andra utökar panelen för att matcha temats design. Innan du köper ett tema, kontrollera vilka byggarinställningar som har lagts till i det.

Frontend-redigerare

WPBakery innehåller en live frontend-redigerare: du ser sidan genom en besökares ögon och redigerar text, bilder och avstånd direkt på plats. Klicka på ett element, inställningspanelen öppnas och du ser resultatet omedelbart.

Alla teman stöder inte frontend-redigeraren. Kontrollera temats funktionslista eller kontakta utvecklaren för att ta reda på kompatibiliteten. Teman som är byggda med WPBakery i åtanke inkluderar vanligtvis fullt stöd för båda lägena (backend och frontend).

Tillägg och shortcodes

WPBakery stöder integration av tredjeparts-shortcodes. På plugins inställningssida, gå till fliken "Mina shortcodes" och klicka på "Mappa shortcodes". Systemet hämtar alla registrerade shortcodes från webbplatsen och lägger till dem i byggarens elementmeny.

Om du är utvecklare låter pluginets API dig lägga till anpassade moduler i byggargränssnittet. För vanliga användare erbjuder CodeCanyon dussintals tillägg som utökar standardelementuppsättningen: inläggsgriddar, produktkort, avancerade gallerier och sliders.

Plugin-inställningar

WPBakery fungerar inte bara med sidor utan också med inlägg och anpassade innehållstyper. Gå till Inställningar → WPBakery Page Builder och markera de innehållstyper där du behöver byggaren.

Pluginet visar automatiskt alla innehållstyper som är registrerade i temat: sidor, inlägg, portföljer, testimonials, WooCommerce-produkter och bbPress-forum. Markera de du behöver och spara.

Var man får tag på WPBakery

WPBakery Page Builder säljs på CodeCanyon för $59, en Regular-licens för en webbplats med livstidsuppdateringar. Extended-licensen för paketering med ett tema eller plugin kostar mer.

Många premiumteman inkluderar WPBakery i priset, så när du köper får du en licens för byggaren utan extra kostnad. Om du väljer ett tema för ett nytt projekt sparar det $59 och timmar av kompatibilitetstestning att ha WPBakery paketerat.

⁉️🤔 Vanliga frågor

Är Visual Composer och WPBakery samma sak?

Ja. År 2017 bytte Visual Composer-pluginet namn till WPBakery Page Builder för att undvika förväxling med produkten Visual Composer Website Builder (visualcomposer.com). Koden och funktionaliteten förblev densamma; bara namnet ändrades.

Behöver jag kunna koda?

Nej. Byggaren är utformad för en helt kodfri upplevelse. Du sätter ihop sidor från färdiga block via drag-and-drop. Du behöver bara grundläggande WordPress-adminkunskaper: installera ett plugin, skapa en sida och klicka på "Spara".

Fungerar WPBakery med vilket tema som helst?

Med de flesta, ja. Men integrationsdjupet varierar. Vissa teman stör helt enkelt inte byggaren, medan andra lägger till egna moduler, stilar och rutnät. Innan du köper ett tema, kontrollera beskrivningen för "Kompatibel med WPBakery Page Builder".

Kan jag använda WPBakery på flera sajter?

Standardlicensen Regular kostar $59 för ett projekt. För två eller fler projekt, köp separata licenser eller överväg Extended-licensen om du planerar att paketera pluginet med din egen produkt.

Hur skiljer sig WPBakery från Elementor?

Elementor är en nyare byggare med en omfattande gratisversion och ett modernt gränssnitt. WPBakery är en beprövad veteran, djupt integrerad i ThemeForest-ekosystemet: hundratals teman levereras med det. Valet mellan dem handlar om gränssnittspreferenser och ditt specifika tema.

Är WPBakery värt det 2026

Om ditt tema redan inkluderar WPBakery, använd det. Det är ett moget verktyg med regelbundna uppdateringar och ett enormt tilläggsbibliotek. Om du väljer ett tema från grunden, titta på den byggare som känns bekvämare för ditt dagliga arbete snarare än flashiga jämförelser. Både WPBakery och Elementor kan bygga en professionell sajt. Den avgörande faktorn är vilket gränssnitt som känns bekvämare att arbeta i, eftersom det är du som kommer att redigera sidorna.