Skip to content

Alt om WordPress, webutvikling — og mer til

🛠 WPBakery Page Builder: komplett guide 2026

🛠 WPBakery Page Builder: komplett guide 2026

Å bygge et WordPress-nettsted uten kode er fullt mulig. Men standardredigereren møter deg med tomhet: en overskrift, et avsnitt, og det er det. Og du trenger kolonner, knapper, gallerier, dra-og-slipp. WPBakery Page Builder er bygget nettopp for dette behovet, den mest utbredte sidebyggeren for WordPress med en livstidslisens.

Utvidelsen kjører på millioner av nettsteder og kommer ikke til å forsvinne. Den forvandler WordPress-administrasjonen til en visuell konstruktør: du drar elementer, konfigurerer farger og mellomrom, og ser resultatet i sanntid. Ikke en eneste linje kode. I motsetning til sidebyggere med årlige abonnementer, kjøper du WPBakery én gang og glemmer fornyelser.

Nedenfor følger en komplett gjennomgang av WPBakery per 2026: installasjon, konfigurasjon, redigerere, elementer, KI-verktøy, priser og kompatibilitet. Uten fyllstoff, forankret i praksis.

💡 Rask oversikt:

  • Installasjon via direkte kjøp på CodeCanyon (€69, livstidslisens) eller buntet med et premiumtema
  • Første oppstart: Generelle innstillinger, Rollebehandling, lisensaktivering
  • 50+ innebygde elementer: tekst, media, diagrammer, rutenett, widgeter
  • To byggemoduser: backend-redigerer for rammeverk, frontend for visuell finpuss
  • Rader og kolonner: dra-og-slipp, kloning, fleksibel konfigurasjon av bakgrunn og mellomrom
  • WPBakery AI genererer tekst og kode direkte i redigeringsgrensesnittet
  • Kompatibilitet med WooCommerce, WPML, Yoast SEO, Slider Revolution, Contact Form 7

Hva WPBakery er og hvordan det skiller seg fra gamle Visual Composer

Frem til 2017 het utvidelsen Visual Composer. Deretter delte utvikleren produktet: WPBakery Page Builder forble en sidebygger for WordPress, mens Visual Composer Website Builder ble et separat, frittstående produkt med et annet grensesnitt. Hvis du ser «Visual Composer-guide» i gamle artikler, snakker de om WPBakery. Grensesnittet, logikken, elementsettet, alt er det samme, bare navnet og merkevaren er endret.

WPBakery Page Builder-grensesnitt i WordPress-admin

Utvidelsen fungerer med ethvert korrekt kodet WordPress-tema. Enten det er gratis fra depotet eller en premiummal fra ThemeForest, spiller ingen rolle. WPBakery tilpasser seg temastrukturen og ødelegger ikke layouten. I praksis betyr dette at du ikke er låst til en bestemt mal: bytter du til et annet tema, forblir sidene funksjonelle.

Rett ut av esken er mer enn 50 innholdselementer tilgjengelige. I tillegg legger WooCommerce-integrasjon til ytterligere 17 elementer, og tredjepartsutvidelser hundrevis flere. Offisiell kompatibilitet med Contact Form 7, Slider Revolution, LayerSlider, WPML, Polylang og Yoast SEO dekker praktisk talt ethvert scenario.

Installere WPBakery: to veier

Vei 1: kjøpe din egen lisens

En lisens for 1 nettsted koster €69 i henhold til den offisielle prisplanen. Dette er en livstidsmodell: betal én gang, bruk på ubestemt tid. Prisen inkluderer ett års support, tilgang til malbiblioteket, WPBakery AI og automatiske oppdateringer.

WPBakery-lisenskjøpside på CodeCanyon

Du kjøper på CodeCanyon. Etter betaling går du til Nedlastinger-delen, klikker på den grønne Last ned-knappen og velger «Installable WordPress file only».

Nedlasting av WPBakery-installasjonsfil fra CodeCanyon

Last opp den nedlastede zip-filen via «Utvidelser → Legg til ny → Last opp utvidelse» i WordPress-administrasjonen.

Opplasting av WPBakery-zip-arkiv i WordPress-admin

Etter aktivering vil systemet tilby å koble til lisensen. Klikk på lenken øverst på skjermen og deretter på den store blå aktiveringsknappen.

WPBakery-lisensaktiveringsknapp i admin

Portalen til WPBakery åpnes for å bekrefte kjøpet via Envato-kontoen din. Klikk på den grønne Godkjenn-knappen, så verifiserer plugin-en at e-posten faktisk er knyttet til den kjøpte lisensen.

WPBakery-lisensbekreftelse via Envato-konto

Ferdig. WPBakery er aktivert og klar til bruk. Nå vil alle side- og innleggsredigerere ha en knapp for å bytte til WPBakery-modus.

Vei 2: plugin inkludert i premiumtema

Mange premiumtemaer inkluderer WPBakery i pakken. Det er den samme plugin-en, men uten direkte tilgang til automatiske oppdateringer, oppdateringer kommer via temautvikleren.

ThemeForest-nedlastingsside med premiumtema

Installer temaet via «Utseende → Temaer → Legg til nytt → Last opp tema». Sammen med temaet følger et zip-arkiv, og inni det ligger temainstallasjonsfilen.

Innhold i Total premiumtema-zip-arkiv

Etter aktivering tilbyr temaet å installere anbefalte plugin-er, og blant dem vil WPBakery Page Builder være.

Varsel om å installere Total-temaets anbefalte utvidelser

Velg «Installer» i nedtrekksmenyen, kryss av for de nødvendige plugin-ene og klikk Bruk.

Masseinstallasjon av Total-temaets utvidelser via admin

Å aktivere lisensen via Envato er ikke nødvendig i dette tilfellet, du har ikke din egen lisenskode. Plugin-ens funksjonalitet er komplett, men du må vente på oppdateringer fra temautvikleren.

Liste over installerte utvidelser etter aktivering av Total-tema

Første oppstart og innstillinger

Etter installasjon dukker et menypunkt for «WPBakery Page Builder» opp i sidemenyen i administrasjonspanelet. Åpne innstillinger.

WPBakery Page Builder-innstillingsside i admin

Generelle innstillinger, grunnleggende valg. Her slår du av og på responsiv kolonnekollaps på mobil: tre kolonner blir til tre vertikale rader, i stedet for å klemmes sammen til uleselige striper. Her velger du også et utvalg av Google Fonts og tilbakestiller plugin-ens veiledningsturer.

Rollebehandling styrer tilgang til WPBakery-funksjoner etter brukerroller. Administrator, alt, redaktør, bare sider og innlegg, bidragsyter, ingenting. I praksis sparer dette deg for situasjoner der en kunde eller en juniormedarbeider ved et uhell endrer en rads designinnstillinger og ødelegger layouten på hele siden. Tilgangskonfigurasjon, en forsikring mot menneskelige feil.

WPBakery Role Manager med rollebasert tilgangskonfigurasjon

Produktlisens, fane for direkte lisenseiere. Hvis plugin-en fulgte med et tema, kan du hoppe over denne delen.

50+ Innebygde innholdselementer

WPBakery gir deg mer enn 50 elementer rett ut av boksen. Her er et komplett kart over hva som er tilgjengelig umiddelbart etter installasjon.

Komplett liste over WPBakery Page Builders innebygde elementer

Kategori

Elementer

Til hva

Grunnleggende

Tekstblokk, Enkeltbilde, Egendefinert overskrift, Knapp, Skillelinje

Tekst, bilder, overskrifter, knapper, skillelinjer

Media

Videospiller, Bildegalleri, Google Maps

Video, gallerier, kart

Sosialt

Facebook Liker, Tweet, Pinterest, Google+

Knapper for sosiale nettverk

Struktur

Rad, Kolonne, Tomrom

Beholdere for andre elementer

Interaktivt

Faner, Omvisning, Trekkspill, FAQ, Sideveksler

Faner, trekkspill, byttbart innhold

Widgeter

Widget-område, 8 widget-elementer

Innsetting av widget-område og bygging av ditt eget

Diagrammer

Fremdriftslinje, Kakediagram, Rundt diagram, Linjediagram

Visualisering av data og ferdigheter

Rutenett

Innleggsrutenett, Mediarutenett, Mursteinsrutenett for innlegg, Mursteinsrutenett for media

Rutenett av innlegg og mediefiler

Hvert element har to faner: generelle innstillinger (Generelt) og designalternativer (Designalternativer). Du kan angi farge, kantlinje, mellomrom, animasjon, tilpasset CSS. Dette settet er nok for de fleste typiske sider: landingsside, portefølje, bedriftsnettsted settes sammen av standardelementer uten et eneste tillegg. Spesifikke scenarioer som dynamiske tabeller eller tilpassede rutenett dekkes av utvidelser, mer om dem senere.

Utvidelser: innebygde og tredjeparts

Grunnleggende elementer er nok for et typisk nettsted. Men når du trenger noe spesifikt, kommer utvidelser inn i bildet.

WPBakery-tredjepartsutvidelser på CodeCanyon-markedsplassen

Utvidelser via tema. Noen temaer legger til sine egne elementer. For eksempel legger Total-temaet til 39 elementer: egendefinerte innholdstyper (attester, ansatte, portefølje), gallerier, skyvefelt. Arbeid kun med Total-temaet aktivt.

WPBakery-utvidelser i Total-tema med 39 elementer

Tredjeparts utvidelsesplugins.CodeCanyon finnes hundrevis av tillegg. Ultimate Addons for WPBakery, et av flaggskipene: legger til dusinvis av elementer, fra pristabeller til avanserte knapper. Templatera (offisielt tillegg, €12), malbehandler. Easy Tables (€12), tabellbygger.

Offisiell liste over kompatible tillegg, i Addons-delen på WPBakerys nettsted.

I praksis bør du ikke aktivere alle utvidelser samtidig. Hvert tillegg henter inn sin egen kode. To eller tre utvidelsesplugins skaper allerede funksjonsoverlapp og senker hastigheten på nettstedet. Velg én som dekker oppgavene dine, og jobb med den.

Backend-redigering vs frontend-redigering

WPBakery tilbyr to sidebyggingsmoduser. Du kan bytte mellom dem på sparket, med én knapp i topplinjen. Ingen eksport-import, ingen tap av data, bare to forskjellige visninger av det samme innholdet.

WPBakery-backend-redigering med modulær elementvisning

Backend-redigering viser elementer som rektangulære blokker med etiketter. Raskere på svak hosting: ingen forhåndsvisning. Praktisk for å bygge en skisse: sleng ut rader, kolonner, plassholdere, og finpuss det visuelle senere.

Legg til element-knapp i WPBakery-backend-redigering

Klikk på den turkise «+ Legg til element»-knappen og velg ønsket element fra popup-vinduet.

Vindu for valg av innholdselement i WPBakery-backend-redigering

Elementer settes inn etter hverandre, rekkefølgen endres ved å dra.

Dra elementer i WPBakery-backend-redigering

Frontend-redigering, full visuell modus. Siden ser ut slik den gjør for besøkende: ekte bildestørrelser og nøyaktige knappefarger.

Knapper for å bytte til WPBakery-frontend-redigering

I topplinjen finner du forhåndsvisning for desktop, nettbrett og mobil. Med ett klikk ser du hvordan siden ser ut på hver enhet.

WPBakery-frontend-redigering med forhåndsvisning på mobilenhet

I praksis kombineres begge modusene: sideskjelettet bygges i backend, visuell finpuss gjøres i frontend. Denne tilnærmingen sparer tid: å dra rader og kolonner i backend skjer umiddelbart, uten å vente på rendering, og endelig konfigurasjon av skrift og farger i frontend eliminerer overraskelser ved publisering.

Arbeid med rader, kolonner og elementer

Rader

Rad, den grunnleggende layout-enheten i WPBakery. Uten en rad kan du ikke sette inn noe element. Ved hover vises blå kontrollikoner.

Radkontrollikoner i WPBakery Page Builder
  • Radikon, dra for å endre plassering på siden
  • Blyant, radinnstillinger: ID for lokal skrolling, strekk til full bredde, fullskjermhøyde, bakgrunn (farge, bilde, video, parallakse), animasjon, typografi, mellomrom
  • Kolonner, velg antall (opptil 6 standard, kan angi egendefinert)
  • Pluss, legg til ny rad under
  • Dupliser, kloner rad med alt innhold
  • Søppel, sletter hele raden

Kolonner

Gule ikoner styrer kolonner inne i en rad.

Kolonne-kontrollikoner i WPBakery Page Builder
  • Blyant for kolonne, synlighet på mobil, animasjon, minimumshøyde, bakgrunn, mellomrom, responsive innstillinger (bredde, mellomrom, skjuling per enhet)
  • Pluss inne i kolonne, legger til element øverst i kolonnen
  • Søppel, sletter kolonne med innhold. Etter sletting beregnes ikke gjenværende kolonnebredder automatisk på nytt, sjekk og korriger manuelt.

Sideelementer

Elementer plasseres inne i kolonner. Når du holder musepekeren over et innsatt element, vises oransje ikoner.

Elementkontrollikoner i WPBakery Page Builder
  • Blyant, åpner elementinnstillinger
  • Dupliser, kloner element med alle parametere
  • Søppel, sletter kun dette elementet

Designalternativer: bakgrunn, rammer, mellomrom

Fanen Designalternativer finnes for hvert element, rad og kolonne. Dette er hjertet i WPBakery sin visuelle tilpasning.

Generelle innstillinger for meldingsbokselement i WPBakery

Generelt-fanen, unike innstillinger for det spesifikke elementet. For meldingsboks: stil, form, farge, ikon, tekst, animasjon. For knapp: tekst, URL, stil, form, farge, størrelse, justering, ikon. Settet med alternativer varierer fra element til element.

Tannhjulikonet øverst til høyre lagrer innstillinger som en forhåndsinnstilling for gjenbruk eller som standardverdier.

Designalternativer-fane med bakgrunn, kantlinje og avstandsinnstillinger

Designalternativer-fanen, universelle utseendeinnstillinger:

  • Bakgrunn: farge eller bilde
  • Kantlinje: stil, farge, tykkelse, avrunding
  • Mellomrom: margin (ytre) og padding (indre)
  • Forenkle kontroller slår sammen fire felt (topp/høyre/bunn/venstre) til ett universelt

Nyanse: bakgrunnen begrenses av kantlinjen. Øk padding, utvid synlig bakgrunn. Øk margin, legg til tomrom rundt der rad- eller sidebakgrunnen blir synlig. I praksis gir dette fin kontroll: et hvitt kort på en grå sidebakgrunn lages ved å legge til bakgrunn på elementet pluss padding 30px, og mellomrom mellom kort, margin-bottom 20px på det øverste.

For noen elementer (for eksempel Innleggsgrid) finnes det flere faner: Datainnstillinger og Elementdesign. Datainnstillinger angir datakilden (hvilken innleggstype, hvor mange, sortering, kategorifilter), og Elementdesign konfigurerer utseendet til hvert kort i gridet: om utvalgt bilde, utdrag, dato, forfatter skal vises. Temautvidelser (som Total Staff Grid) legger til enda flere alternativer: spørreparametere, tilpasset bildebeskjæring, metafelter, sosiale nettverk, utdrag. Dette er spesielt verdifullt for egendefinerte innleggstyper: du setter sammen en «Vårt team»- eller «Portefølje»-side visuelt, uten en eneste linje med PHP.

Kompatible utvidelser

WPBakery fungerer sammen med dusinvis av utvidelser. Her er de viktigste.

WooCommerce- og WPBakery-integrasjon med 17 nye elementer

WooCommerce, standarden for nettbutikker på WordPress. Aktiver WooCommerce, så får WPBakery 17 nye elementer for produktsider, handlekurv, kasse. Gratis. WooCommerce-elementer bygges inn via standardgrensesnittet for å legge til, ingen ekstra innstillinger kreves, bare installer begge utvidelsene så fungerer det.

Slider Revolution, premium-slider med dra-og-slipp inne i lysbildet. Tekst, knapper, video, animasjoner. Ideell for hjemmesiden. WPBakery legger til et spesielt «Slider Revolution»-element i det generelle panelet, slideren settes inn med ett klikk.

LayerSlider, Slider Revolution-konkurrent med sin egen overgangsbygger. Også premium, også vennlig med WPBakery rett ut av boksen. Valget mellom dem koker ned til grensesnittpreferanse: Slider Revolution tilbyr flere ferdige maler, LayerSlider en mer fleksibel animasjonsbygger.

Contact Form 7, gratis skjemabygger. WPBakery legger til et spesielt element for å sette inn et skjema på hvilken som helst side.

LayerSlider og Slider Revolution i integrasjon med WPBakery

Yoast SEO, den viktigste SEO-utvidelsen for WordPress. Full kompatibilitet: WPBakery-sider indekseres uten problemer.

Ytterligere kompatible utvidelser for WPBakery i WordPress-katalogen

WPML, premium-oversettelse for flerspråklige nettsteder. Oversetter hvert WPBakery-sideelement separat.

Yoast SEO og Polylang i samspill med WPBakery Page Builder

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

Utvidelsesside med WPBakery-kompatible utvidelser i WordPress

Den komplette listen over kompatible utvidelser oppdateres jevnlig i den offisielle WordPress-katalogen.

WPBakery AI og nye funksjoner 2024-2026

Siden 2024 har WPBakery aktivt integrert AI-verktøy. AI-assistenten genererer tekst og kode direkte i redigeringsgrensesnittet: du angir en spesifikasjon på naturlig språk, og får ferdig innhold. Sparer timer med tekstskriving for typiske sider. Fungerer inne i det velkjente redigeringsvinduet, uten behov for å bytte mellom faner eller kopiere tekst fra eksterne tjenester.

SEO Toolkit, innebygd optimaliseringspakke: kontroll over overskrifter, metabeskrivelser, Open Graph-tagger. Fungerer inne i WPBakery, uten ekstra utvidelser. Sjekker lesbarhet, nøkkelordtetthet og metatag-lengde direkte på redigeringssiden.

Grid Builder (oppdatert i 2024), bygger for innlegg- og mediegrid med over 40 forhåndsdefinerte stiler. Du setter sammen innleggskort, portefølje, egendefinerte innleggstyper visuelt, uten kode. Konfigurasjon av kolonner, mellomrom, typografi og kortanimasjon, alt via dra-og-slipp-grensesnitt.

Malbiblioteket fylles kontinuerlig med nye oppsett. Per juni 2026 er mer enn 80 ferdige side- og seksjonsmaler tilgjengelige, fra landingssider til porteføljer. Hver mal kan importeres med et par klikk og tilpasses dine farger og skrifttyper.

WPBakery-priser i 2026

Alle WPBakery-lisenser er livstidslisenser. Betal én gang, bruk på ubestemt tid. Prisen inkluderer ett år med Support Plus (support, automatiske oppdateringer, malbibliotek, AI).

Plan

Pris

Nettsteder

Regular

€69

1

5 Sites

€256

opptil 5

10 Sites

€499

opptil 10

Theme Integration

€69

for tema

Support Plus fornyes for €22,99 per år. Lojalitetsprogrammet gir 5% rabatt for hvert år med automatisk fornyelse, med en grense på 50%. Ifølge den offisielle prisplanen får Support Plus-abonnenter i tillegg Templatera og Easy Tables gratis (hver utvidelse koster €12).

Det finnes et Agency Program for bulklisenser (fra 20 nettsteder). En gratis demo-sandkasse er tilgjengelig på WPBakery-nettstedet, du kan teste uten registrering. 15 dagers pengene-tilbake-garanti ved direktekjøp. For dem som bygger nettsteder på oppdrag, betaler en Regular-lisens for hvert prosjekt seg med første kunde og krever ikke årlige fornyelser, dette er en viktig fordel sammenlignet med abonnementskonkurrenter.

Video: WPBakery fra bunnen av på 20 minutter

Offisiell WPBakery-videoveiledning for nybegynnere: installasjon, grensesnitt, grunnleggende elementer på 18 minutter. På engelsk, men grensesnittet er intuitivt forståelig.

⁉️🤔 Ofte stilte spørsmål

Er WPBakery Visual Composer eller ikke?

Frem til 2017 het WPBakery Visual Composer. Så delte utvikleren merkevaren: WPBakery Page Builder forble en sidebygger for WordPress, og Visual Composer Website Builder ble et separat produkt. Hvis en gammel artikkel skriver «Visual Composer-guide», snakker de om WPBakery. Fra et praktisk ståsted er det ingen forskjell: grensesnitt, arbeidslogikk, elementsett, alt er det samme. Bare navnet og merkevaren endret seg.

Kan du bruke WPBakery med et hvilket som helst tema?

WPBakery fungerer med et hvilket som helst korrekt kodet WordPress-tema. Utvidelsen tilpasser seg temastrukturen.

Men utseendet på sidene avhenger av temastiler: farger, fonter, bredde på innholdsområdet arves fra det aktive temaet. I praksis er best kompatibilitet med temaer som eksplisitt erklærer WPBakery-støtte: Total, Jupiter, The7, Bridge. På slike temaer får du ekstra elementer og forhåndsdefinerte layouter.

Hvordan skiller WPBakery seg fra Elementor?

Begge er visuelle sidebyggere. Viktige forskjeller: WPBakery tilbyr en backend-editor (modulær visning), det har ikke Elementor. WPBakery selges med livstidslisens fra €69, Elementor Pro, med årsabonnement (fra $59/år for 1 nettsted ifølge elementor.com). WPBakery har bredere kompatibilitet med temaer og utvidelser på grunn av alder (på markedet siden 2011). Elementor har et mer moderne grensesnitt og flere gratis elementer.

Valget koker ned til prioriteringer: trenger du livstidslisens og backend-editor, velg WPBakery. Trenger du et mer moderne grensesnitt og jevnlige oppdateringer via abonnement, velg Elementor.

Trenger du å kunne kode for å jobbe med WPBakery?

Nei. Grunnleggende sider settes sammen helt visuelt, dra-og-slipp. Men for finjustering (egen CSS, egendefinerte spørringer i Post Grid), vil grunnleggende kunnskap være nyttig. Fanen Custom CSS finnes for hvert element, rad og kolonne.

I praksis løses de fleste oppgaver uten en eneste linje kode. Egendefinerte stiler og spesifikke rutenett krever grunnleggende CSS, men det er mer unntaket enn regelen.

Hva med nettstedytelse på WPBakery?

WPBakery genererer HTML-kode som lagres i databasen som sideinnhold. Etter publisering deltar ikke utvidelsen i visningen, det er ingen renderings-overhead. Men selve layouten kan være overflødig: nestede wrappere, innebygde stiler.

Optimalisering: cache sider gjennom WP Rocket eller hosting-cache, minimer antall aktiverte utvidelser, komprimer bilder. I praksis laster et riktig konfigurert WPBakery-nettsted på 1,5-2 sekunder på god hosting.

Hvordan oppdaterer du WPBakery etter at året med support utløper?

Lisensen er livstids, oppdateringer er alltid tilgjengelige. Men automatiske oppdateringer fungerer bare med aktiv Support Plus. Uten det, last ned den nye versjonen fra CodeCanyon-kontoen din manuelt og last opp via FTP eller «Utvidelser → Legg til ny → Last opp utvidelse.»

Mange kjøper en Regular-lisens, konfigurerer nettstedet og oppdaterer ikke utvidelsen på årevis. Dette fungerer, men det er risikabelt: gamle versjoner kan ha sårbarheter. Vi anbefaler å fornye Support Plus minst annethvert år.

Hva du bør installere i 2026: endelig oppsummering

WPBakery, det riktige valget når du trenger en pålitelig, forutsigbar sidebygger uten årlige betalinger. En livstidslisens fra €69 betaler seg på det aller første prosjektet.

Skaff deg WPBakery hvis: du budsjetterer med et engangskjøp, ikke et abonnement; du bygger et nettsted på et premiumtema med en medfølgende versjon; du trenger en backend-editor for rask skjelettbygging; du jobber med WooCommerce og flerspråklighet.

Se mot alternativer hvis: du trenger et maksimalt moderne grensesnitt «ut av esken»; volumet av gratis elementer uten ekstra betaling er kritisk; du foretrekker en abonnementsmodell med konstante oppdateringer.

Prøv den gratis demo-sandkassen på wpbakery.com. På 20 minutter bygger du en testside og forstår om dette er ditt verktøy eller ikke. En 15-dagers pengene-tilbake-garanti ved direktekjøp gir ekstra rom for testing uten økonomisk risiko. Hvis du allerede jobber med WPBakery, skriv i kommentarfeltet hvilke utvidelser du bruker, reelle caser er alltid mer nyttige enn andres vurderinger.