# Skapa landningssida WordPress utan byggare: steg för steg URL: https://noonwp.com/sv/journal/skapa-landningssida-wordpress Type: blog Locale: sv Published: 2026-10-13 Updated: 2026-10-13 --- > Så bygger du en landningssida i WordPress utan sidbyggare: ett mål, en mall utan sidhuvud och sidfot, återanvändbara blockmönster, ett kort formulär och kontroller på mobil och i RTL-layout. Skapa landningssida WordPress går snabbt om du gör en sak i taget: bygg en enda sida med ett enda mål, ta bort webbplatsens sidhuvud och sidfot, och sätt ihop sidan av blockmönster i ett blocktema. Ett rent första utkast tar en eftermiddag. Det som avgör om sidan konverterar är inte verktyget du bygger med, utan vad du lämnar bort från sidan. Den här artikeln går igenom bygget i den ordning en praktiker gör det: målet, mallen, sektionerna, formuläret, hastighetsbudgeten och kontrollerna innan lansering. ## Vad skiljer en landningssida från andra sidor? En landningssida har ett enda jobb. En besökare kommer från en annons, ett mejl eller ett sökresultat, och sidan ber om exakt en handling: registrera sig, boka ett samtal, ladda ner en fil eller köpa. Allt annat är distraktion. Det gäller din huvudmeny, sidopanelen, bloggflödet och sidfoten med tjugo länkar. På en vanlig sida hjälper de läsaren att utforska. På en landningssida är de utgångar. Referensvärdet värt att känna till kommer från Unbounce, vars [konverteringsrapport](https://unbounce.com/conversion-benchmark-report/) anger en median på 6.6% för landningssidor över branscher. Använd det som en sanitetskontroll, inte som ett löfte. En sida under 2% har oftast ett problem med erbjudandet, hastigheten eller formuläret, inte med knappens färg. Skriv målet i en mening innan du öppnar redigeraren. "Besökare från mars-nyhetsbrevet bokar ett granskningssamtal på 20 minuter." Kan du inte skriva den meningen är du inte redo att bygga. ## Vilket verktyg ska du bygga med? Du har fyra ärliga alternativ, och varje passar ett annat projekt. Den inbyggda blockredigeraren med ett blocktema är det lättaste. Du får ren kod, inget extra beroende och mönster du kan återanvända på nästa kundsajt. Den kräver mer av dig när det gäller layoutbeslut. Om du väger den mot en visuell byggare ger vår [jämförelse mellan Gutenberg och Elementor](/journal/gutenberg-vs-elementor) siffrorna bakom avvägningen. En sidbyggare ger dig mer visuell kontroll och ett mallbibliotek, till priset av tyngre kod och ett insticksprogram du nu är beroende av. Divi är det långvariga exemplet, och det passar en byrå som bygger många sidor och vill ha ett enda välkänt verktygsset. En AI-webbplatsgenerator bygger upp en hel sida utifrån en prompt. 10Web gör det inne i WordPress, och utkastet den producerar är en rimlig startpunkt. Räkna med att redigera texten och städa upp strukturen efteråt. Vi går igenom var det håller i [AI för WordPress](/journal/ai-for-wordpress). En hostad landningssidetjänst ligger utanför WordPress. Webflow är ett sådant alternativ, med stark visuell kontroll och egen hosting. Det är värt kostnaden om sidan ska leva separat från din WordPress-sajt. Hoppa över den om sidan måste dela tema, analys och domänstruktur med resten av sajten. Resten av guiden använder den inbyggda redigeraren, eftersom den är alternativet som lär dig mest och kostar minst. Stegen går att överföra till vilken byggare som helst. ## Hur sätter du upp sidan och skalar bort det onödiga? Skapa sidan under Sidor och välj Lägg till ny. Ge den en enkel titel som matchar erbjudandet och en kort slug. En slug som /granskning slår /landningssida-mars-v2 varje gång. Ta sedan itu med mallen. Ett blocktema låter dig tilldela en mall per sida, och en landningssida vill ha en mall utan sidhuvud, sidfot och titelblock. Många blocktema levereras med en mall som heter Tom eller Sida utan titel. Om ditt tema inte gör det öppnar du webbplatsredigeraren, går till Mallar, lägger till en egen mall och bygger den av ett enda block för sidinnehåll. Den mallen är det mest användbara du kommer att göra i det här projektet. Namnge den Landning och återanvänd den för varje kampanjsida på sajten. ![Blyertsskiss av en layout med en kolumn, skissad i en anteckningsbok](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/64e908-wireframe.webp) Kontrollera layoutbredden i theme.json. Landningssidor läses bäst i en smal textkolumn, med breda block reserverade för hero och bevissektionen. Om ditt tema har både en innehållsbredd och en bred bredd, använd båda medvetet: kopian i den smala kolumnen, bilder och kolumner i den breda. Marginalia: mallkopplingen som beskrivs här fungerar från WordPress 6.5 och nyare. Äldre blocktema visar den i en annan meny. ## Vilka sektioner behöver sidan egentligen? Färre än de flesta mallar föreslår. En sida som ber om en handling behöver en kort följd, och varje sektion svarar på en fråga som besökaren har. Bygg dem i den här ordningen, som mönster du kan spara och återanvända: - En hero med löftet, en stödjande rad och knappen. - Bevis högt upp: ett kundcitat, ett nyckeltal eller igenkännbart kundarbete. - Erbjudandet i tre korta punkter, skrivna som resultat. - Formuläret eller den andra knappen. - Ett kort svarsblock för de två invändningar du hör oftast. Använd ett Omslag- eller Grupp-block för heron, med en rubrik, ett stycke och ett knappblock. Håll rubriken vid ett löfte som en främling kan läsa på tre sekunder. Namnge saken och namnge resultatet. Undvik finurligheter som kräver en andra läsning. Skriv knappetiketten som själva handlingen: "Boka granskningen" eller "Ladda ner checklistan". Generiska etiketter som "Skicka" kostar dig det sammanhang rubriken byggde upp. Om du arbetar med ett AI-verktyg för utkast, använd det för första versionen av texten och för varianter av rubriken, och läs sedan varje rad själv. Verktyget hittar på bevis det inte har. Låt aldrig ett genererat citat eller en genererad statistik nå sidan okontrollerad, för ett påhittat citat på en landningssida är det snabbaste sättet att förlora förtroendet. När en sektion fungerar, markera den och välj Skapa mönster i blockmenyn. Nästa kampanj sätter du ihop sidan av dina egna mönster på tio minuter i stället för att bygga om den från början. ## Hur ska formuläret byggas? WordPress kärna har inget formulärblock, så det är det enda stället där du behöver ett insticksprogram. Vilket underhållet formulärprogram som helst duger. Viktigare är formulärets utformning. Fråga bara efter det du behöver för att kunna följa upp. För ett nyhetsbrev eller en nedladdning räcker en e-postadress. För en bokning av samtal lägger du till namn och högst en kvalificerande fråga. Varje extra fält kostar dig slutförda formulär, och resten kan du fråga efter första kontakten. Placera formuläret där beslutet fattas. På en kort sida är det direkt under erbjudandet. På en längre sida upprepar du knappen efter bevissektionen och länkar tillbaka till samma formulär. Ställ sedan in det som folk glömmer: tack-tillståndet. Skicka besökaren till en kort bekräftelsesida, eller visa ett meddelande på sidan, som säger vad som händer nu och när. Lägg din analyshändelse där, så räknas konverteringen vid bekräftelsen och inte vid klicket. Testa till sist formuläret från en telefon, med en riktig adress, och bekräfta att mejlet kommer fram. En landningssida med trasigt formulär är sämre än ingen sida alls, för den bränner din annonsbudget och ger ingenting tillbaka. ## Hur snabb behöver sidan vara? Snabbare än resten av din sajt. Besökare från annonser har ingen lojalitet mot dig än, och en långsam första skärm avslutar besöket innan rubriken hunnit läsas. Googles vägledning om [Largest Contentful Paint](https://web.dev/articles/lcp) betraktar 2.5 sekunder eller mindre som bra. På en landningssida är det största elementet oftast hero-bilden eller rubrikblocket, så det är där du börjar titta. ![Mässingsur som vilar på en hög pappersark, en metafor för sidans laddningstid](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/80ee8a-speed.webp) En kort checklista, i ordning efter effekt: - Komprimera hero-bilden och servera den i WebP, i den bredd den visas i. - Lazy-ladda inte den första bilden på sidan. Kärnan undviker det för bilden som förväntas ovanför vikningen, men kontrollera det i den renderade HTML:en, särskilt om ett Omslag-block ingår. - Self-hosta ett eller två typsnitt och ta bort oanvända vikter. Ett variabelt typsnitt ersätter flera filer med en. - Ladda skript bara där de behövs. Ett formulärprogram som laddas på varje sida bör begränsas till sidan som innehåller formuläret. - Undvik bildspel, automatiskt spelad video och tung animation ovanför vikningen. Mät före och efter med PageSpeed Insights på den publicerade adressen, med mobilinställningar. Gör det med cache aktiverad, så som en besökare ser sidan. För den bredare uppsättningen åtgärder går [så snabbar du upp en WordPress-sajt](/journal/how-to-speed-up-wordpress-site) igenom dem i ordning efter effekt, och [WordPress-prestandaanalysen för 2026](/journal/wordpress-performance-optimization-a-2026-field-audit) visar hur du läser siffrorna. ## Fungerar sidan i mobilen och på ditt läsarnas språk? Största delen av annons- och mejltrafiken kommer från telefonen, så designa den smala skärmen först och kontrollera den breda sedan. Öppna sidan på en riktig enhet. Titta på knappens storlek, avståndet mellan tryckytorna och om formuläret öppnar rätt tangentbord för varje fält. Läs sidan i en spegelvänd layout om någon av din publik läser från höger till vänster. Arabiska och hebreiska läsare förväntar sig att hero, knapp och formulär flödar från höger. Blocktema med riktiga RTL-stilmallar hanterar det mesta, men testa dina mellanrum, ikonplacering och citatstil i den spegelvända vyn. ![Kalligrafipenna och bläckhorn på ett träskrivbord, en antydning om sidor med högerorienterad layout](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/b5c348-rtl.webp) Välj ett typsnitt med riktiga arabiska eller hebreiska tecken, inte en reservfont. En sida som ser slipad ut på svenska men ojämn på arabiska signalerar för en hel publik att erbjudandet aldrig skrevs för dem. Om du kör två språk, bygg två separata landningssidor med egen kopia. Översätt inte rubriken ord för ord. Ett löfte som fungerar på ett språk behöver ofta en annan form på det andra. ## Vad bör du kontrollera innan du publicerar? Gå igenom listan på den publicerade sidan, utloggad, i ett privat fönster: - Sidan har ett mål och en primär knapp, upprepad högst två gånger. - Sidhuvud, sidfot och sidopanel är borta. - Titeln, metabeskrivningen och bilden för sociala medier är satta och stämmer med annonsen som skickar hit folk. - Formuläret skickas, tack-tillståndet visas och konverteringen spåras. - Sidan klarar ett mobilt hastighetstest och läses rent vid 360 pixlar bred. - Alt-text finns på varje bild och kontrasten i knapptexten är läsbar. Avgör sedan om sidan ska indexeras. En sida byggd för en betald kampanj kan få en noindex-tagg så att den inte konkurrerar med dina huvudsidor. En sida som ska rankas hör hemma i sitemap och förtjänar en ordentlig sökrubrik. Efter lansering ändrar du en sak i taget. Skriv om rubriken först, eftersom den väger tyngst, och ge varje version tillräckligt med besökare innan du dömer den. Två veckors stadig trafik säger mer än två dagars entusiasm. Så här skulle vi faktiskt göra: börja med meningen om målet, mallen Landning och fem sektioner. Hoppa över sidbyggaren tills den inbyggda redigeraren slutar räcka till. Lägg kraften på erbjudandet, rubriken och hastigheten, för det är de som flyttar siffran. Öppna webbplatsredigeraren, namnge mallen Landning och bygg hero-sektionen först av allt. ## FAQ ### Kan jag skapa en landningssida i WordPress utan insticksprogram? Ja, för allt utom formuläret. Ett blocktema, en tom sidmall och den inbyggda blockredigeraren räcker för att bygga sidan. WordPress kärna har inget formulärblock, så du behöver ett formulärprogram för att samla in kontakter. ### Vad är skillnaden mellan en landningssida och en startsida? En startsida hjälper besökare att utforska sajten och erbjuder många vägar. En landningssida har ett mål och en huvudhandling, så den tar bort menyn, sidfoten och övriga länkar som drar besökaren bort från handlingen. ### Hur lång tid tar det att skapa en landningssida i WordPress? En fokuserad första version tar ungefär en eftermiddag när du har en landningsmall: några timmar för text och sektioner, sedan tid för formulär, hastighetskontroll och mobiltest. Om du återanvänder sparade mönster blir senare sidor klara på under en timme. ### Hur många sektioner ska en landningssida ha? Vanligtvis fem: en hero med löftet och knappen, tidigt bevis, erbjudandet i tre korta punkter, formuläret eller en andra knapp, och ett kort block som besvarar de vanligaste invändningarna. Lägg till fler bara om en verklig fråga behöver svar. ### Behöver jag en sidbyggare som Elementor eller Divi? Nej. Den inbyggda blockredigeraren klarar de flesta landningssidor. En byggare hjälper när du vill ha ett stort mallbibliotek eller finare visuell kontroll, till priset av tyngre kod och ett insticksberoende. ### Vad är en bra konverteringsgrad för en landningssida? Unbounce rapporterar en median på runt 6.6% över branscher. Resultaten varierar kraftigt med erbjudande och trafikkälla, så använd siffran som en sanitetskontroll och jämför din sida med den föregående versionen.