# Lägga till kontaktformulär i WordPress, steg för steg URL: https://noonwp.com/sv/journal/lagga-till-kontaktformular-i-wordpress Type: blog Locale: sv Published: 2026-10-20 Updated: 2026-10-23 --- > Lägg till ett kontaktformulär i WordPress på tio minuter, och se sedan till att mejlen verkligen kommer fram. Val av plugin, placering, SMTP, skräppostskydd och test. Att lägga till kontaktformulär i WordPress tar tio minuter: installera ett formulärplugin, bygg ett formulär med namn, e-post och meddelande, lägg in det på en sida med pluginets block och skicka sedan inlämningarna genom en riktig e-posttjänst så att de faktiskt kommer fram. De tre första stegen är enkla. Det sista är där de flesta kontaktformulär tyst misslyckas, och det är den del som den här guiden lägger mest tid på. WordPress kärna har inget formulärblock. Ett blockbaserat tema ger dig en ren sida, en grupp, en kolumnlayout och en knapp, men ingenting som samlar in och skickar data. Den verkliga frågan är därför vilket plugin du väljer och hur du kopplar upp leveransen. ## Behöver du ett plugin för att lägga till kontaktformulär i WordPress? Ja, för alla formulär du tänker behålla. Du kan skriva ett rent HTML-formulär och en PHP-hanterare i ett child theme, och de guider som visar det stämmer. Men då äger hanteraren validering, skräppostfilter, nonce-kontroller, escaping, lagring och felmeddelanden. Det är ett litet plugin som du nu måste underhålla själv. På en kundwebbplats avgör underhållskostnaden. En hanterare du skrev 2024 kommer att ligga kvar på sajten 2028, långt efter att du har glömt hur den hanterar ett misslyckat utskick. Ett underhållet plugin får säkerhetsuppdateringar som du aldrig behöver tänka på. Hoppa över det handgjorda formuläret om formuläret inte är en del av produkten. Det lönar sig bara om du bygger ett plugin eller ett väldigt ovanligt arbetsflöde. ## Vilket formulärplugin för WordPress ska du välja? Fem plugin täcker nästan alla fall. Välj utifrån vad som händer efter att någon skickat formuläret, inte utifrån mallgalleriet. - **Jetpacks formulärblock**: ett inbyggt block som inte kräver något att lära sig. Passar en vanlig kontaktsida. Kopplat till Jetpack, vilket vissa kunder inte vill ha. - **WPForms Lite**: en byggare med dra-och-släpp och ett vänligt gränssnitt. Villkorslogik och betalningar ligger bakom betalnivåer. - **Fluent Forms**: generös gratisnivå, snabb byggare och bra för byråer som återanvänder formulär mellan sajter. - **Contact Form 7**: gratis och litet, men konfigureras via en textmall. Den har ingen visuell byggare, så det är en dålig idé att lämna över den till en kund. - **Gravity Forms**: enbart betald, med det bästa tillägg- och utvecklarekosystemet. Rätt val för flerstegsformulär och integrationer. För en vanlig kontaktsida på ett blockbaserat tema räcker Fluent Forms eller Jetpack-blocket. Om formuläret ska mata ett CRM tar du Gravity Forms eller WPForms Pro och slutar jämföra. Jetpacks dokumentation visar [hur formulärblocket fungerar i redigeraren](https://jetpack.com/resources/wordpress-contact-form/), inklusive placering i sidfoten och i mallar. Det är användbart även om du väljer ett annat plugin. ## Hur bygger du själva formuläret? Installera och aktivera pluginet från Plugin > Lägg till nytt och skapa ett nytt formulär från mallen "Kontakt" eller "Enkel". Innan du rör byggaren, bestäm fälten på papper. Varje extra fält minskar antalet personer som slutför formuläret. ![Blyertsskiss av ett kontaktformulär med fyra fält och en skickaknapp på krämfärgat papper](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/710788-i1.webp) Ett kontaktformulär som fungerar för de flesta små sajter har fyra fält: namn, e-post, en meddelanderuta och ett valfritt ämnesfält i form av en rullgardinslista om din inkorg behöver sorteras. Ett telefonnummerfält är en konverteringsdödare om du inte faktiskt ringer tillbaka. Tre inställningar betyder mer än layouten. För det första: markera bara e-post och meddelande som obligatoriska. För det andra: skriv riktiga etiketter ovanför fälten, inte platshållartext inuti dem. Platshållare försvinner när man skriver och klarar dåligt kontrastkraven, vilket spelar roll för WCAG 2.2. För det tredje: låt bekräftelsen visas på samma sida som ett meddelande, inte som en omdirigering, om du inte behöver en tack-URL för uppföljning. Om du arbetar med arabiska eller hebreiska ska du testa formuläret i RTL innan du lämnar över det. Etiketter och skickaknappen speglas korrekt i de flesta plugin när webbplatsens språk är en RTL-locale. E-postfältet följer inte alltid med. E-postadresser är strängar som läses från vänster till höger, så tvinga `dir="ltr"` på fältet med en liten CSS-regel eller pluginets alternativ för egna attribut. Annars hoppar markören när besökaren skriver snabbel. ## Hur lägger du in formuläret på en sida i blockredigeraren? Skapa en sida som heter Kontakt, öppna blockväljaren med plusknappen och sök på pluginets namn. Varje seriöst formulärplugin registrerar ett eget block. Välj det, välj formuläret du byggde och publicera. Du kan också placera det på andra ställen. I webbplatsredigeraren öppnar du Utseende > Redigerare, väljer en mall som sidfoten eller en sidmall och lägger in samma block där. Så gör du i Full Site Editing för att få ett kort formulär i varje sidfot utan kortkod. Två layoutnoteringar från kundarbete. Lägg formuläret i en grupp med en maxbredd på cirka 640 pixlar, eftersom ett formulär som sträcker sig över en 1200 pixlar bred kolumn blir svårt att läsa. Och lägg en rad vanlig text ovanför med en direkt e-postadress. Vissa besökare använder aldrig ett formulär, och en adress kostar ingenting att ge dem. ## Varför kommer aldrig mejlet från ditt kontaktformulär fram? Därför att WordPress skickar post via webbserverns standardfunktion för PHP-mail, och mottagande mailservrar misstror den. Funktionen `wp_mail()`, som beskrivs i [WordPress utvecklarreferens](https://developer.wordpress.org/reference/functions/wp_mail/), överlämnar meddelandet till det som servern tillhandahåller. På delad hosting är det ofta en oautentiserad avsändare som misslyckas med SPF- och DKIM-kontrollerna. Gmail och Outlook lägger då meddelandet i skräpposten eller avvisar det helt. Det lömska är att formuläret ändå visar ett grönt meddelande om att allt gick bra. Pluginet gjorde sitt jobb. Servern accepterade meddelandet. Det nådde bara aldrig inkorgen. ![Vitt kuvert som glider genom en mässingsbrevinkastare på en grön dörr](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/1a3832-i2.webp) Lösningen har tre delar. - Installera ett SMTP-plugin som WP Mail SMTP, FluentSMTP eller Post SMTP och koppla det till en transaktionell e-posttjänst. - Sätt avsändaradressen till en adress på din egen domän, till exempel `hej@dindomän.se`, aldrig en gratis Gmail-adress. - Lägg till SPF- och DKIM-posterna som din e-posttjänst ger dig i domänens DNS, och publicera en DMARC-post, även en som bara övervakar. Vilken tjänst? För ett kontaktformulär som skickar några meddelanden om dagen fungerar nästan alla transaktionella leverantörer. Postmark är byggd just för det här jobbet och håller transaktionell post på separat infrastruktur från marknadsföringsutskick. Om kunden senare vill svara på leads med ett nyhetsbrev täcker Brevo både transaktionella utskick och kampanjer under ett konto, med en gratisnivå som räcker gott för en liten sajt. En [steg-för-steg-guide från Mailtrap](https://mailtrap.io/blog/wordpress-contact-form/) går igenom samma SMTP-inställning med skärmbilder, om du vill ha en andra referens. ## Hur stoppar du skräppost utan att störa riktiga besökare? Ett publikt formulär lockar bottar inom några dagar. Det vanliga svaret är en CAPTCHA, och det är oftast fel första svar, eftersom varje utmaning du lägger till kostar riktiga inlämningar. Lägg försvaret i lager i den här ordningen och sluta så fort skräpposten upphör. Börja med ett honeypot-fält, ett dolt fält som människor aldrig fyller i men bottar alltid fyller i. De flesta formulärplugin har ett påslaget som standard. Lägg till Akismet om pluginet stöder det. Om skräpposten fortsätter, lägg till en integritetsvänlig utmaning som Cloudflare Turnstile innan du tar till en synlig bildgåta. Reservera en klassisk reCAPTCHA-ruta för formulär som är under ihållande attack. Begränsa också antalet förfrågningar på serversidan om du kan. En IP-adress som skickar fyrtio inlämningar i minuten är inte en besökare. Juridiskt, om sajten har besökare i EU, lägg till en ikryssningsbar samtyckesruta som länkar till integritetspolicyn, och ställ in pluginet så att inlämningarna inte sparas längre än du behöver. Många plugin sparar varje inlämning i databasen för evigt som standard. Ändra det. ## Hur testar du formuläret innan du lämnar över det? Testa det som en främling skulle göra, och testa det på den publika domänen, inte på en stagingmiljö. Staging blockerar ofta utgående post, så ett godkänt test där bevisar ingenting. ![Händer som skriver på ett tangentbord bredvid en telefon, när ett formulär testas på kvällen](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/b26618-i3.webp) Skicka formuläret från en telefon på mobildata med en Gmail-adress och sedan igen med en Outlook-adress. Kontrollera inkorgen och skräpposten hos mottagaren. Öppna meddelandets rubriker och leta efter `spf=pass` och `dkim=pass`. Skicka en gång med alla fält tomma och en gång med en medvetet felaktig e-postadress, för att se att felmeddelandena är tydliga och går att läsa med en skärmläsare. Fyll sedan i formuläret enbart med tangentbordet. Om du inte kan nå skickaknappen med Tab eller se vilket fält som har fokus, åtgärda fokusstilarna i ditt tema. Marginalia: för en logg. Lägg till en funktion i pluginet eller e-posttjänsten som sparar skickade meddelanden, så att du kan svara på "jag fick aldrig din förfrågan" på en minut i stället för på en eftermiddag. ## När är ett formulärplugin fel verktyg? Ibland är ett kontaktformulär inte vad besökaren behöver. För en butik slår en supportwidget som läser orderdata en tom meddelanderuta. För en landningssida för leadgenerering hör formuläret hemma i ett större flöde med spårning. Om inlämningarna ska hamna i ett CRM eller ett kalkylblad, skicka dem dit direkt i stället för att kopiera e-post för hand. Ett formulärplugin med en Zapier-koppling kan skicka varje inlämning till Sheets, Slack eller ditt projekthanteringsverktyg med några klick. Och om formuläret är ingången till en försäljningsprocess tar ett CRM med egna inbäddningsbara formulär bort ett plugin från din stack och håller kontakthistoriken på ett ställe. HubSpots gratisformulär är det vanliga exemplet. Mönstret är detsamma överallt. Formuläret är de enkla tio minuterna. Leveransen, skräppostreglerna och uppföljningen är arbetet. Öppna din egen sajts kontaktformulär ikväll, skicka ett meddelande till dig själv från ett annat konto och se hur lång tid det tar innan det kommer fram. ## FAQ ### Kan jag lägga till ett kontaktformulär i WordPress utan plugin? Ja, med ett eget HTML-formulär och en PHP-hanterare i ett child theme. Då äger du själv validering, skräppostfilter, escaping och lagring, så för kundwebbplatser är ett underhållet plugin det säkrare valet. ### Vilket är bästa gratis plugin för kontaktformulär i WordPress? Fluent Forms och Jetpacks formulärblock är de enklaste gratisalternativen för en vanlig kontaktsida. Contact Form 7 är också gratis men saknar visuell byggare. ### Varför hamnar mina kontaktformulärs mejl i skräpposten i WordPress? WordPress skickar post via serverns standardfunktion för PHP-mail, som oftast misslyckas med SPF- och DKIM-kontroller. Använd ett SMTP-plugin med en transaktionell e-posttjänst och lägg till de DNS-poster tjänsten ger dig. ### Har WordPress ett inbyggt block för kontaktformulär? Nej. WordPress kärna har inget formulärblock, så du behöver ett plugin som Jetpack, WPForms, Fluent Forms, Contact Form 7 eller Gravity Forms. ### Hur stoppar jag skräppost i ett WordPress-kontaktformulär? Börja med ett honeypot-fält, lägg till Akismet om pluginet stöder det och använd sedan en integritetsvänlig utmaning som Cloudflare Turnstile. Behåll synliga CAPTCHA:or för ihållande attacker. ### Kan jag lägga ett kontaktformulär i sidfoten på ett blockbaserat tema? Ja. Öppna Utseende > Redigerare, välj sidfotens mall och lägg in formulärpluginets block där du vill ha det.