Byttet WordPress-tema, og alle de flotte knappene, fanene og kolonnene som fulgte med, forsvant. Høres det kjent ut? Innebygde tema-shortcodes er knyttet til functions.php, og når du bytter tema, mister du absolutt alt du har bygget opp over måneder. En smidig migrering er bare mulig hvis du flytter tilpassede elementer over i plugins på forhånd.

Men hvorfor bry seg med shortcodes i det hele tatt når sidebyggere finnes? Svaret er enklere enn det virker: hvis nettstedets design fungerer for deg og temaet fullt ut dekker layoutbehovene dine, er det unødvendig å dra inn en full sidebygger med sine megabyte av CSS og JS bare for et par knapper og trekkspillmenyer. Shortcodes løser problemet kirurgisk: sett inn en knapp i et innlegg, legg til et varsel på tjenestesiden, bygg kolonner for en landingsside, og ingenting ekstra lastes inn.

Vi har samlet 13 fungerende verktøy, fra lette shortcode-plugins til fullverdige visuelle byggere, slik at du kan velge nøyaktig det du trenger for en spesifikk oppgave. Hver plugin er testet: i live, oppdatert, fungerer med gjeldende WordPress 6.4+.

💡 Rask oversikt:

• Finn ut hvilke shortcode-plugins som faktisk fungerer i 2026 og ikke kommer i konflikt med Gutenberg
• Få shortcodes for knapper, faner, trekkspillmenyer, varsler, gallerier, kolonner og tilpassede HTML/CSS/JS-innsettinger
• Sammenlign visuelle sidebyggere, fra lette (Live Composer, SiteOrigin) til profesjonelle (Elementor, Breakdance)
• Velg et verktøy for oppgaven din: kirurgiske shortcodes eller full dra-og-slipp

Shortcode-plugins: kirurgiske verktøy for jobben

Shortcodes er gode nettopp fordi de ikke drar med seg et økosystem. Én plugin, og en knapp dukker opp i redigeringsprogrammet ditt for å sette inn faner, varsler, knapper og kolonner. Ingen overhead, ingen konflikter med temaet. Her er hva som faktisk fungerer i 2026.

1. Shortcodes Ultimate

Den mest populære gratis shortcode-pluginen i WordPress-repositoriet, 400 000+ aktive installasjoner og 50+ klare elementer. Faner, trekkspillmenyer, knapper, gallerier, slider, karuseller, lightboxer, kolonner, ikonblokker, Google Maps, adaptive tabeller, alt satt inn via en knapp i den klassiske editoren eller gjennom en innebygd Gutenberg-blokk.

Pluginen er fullt kompatibel med blokk-editoren: hver shortcode har sin egen blokk, så du slipper å huske syntaks. Innebygd CSS-editor lar deg overstyre stiler for temaet, og RTL-støtte sparer deg for bry på flerspråklige prosjekter. Grunnversjonen er gratis, Pro-tillegg ($39/år) legger til Extra Shortcodes (tidslinje, pristabell, bildekarusell) og fjerner krediteringer.

Fordeler: enorm brukerbase, aktiv support, Gutenberg-blokker, CSS-editor. Ulemper: noen standardstiler krever justering for tilpassede temaer, Pro-funksjoner kun via abonnement.

🔗 Shortcodes Ultimate på WordPress.org

2. Shortcoder

Shortcoder løser en fundamentalt annerledes oppgave: den tilbyr ikke ferdige knapper og faner, men lar deg lage dine egne shortcodes med hvilken som helst HTML, CSS og JavaScript. Pakk inn Google AdSense-kode i en shortcode, og sett den inn hvor som helst med én tag. Skrev en tilpasset blokk med parametere, send dem gjennom shortcode-attributter.

Ideell for dem som trenger å kirurgisk bygge inn tredjepartskode uten å redigere temamaler. Støtter lasting av CSS/JS-filer til mediebiblioteket, lenker til eksterne CDN-skript og oppretting av HTML-snutter med plassholdere som erstattes av attributtverdier ved innsetting. Gratis, 60 000+ aktive installasjoner.

Fordeler: ubegrenset tilpasning, parameteriserte shortcodes, fungerer med eksterne skript. Ulemper: krever grunnleggende HTML/CSS/JS-kunnskap, ikke for «bygg en knapp med et par klikk».

🔗 Shortcoder på WordPress.org

3. Meks Flexible Shortcodes

Lett og behagelig plugin fra Meks-teamet, skaperne av populære temaer for utgivere og blogger. Bare 12+ shortcodes, men hver enkelt er finslipt: varsler med tilpassbar farge, fremdriftsindikatorer, knapper i tre størrelser, skillelinjer, kolonner og uthevingsblokker. Ikke noe innstillingshelvete, klikket på en knapp i visuell editor, valgte en shortcode fra nedtrekksmenyen, fylte inn 2-3 parametere og satte den inn.

Pluginen er spesielt utformet slik at stiler kommer minimalt i konflikt med temaet: bruker en nøytral fargepalett og font-arv. Gratis, uten Pro-versjoner og mersalg. 20 000+ aktive installasjoner.

Fordeler: enkelhet på grensen til «installer og glem», stiler lever i harmoni med temaet, null mersalg. Ulemper: få elementer, kun grunnleggende, ingen slider, gallerier, faner.

🔗 Meks Flexible Shortcodes på WordPress.org

4. Events Shortcodes for The Events Calendar

Høyt spesialisert plugin for nettsteder som bruker The Events Calendar (800 000+ installasjoner). Grunnkalenderpluginen viser hendelser gjennom sine maler, men hva om du trenger å sette inn en liste over kommende hendelser i en sidestolpe eller på en egendefinert side? Events Shortcodes legger til kortkoder for å vise hendelser som en liste, minimalistisk liste eller tidslinje.

Pro-versjon ($49/år) legger til visning etter sted, hendelsesglidere, kalendernett og filtrering etter kategorier. For konferansenettsteder, teatre og utdanningsplattformer er dette et must.

Fordeler: lukker et kritisk gap i The Events Calendar, tre visningsmoduser. Ulemper: krever aktiv The Events Calendar, Pro til $49/år.

🔗 Events Shortcodes på WordPress.org

Sidebyggere: når kortkoder ikke strekker til

Kortkoder er gode for kirurgiske redigeringer. Men hvis du trenger å bygge en landingsside fra bunnen av, sette sammen en tilpasset hjemmeside eller bygge om en innleggsmal, kommer visuelle byggere inn i bildet. Her er det som er relevant i 2026.

5. Elementor

Den mest populære sidebyggeren i WordPress-økosystemet, 16+ millioner aktive installasjoner. Dra-og-slipp-grensesnitt med live forhåndsvisning, 100+ widgeter i gratisversjonen og 300+ i Pro ($59/år for ett nettsted). Containersystem basert på Flexbox, egendefinerte brytepunkter for responsivt design, nestede faner og trekkspill, dynamisk innhold fra ACF og egendefinerte felt.

Elementor har for lengst beveget seg forbi «sidebygger»: det er en full plattform med temabygger, popups, WooCommerce-sider og sløyfebygger for arkiver. Pro-lisensen inkluderer 100+ ferdige sett for umiddelbar oppstart. For kundenettsteder og byråarbeid, bransjestandard.

Fordeler: største fellesskap, massevis av ferdige maler, dyp WooCommerce-integrasjon. Ulemper: genererer mange DOM-elementer, kan bli tregt på svak hosting, utgang fra økosystemet er smertefull.

🔗 Elementor på WordPress.org

6. WPBakery Page Builder

Tidligere Visual Composer, en av de eldste og mest utbredte byggerne (inkludert i tusenvis av premiumtemaer på ThemeForest). Backend-redigerer med dra-og-slipp-moduler og frontend-lightbox for finjustering. Bygget på jQuery UI og Bootstrap, inkluderer 50+ innholdsmoduler og «blokker», tilsvarende kortkoder for Google Maps, sosiale ikoner, trekkspill, faner og knapper.

Lisens, $59 (engangsbetaling) for ett nettsted med livstidsoppdateringer. For temaer der WPBakery følger med, er den gratis. Blant ulempene etterlater den mange kortkoder i innleggsteksten ved deaktivering (klassisk «låst innhold»-problem).

Fordeler: enorm temabase med bunting, engangsbetaling, moden kodebase. Ulemper: tungt backend-grensesnitt, låst innhold ved bytte av bygger, tregere enn konkurrenter.

🔗 WPBakery Page Builder

7. Beaver Builder

Valg for byråer og frilansere som setter pris på stabilitet og ren kode. Beaver Builder etterlater ikke noe shortcode-rot ved deaktivering, innholdet forblir lesbart i WordPress-editoren. Frontend dra-og-slipp med live forhåndsvisning, 30+ moduler for tekst, bilder, bildekaruseller, skjemaer, ikonbokser, kart og pristabeller.

Gratis Lite-versjon på WordPress.org gir et grunnleggende modulsett. Premium fra $99/år (ubegrenset antall nettsteder) inkluderer Beaver Themer for å bygge innleggsmaler, arkiver, topp- og bunntekster, en direkte konkurrent til Elementor Pro i segmentet for fullside-redigering. 500 000+ totale installasjoner.

Fordeler: ryddig utgang uten «låst innhold», ubegrenset antall nettsteder i premium, Beaver Themer. Ulemper: færre moduler enn Elementor, dyrere for ett nettsted.

🔗 Beaver Builder på WordPress.org

8. Divi Builder (Elegant Themes)

Divi er en visuell bygger + tema i én pakke fra Elegant Themes. Fungerer både på Divi-temaet og på ethvert tredjepartstema via Divi Builder Plugin. Visuell editor med inline tekstredigering (klikk på overskriften og skriv), 200+ ferdige oppsett, splitttesting, egendefinerte CSS-filtre, gradientmotor og rollesystem.

Lisens $89/år for ubegrenset antall nettsteder + tilgang til alle Elegant Themes-temaer. Hovedfunksjonen, Divi Cloud for lagring av oppsett og synkronisering mellom prosjekter. For en frilanser med et dusin kundenettsteder, økonomisk svært gunstig.

Fordeler: ubegrenset antall nettsteder i abonnementet, 200+ ferdige oppsett, inline redigering. Ulemper: tungt backend med mange lagrede oppsett, utgang fra økosystemet som Elementor.

🔗 Divi Builder

9. SiteOrigin Page Builder

Den originale gratis sidebyggeren, 500 000+ installasjoner. I motsetning til Elementor og WPBakery, finner ikke SiteOrigin opp sine egne widgeter, men bruker standard WordPress-widgeter i et responsivt rutenett med flere kolonner. Dette betyr at alle installerte widgeter (fra alle plugins) umiddelbart er tilgjengelige for å dras inn i oppsettet.

Redigering, backend, med endringshistorikk (tilbakerulling til ethvert trinn) og forhåndsvisning ved klikk. Tilleggspakken SiteOrigin Widgets Bundle legger til 25+ egendefinerte widgeter (galleri, bildekarusell, Google Map, pristabell, kundeuttalelser). Helt gratis, ideelt for de som ønsker å holde seg i WordPress-økosystemet uten leverandørlåsing.

Fordeler: gratis, bruker standard widgeter, ryddig deaktivering uten shortcode-rot. Ulemper: backend-editor uten live forhåndsvisning, færre ferdige oppsett.

🔗 SiteOrigin Page Builder på WordPress.org

10. Brizy

Brizy, «dark horse» blant byggere: fokus på UX for ikke-tekniske brukere. Grensesnitt med minimalistisk venstrepanel og kontekstuelle kontroller rett på lerretet, dratt i bildehjørnet og strukket, klikket på teksten og redigert. 40+ elementer (knapper, skjemaer, bildekaruseller, tidtakere), globale farger og typografi, egendefinerte brytningspunkter.

Gratisversjon på WordPress.org med grunnleggende elementer. Pro ($49/år for 1 nettsted, $99/år for 100 nettsteder) legger til popups, dynamisk innhold, markedsføringsintegrasjoner og topp-/bunntekstbygger med visningsbetingelser. Skyplattformen Brizy Cloud ($16/måned) lar deg bygge landingssider helt uten WordPress.

Fordeler: fremragende brukeropplevelse, rask prototyping, rimelig Pro for byråer ($99 for 100 nettsteder). Ulemper: færre ferdige maler enn Elementor/Divi, ung brukergruppe.

🔗 Brizy på WordPress.org

11. Breakdance

Ny aktør på byggermarkedet (lansert i 2023), men allerede med imponerende grunnlag: 140+ elementer, betinget visning, dynamisk innhold, popup-bygger, skjemaer, temaer, topp-/bunntekstbygger, megameny og WooCommerce-bygger, alt inkludert ut av esken, ingen ekstra kostnader for moduler.

Grensesnitt, delt modus: lerret med live forhåndsvisning og høyre innstillingspanel. Innebygd ytelsesanalysator viser hvor mange DOM-elementer siden genererer. $149,99/år for ubegrenset antall nettsteder, et av de beste forholdene mellom pris og funksjoner på markedet.

Fordeler: 140+ elementer uten ekstra kostnader, innebygd ytelsesanalysator, WooCommerce ut av esken. Ulemper: ungt produkt, færre læringsressurser enn Elementor.

🔗 Breakdance

12. Live Composer

Gratis bygger med åpen kildekode og frontend-redigering. I motsetning til de fleste konkurrenter som jobber i backend eller gjennom et separat grensesnitt, lar Live Composer deg redigere siden akkurat der besøkende ser den, i frontend.

Modulært panel nederst på skjermen: dra moduler (tekst, blogginnlegg, gallerier, attester, kart, knapper) til lerretet og se resultatet umiddelbart. 30 000+ installasjoner, aktivt oppdatert. Bra for landingssider og raske oppsett for kampanjesider.

Fordeler: gratis åpen kildekode, live frontend-redigering, lettvekter. Ulemper: færre elementer enn kommersielle byggere, ingen temabygger.

🔗 Live Composer på WordPress.org

13. Themify Builder

Bygger fra det kanadiske studioet Themify med redigeringsmodus for både backend og frontend. Kan bygge sider med mus i admin eller bytte til live forhåndsvisning og finjustere visuelt. 40+ moduler, inkludert slider, galleri, kart, WooCommerce-produkter, skjemaer, ikonpanel og pristabell.

Hvis du bruker et Themify-tema, er byggeren innebygd gratis med Themify Framework. For tredjepartstemaer finnes en separat Themify Builder-plugin. Det finnes tillegg for ekstra funksjoner (tidslinje, pristabell, kontaktskjema, A/B-testing), men grunnlaget er raust.

Fordeler: to redigeringsmoduser (backend + frontend), rik modulbase. Ulemper: noen tillegg er betalte, knyttet til Themify-økosystemet.

🔗 Themify Builder

⁉️🤔 Ofte stilte spørsmål

Kan jeg bruke shortkoder sammen med Gutenberg?

Ja, og det er akkurat slik de fleste brukere gjør det i 2026. Gutenberg har en standard «Shortcode»-blokk, sett inn en hvilken som helst shortkode fra en plugin i innleggsteksten. Mange shortkode-plugins (Shortcodes Ultimate, Shortcoder) registrerer også sine egne Gutenberg-blokker for hvert element, knapper, faner og trekkspill legges til som vanlige blokker, uten manuell inntasting av hakeparenteser. Det er ingen konflikter mellom shortkoder og blokkredigeringsprogrammet: dette er to parallelle lag som sameksisterer korrekt i innhold. Gutenberg har siden 2024 vært standardredigeringsprogrammet i alle nye WordPress-installasjoner (versjon 6.4+). Alle shortkode-plugins som er oppført i gjennomgangen er testet for kompatibilitet spesifikt med dette.

Shortkoder eller builder, hva bør jeg velge for en kundeside?

Avgjørelsen tas ut fra ett kriterium: hvor mange unike sidelayouter trenger kunden. Hvis det er en blogg med standard layout og et par tilpassede elementer (knapp, skjema, varsel), vil shortkoder være mer enn nok, og siden forblir rask. For kunder som skal fylle siden selv, er inngangsterskelen også viktig: Elementor er intuitivt forståelig for en ikke-teknisk bruker, så, klikket, redigerte. Shortkoder med backend-grensesnitt (Shortcodes Ultimate) er også enkle, men krever at man husker hvor hvilken knapp er. Hvis kunden planlegger å jevnlig endre sidestruktur, vil en visuell builder spare deg for mange timer med support.

Hva skjer med innholdet hvis jeg fjerner builderen?

Klassisk WordPress-smerte: deaktiverte builderen, og i stedet for innhold så man et virvar av shortkoder i hakeparenteser. Ikke alle buildere oppfører seg likt. Beaver Builder og SiteOrigin etterlater innholdet lesbart, dataene deres lagres i post_content som HTML-kommentarer, og etter deaktivering viser WordPress ren tekst. Elementor og Divi genererer «låst innhold»: uten aktiv plugin ser du bare shortkoder og JSON-markering. Hvis du planlegger å noen gang bytte builder, velg enten SiteOrigin/Beaver Builder, eller vær forberedt på manuell innholdsmigrering via eksport/import.

Hvordan sjekker jeg om builderen bremser ned siden?

Åpne en hvilken som helst side bygget med builderen i Google PageSpeed Insights eller GTmetrix. Se på DOM-størrelsen, hvis builderen genererer mer enn 1500 DOM-elementer per side, er det en grunn til å tenke seg om. Til sammenligning: en SiteOrigin-side med tre kolonner og fem widgeter havner vanligvis på 800-1000 DOM-elementer, mens en kompleks Elementor-layout med animasjoner og lagoverlegg kan produsere 2500+. Breakdance har en innebygd DOM-teller rett i redigeringsprogrammet. En ekstra indikator er antall HTTP-forespørsler: buildere som Elementor og Divi laster felles CSS/JS-filer på hver side, selv om spesifikke widgeter ikke er i bruk.

Hvilken builder er lettest for mindre nettsteder?

Live Composer og SiteOrigin, to open source-buildere med minimalt fotavtrykk. Live Composer laster bare det som brukes på siden (on-demand asset loading), og SiteOrigin baserer seg på standard WordPress-widgeter uten sitt eget tunge JS-rammeverk. For en visittkortside eller en liten blogg der builderen trengs til 2-3 sider, er dette et optimalt valg uten ekstra bagasje. Hvis budsjettet tillater det, gir Brizy ($49/år) en visuell brukeropplevelse på Elementor-nivå med betydelig mindre fotavtrykk, JavaScript-pakken deres er 2-2,5 ganger lettere enn Elementors.

Hvilket verktøy du bør velge for oppgaven din

Det finnes ikke noe universelt «installer X og ikke tenk mer»-svar her, shortkoder og buildere løser for forskjellige oppgaver. I stedet får du her en beslutningsmatrise for tre typiske scenarioer:

«Jeg har allerede et godt tema, trenger bare å legge til knapper og varsler i innlegg.» → Shortcodes Ultimate. 400 000+ brukere tar ikke feil. Gratis, 50+ elementer, Gutenberg-blokker.

«Jeg er frilanser, administrerer 15 kundesider, trenger en builder for raskt å bygge landingssider.» → Divi eller Breakdance. Divi: $89/år for ubegrensede nettsteder + 200+ ferdige layouter (rask start). Breakdance: $149,99/år, 140+ elementer uten ekstra kostnader (maksimalt med funksjoner per krone).

«Trenger å bygge én landingsside og glemme det, ønsker ikke å multiplisere abonnementer.» → Beaver Builder Lite (gratis) eller SiteOrigin (gratis). Begge etterlater rent innhold ved deaktivering, installert, bygget side, fjernet.

«WooCommerce-side, trenger å tilpasse produktkort og handlekurv.» → Elementor Pro ($59/år), dyp WooCommerce-integrasjon med builder for produktsider, handlekurv og kasse. Som et alternativ, Breakdance ($149,99/år) med WooCommerce-moduler rett ut av esken.

«Jeg har en nettbutikk, ønsker å legge til kirurgiske WooCommerce-shortkoder uten builder.» → Innebygde WooCommerce-shortkoder (gratis i plugin-kjernen), 20+ funksjoner for butikkfront, handlekurv, ordrestatuser og autentisering. Dokumentasjon på woocommerce.com.

Enkel regel: hvis oppgaven løses med én shortkode, ikke dra inn en builder. Hvis du trenger fem forskjellige shortkoder på hver side, vil en builder spare deg for tid, selv om den virker «tung».