Elementor eller Gutenberg 2026

Bygger du en ny sajt i dag behöver du ingen sidbyggare. Blockredigeraren och Site Editor i WordPress 7.1 klarar header, sidfot, mallar och sidinnehåll utan extra plugin, och sidorna blir lättare och enklare att förvalta. Elementor är rätt val i ett fall: när den som ska sköta sajten redan kan Elementor och själv tar ansvar för förvaltningen. Har du en befintlig Elementor-sajt som fungerar ska du inte byta för bytets skull.

Jag har byggt sajter med båda och förvaltar sajter med båda. De nya sajterna i mina projekt byggs med blocktema sedan ett par år. Elementor-sajterna är sådana vi tagit över från andra byråer eller från kunder som byggt själva.

Vad jag jämför på

Sju kriterier. Prestanda handlar om hur mycket CSS och JavaScript en vanlig sida laddar. Inlåsning handlar om vad som händer med innehållet den dag pluginet stängs av. Redigeringsupplevelsen bedömer jag ur en företagares perspektiv, inte en designers. WooCommerce-stöd handlar om produktsidor, varukorg och kassa. Blockteman och Site Editor handlar om hur de två alternativen förhåller sig till det WordPress självt satsar på. Pris och underhåll är de två sista.

Priserna för Elementor Pro hämtade jag från elementor.com den 12 oktober 2026. De gäller per år, anges i dollar exklusive moms, och prissidan visar samma belopp i euro.

Gutenberg och blocktema

Ingår i WordPress · 0 kr Nya sajter Till Gutenberg

Med Gutenberg menar jag blockredigeraren som funnits i WordPress sedan 5.0 och Site Editor som kom med blockteman i 5.9. Site Editor finns bara när du har ett blocktema aktivt, och ett blocktema bygger allt med block: meny, header, innehåll och sidfot. Det du tidigare gjorde i Customizer och med widgetar gör du nu i samma redigerare som sidorna.

Prestanda

Ett blocktema laddar bara stilarna för de block som finns på sidan. WordPress sätter filtret should_load_separate_core_block_assets till true för alla blockteman, och sedan 6.8 finns should_load_block_assets_on_demand som bara laddar stilar för block som renderas. En textsida med rubriker, stycken och en bild får CSS för just de blocken och ingen JavaScript från kärnan. Det temat självt lägger till avgör resten. På den här sajten är budgeten 5 KB JavaScript på en artikelsida, och den håller med ett eget blocktema.

Inlåsning

Block sparas som HTML med kommentarer i post_content. Byter du tema följer innehållet med. Tar du bort ett plugin som gav dig ett block ligger HTML-koden kvar för statiska block, medan dynamiska block renderar tomt. Mallar och malldelar du ändrat i Site Editor sparas i databasen och kan exporteras som ett tema från Site Editors verktygsmeny.

Redigering för företagare

Här har jag ändrat uppfattning. För tre år sedan tyckte jag att Elementor var enklare för kunder, i dag tycker jag tvärtom. Ett blocktema med rätt theme.json ger kunden en palett, tre fyra typsnittsstorlekar och mönster att utgå från. Det går inte att ställa in marginaler i pixlar på varje stycke, och det är poängen. Sidorna ser likadana ut efter två år. Det som kräver vana är Site Editor, och den rör företagaren sällan när header och sidfot väl sitter.

WooCommerce

WooCommerce bygger sina egna sidor med block. Blockkassan och blockvarukorgen är standard för nya butiker sedan WooCommerce 8.3, och produktsidor, kategorisidor och butikssidan har mallar du redigerar i Site Editor med WooCommerces block. Du håller dig inom ett system, och de hooks du hittar i dokumentationen gäller det du har på sidan.

Elementor

Gratisversion · Pro 60–204 $/år Till Elementor

Elementor är det största sidbyggarpluginet med över tio miljoner aktiva installationer i pluginkatalogen. Gratisversionen ger redigeraren och grundwidgets. Pro ger Theme Builder, popups, formulär och WooCommerce-mallarna. Elementor fungerar ovanpå ett blocktema, men header, sidfot och mallar bygger du då i Theme Builder i stället för i Site Editor.

Prestanda

Elementor laddar egen CSS och JavaScript utöver temats. Hur mycket beror på inställningar som Elementor själva kallar prestandafunktioner. Improved Asset Loading laddar widgetarnas skript bara när de används. När Elementor införde läget i version 3.1 skrev de att JavaScript per sida kan minska med upp till 177 KB, vilket också säger något om hur mycket som laddades innan. Inline Font Icons ritar ikoner som SVG så att ikonfonterna och deras CSS slipper laddas. Element Caching sparar renderade element, och Optimized Gutenberg Loading tar bort blockredigerarens stilar från sidor byggda i Elementor. Alla fyra finns för att det finns något att dra ifrån.

Jag har inte mätt en typisk Elementor-sida mot en typisk blocktemasida för det här inlägget, så jag ger inga egna siffror. Mät din egen sajt i stället. Öppna sidan i Chrome, kör Lighthouse från fliken med samma namn i DevTools eller på pagespeed.web.dev, och titta på punkterna om oanvänd CSS, oanvänd JavaScript och total överföring. Panelen Coverage i DevTools visar per fil hur många byte som inte används på sidan. Gör det på startsidan och en vanlig undersida, i mobilt läge, och spara siffrorna så att du kan jämföra efter en ändring.

Inlåsning

Elementor sparar layout och inställningar som JSON i ett privat metafält på inlägget, enligt deras egen utvecklardokumentation. Det är inte block och inte HTML du kan redigera i WordPress. Stänger du av pluginet får du tillbaka text och bilder, inte sektionerna, kolumnerna eller stilarna. Varje sida måste byggas om. För en sajt med tjugo sidor är det en vecka, för en med tvåhundra är det ett projekt med egen budget.

Redigering för företagare

Elementors redigerare visar sidan som den ser ut och låter dig dra widgets dit du vill. Det är därför många företagare gillar den. Baksidan är att allt går att ställa in på varje element. I de Elementor-sajter vi tagit över finns sällan en gemensam typografi, utan rubrikstorlekar satta sida för sida av tre olika personer under fem år. Det är inte Elementors fel, men det är Elementors upplägg som gör det möjligt.

WooCommerce

WooCommerce Builder i Pro ger mallar för produktsida och produktarkiv samt widgets för varukorg, kassa och mitt konto. Men Elementor skriver själva att WooCommerces varukorgs- och kassablock inte fungerar i Elementors redigerare och kan hindra den från att ladda. Det de rekommenderar är att ta bort blocket och använda Elementors widget. Du hamnar då utanför blockkassan. Elementors Checkout-widget ersätter kortkoden woocommerce_checkout, och det är WooCommerces vanliga hooks som fungerar i den enligt Elementors egen guide. Ska du anpassa kassan med kod behöver du veta vilken av de två kassorna du har, och med Elementor är svaret i praktiken den klassiska.

Pris

Gratisversionen räcker för att bygga sidor, och blocktemat är gratis eller köpt. Theme Builder, formulär och WooCommerce-widgets kräver Pro. Essential kostar 60 USD per år för en sajt. Advanced Solo kostar 84 USD för en sajt med fler widgets och popups. Advanced kostar 108 USD för tre sajter och Expert 204 USD för 25 sajter. Beloppen är exklusive moms och gällde på elementor.com den 12 oktober 2026. För en byrå med tjugo kundsajter är Expert billigt. För en företagare med en sajt är det 60 till 84 USD om året för något WordPress redan gör.

Underhåll

Elementor uppdateras ofta. Version 4.3.4 kom den 5 oktober 2026 och kräver WordPress 6.8 eller nyare, med 7.0 rekommenderat. Pro är ett separat plugin med egen uppdatering och egen licensnyckel. Till det kommer oftast två till fem tilläggsplugin för Elementor, som vart och ett ska hänga med. I mina projekt är det Elementor-sajterna som oftast hamnar i förvaltning med uppdateringsproblem: en widget som försvinner, en mall som renderas tom, en kassa som slutar fungera efter en WooCommerce-uppdatering. Blocktemasajterna har färre rörliga delar och går sönder mer sällan.

Fallgropar

Den vanligaste fallgropen med Elementor är inte prestanda utan en tredjepartsutvecklare som slutat uppdatera sitt tilläggsplugin. Sajten blir stående på en gammal Elementor-version eftersom nästa version bryter tillägget, och till slut bryter en WordPress-uppdatering alltihop.

Den vanligaste fallgropen med blockteman är att välja ett tema som egentligen är ett klassiskt tema med blockstöd. Då får du varken Site Editor eller den selektiva laddningen av stilar. Kontrollera att temat ligger under filtret Block Themes i temakatalogen, eller att det har en mapp templates med HTML-filer.

En tredje gäller båda: att bygga sidor med Elementor på ett blocktema. Det går, men då har du två system för header, sidfot och mallar, och ingen vet vilket som gäller.

Rekommendation per situation

Sköter du sajten själv och börjar från noll, välj ett blocktema. Lägg pengarna på att få theme.json och några mönster rätt från början, antingen genom ett köpt tema eller några timmar från en utvecklare. Sedan behöver du inte röra Site Editor mer än någon gång om året.

Är du byrå och bygger åt kunder är frågan vem som förvaltar. Lämnar ni över sajten till kunden är blocktema det tryggare valet, för det följer WordPress och kräver inga licenser som ska förnyas. Behåller ni förvaltningen och har ett team som kan Elementor kan ni fortsätta, men räkna in licenserna och timmarna vid uppdateringar i priset ni tar.

Har du en webbutik, välj blocktema och blockkassan. WooCommerce bygger sina nya funktioner för blocken, och Elementors kassawidget tar dig tillbaka till den klassiska kassan. Det blir en butik till som ska skrivas om om tre år.

Har du en befintlig Elementor-sajt som fungerar: byt inte. Byt när du ändå ska göra om designen, byta tema eller när förvaltningen börjar kosta mer än en ny sajt. Då bygger du nytt med blocktema och flyttar texten. Fram till dess ser du till att Elementor och Pro är uppdaterade, att tilläggspluginen är få och att prestandainställningarna är påslagna.

När du ska välja något annat

Behöver du en sidbyggare, till exempel för att en designer ska bygga landningssidor utan utvecklare, är Elementor inte det enda alternativet. Bricks, Divi och Beaver Builder gör samma jobb med olika upplägg, och den jämförelsen gör jag i ett eget inlägg. Och har du en sajt på ett klassiskt tema som fungerar bra med blockredigeraren för innehållet finns ingen anledning att byta tema bara för att blocktema är det nya.

Vanliga frågor

Kan jag använda Elementor tillsammans med ett blocktema?

Ja, Elementor går att installera på ett blocktema och bygga sidor med. Men då har du två system för header, sidfot och mallar, Site Editor och Elementors Theme Builder, och det brukar sluta med att ingen vet vilket som gäller. Välj ett av dem.

Vad händer med sidorna om jag avaktiverar Elementor?

Text och bilder ligger kvar i databasen, men layouten är sparad som JSON i ett privat metafält som bara Elementor läser. Sektioner, kolumner och stilar försvinner från den publika sidan. Varje sida behöver byggas om med block.

Är Gutenberg snabbare än Elementor?

Ett blocktema laddar bara CSS för de block som finns på sidan och ingen JavaScript från kärnan på en vanlig textsida. Elementor laddar egna filer utöver temats, och hur mycket beror på vilka prestandainställningar som är på. Mät din egen sida med Lighthouse och panelen Coverage i Chrome i stället för att lita på någons tabell.

Kostar blockredigeraren och Site Editor något?

Nej. Båda ingår i WordPress, och Site Editor följer med så fort du aktiverar ett blocktema. Det du kan betala för är ett köpt blocktema eller timmar för att få theme.json och mönster rätt.

Fungerar Elementor med WooCommerce blockkassa?

Nej. Elementor skriver själva att WooCommerces varukorgs- och kassablock inte fungerar i Elementors redigerare och kan hindra den från att ladda. De rekommenderar att ta bort blocket och använda Elementors egen widget i stället.

Källor

• Elementor, priser för Elementor Pro
• Elementor Website Builder i pluginkatalogen
• Elementor Developers, Optimized Asset Loading
• Elementor, prestandafunktioner i Elementor
• Elementor, felmeddelande när WooCommerce-blocket används
• Elementor Developers, Data Structure
• WordPress, Site Editor
• WordPress, _add_default_theme_supports()