När jag först började bygga WordPress-webbplatser insåg jag inte hur användbart ett kontaktformulär kunde vara. Det är inte bara ett sätt för folk att nå dig. Det håller också din e-postadress privat, minskar spam och gör det lättare att hålla ordning.
När jag väl hade lagt till ett ordentligt kontaktformulär kändes allt smidigare. Besökare kunde ta kontakt utan krångel, och jag kunde hantera meddelanden på ett ställe.
Därför använder jag WPForms. Det är enkelt, pålitligt och tar hand om detaljerna så att du kan fokusera på din webbplats.
I den här guiden visar jag dig hur du skapar ett professionellt kontaktformulär i WordPress med hjälp av WPForms. 🚀

Varför lägga till ett kontaktformulär i WordPress?
Att lägga till ett kontaktformulär på din WordPress-webbplats är ett enkelt sätt att göra det lättare för folk att nå dig. Istället för att kopiera din e-postadress och öppna sin e-postapp kan besökare bara skicka ett meddelande direkt från din webbplats.
Jag har sett hur något så litet kan göra stor skillnad.
När folk enkelt kan ställa frågor, begära offerter eller dela feedback, känns din webbplats mer tillgänglig. Och du är mer benägen att inleda verkliga konversationer och nya affärsmöjligheter.
Här är några viktiga fördelar med att lägga till ett kontaktformulär på din WordPress-webbplats:
- Minska spam och håll ordning — Ett kontaktformulär hjälper till att blockera det mesta av det automatiserade spam som riktar sig mot offentliga e-postadresser, så att du bara får riktiga meddelanden.
- Be om rätt detaljer direkt — Du kan visa fält för saker som position och erfarenhetsnivå för formulär för jobbansökningar, eller produkttyp och kvantitet för beställningsformulär. Detta hjälper dig att förstå vad besökarna behöver och svara mer effektivt.
- Få fler leads utan att tappa besökare — Folk är mycket mer benägna att fylla i ett snabbt formulär än att lämna din webbplats för att skicka ett e-postmeddelande, särskilt på mobila enheter.
- Se mer professionell ut — Ett enkelt, väldesignat kontaktformulär känns mer pålitligt än att bara publicera din e-postadress.
- Se vad folk bryr sig mest om — Formulär hjälper dig att upptäcka mönster, som vilka sidor besökare kontaktar dig från eller vilka ämnen de frågar om. Detta kan hjälpa dig att justera ditt innehåll och göra din webbplats bättre för din publik.
Den bästa delen? WordPress gör det enkelt att lägga till professionella kontaktformulär utan någon kodningskunskap. För mer avancerade formulärstrategier, kolla in vår ultimata guide till att använda WordPress-formulär.
Med det sagt, jag kommer att guida dig genom hur du lägger till ett kontaktformulär i WordPress.
Här är en snabb översikt över vad jag kommer att täcka i den här guiden:
- Steg 1: Installera WPForms för att skapa ditt WordPress-kontaktformulär
- Steg 2: Välj mallen för enkelt kontaktformulär
- Steg 3: Anpassa ditt kontaktformulär
- Steg 4: Konfigurera aviseringar och bekräftelser för kontaktformuläret
- Steg 5: Testa ditt nya kontaktformulär
- Steg 6: Lägg till ditt kontaktformulär på din WordPress-webbplats
- Alternativ: Skapa ett WordPress-kontaktformulär med AI (snabbare metod)
- När du ska använda AI jämfört med manuell formulärbyggnad
- Bonustips: Spåra prestanda och konverteringar för ditt WordPress-kontaktformulär
- Vanliga frågor: Skapa och lägga till kontaktformulär i WordPress
- Videoguide: Hur man skapar kontaktformulär i WordPress
- Mer läsning om att använda formulär i WordPress
Steg 1: Installera WPForms för att skapa ditt WordPress-kontaktformulär
För att skapa kontaktformulär i WordPress rekommenderar jag WPForms, som är det bästa pluginet för kontaktformulär för WordPress. Det är lätt att använda, men ändå kraftfullt nog att hantera nästan allt du behöver.
Jag har personligen använt det på många webbplatser genom åren, och det har alltid varit pålitligt. Dessutom använder vi det också för att skapa vårt kontaktformulär här på WPBeginner.
Se vår detaljerade WPForms-recension för att lära dig mer om pluginet.
💡 Notera: WPForms finns i både gratis- och betalversioner. WPForms betalversion inkluderar över 2 000 formulärmallar, villkorlig logik och prioriterad support.
Men om du bara behöver ett grundläggande kontaktformulär fungerar WPForms Lite perfekt, och du kan uppgradera senare om du behöver fler funktioner.
För att komma igång måste du gå till WPForms webbplats för att registrera ett konto.
Klicka bara på knappen ”Skaffa WPForms nu”, välj en plan och slutför registreringsprocessen. Detta tar dig till WPForms-instrumentpanelen, där du kan komma åt dina WPForms zip-filer och licensnyckel.

Härifrån kan du sedan gå till ditt WordPress adminområde för att installera och aktivera WPForms-pluginet.
För att göra detta, navigera helt enkelt till Plugins » Lägg till nytt plugin.

Om du bara vill använda gratisversionen rekommenderar jag att du använder sökfältet för att snabbt hitta WPForms-pluginet.
Klicka på knappen ”Installera nu” i sökresultatet och sedan ”Aktivera”.

Men om du har köpt WPForms Pro måste du klicka på knappen ”Ladda upp plugin” högst upp på skärmen.
Ladda sedan upp zip-filen som du laddade ner från ditt WPForms-konto.

Om du har köpt WPForms Pro måste du också aktivera din licensnyckel.
Efter att ha installerat pluginet, gå till WPForms » Inställningar i din adminpanel och ange din licensnyckel. Detta låser upp betalfunktionerna och säkerställer att du får regelbundna uppdateringar och support.

Om du vill ha mer detaljerade instruktioner för någon av metoderna, kolla in vår guide om hur man installerar ett WordPress-plugin.
När det är aktiverat ser du en ny WPForms-meny i din WordPress-instrumentpanel.
Steg 2: Välj mallen för enkelt kontaktformulär
Nu när du har aktiverat WPForms är du redo att skapa ett kontaktformulär i WordPress.
När du först öppnar WPForms kommer installationsguiden att guida dig genom att skapa ditt formulär.
Om du inte ser en installationsguide kan du navigera till WPForms » Alla formulär i din WordPress-adminpanel och sedan klicka på knappen ‘Lägg till nytt’.

Detta tar dig till sidan för installation, där du kan börja med att ge ditt formulär ett beskrivande namn som “Kontaktformulär” eller “Hör av dig”.
Detta är endast för din referens, men att ha tydliga namn hjälper dig att hålla ordning om du skapar flera formulär senare.

Välj sedan hur du vill bygga ditt kontaktformulär:
- Börja från noll – Bygg ditt formulär på en tom duk för fullständig kontroll över layout och fält.
- Använd en färdig mall – Med WPForms Pro får du tillgång till över 2 000 färdiga mallar som du kan anpassa på några minuter. WPForms Lite levereras med över 60+ gratis formulärmallar.
- Generera ett formulär med AI – Låt WPForms AI Form Builder skapa ett anpassningsbart formulär åt dig. Beskriv bara vad du behöver i en enkel prompt, så hanterar den installationen automatiskt.
Om du vill använda WPForms AI kan du sväva över rutan 'Generera med AI' och klicka på knappen 'Generera formulär'.

På nästa skärm kan du antingen välja bland de tillgängliga exempelprompterna eller lägga till din egen anpassade prompt för AI:n.
Det kommer sedan att generera formuläret åt dig, vilket du kan se i förhandsgranskningsområdet.

🧑💻 Insidertips: Förutom den AI-drivna formulärbyggaren har WPForms också:
- AI-val: Generera automatiskt alternativ för fält som flervalsfrågor, radioknappar, kryssrutor och ned meny.
- AI-beräkningar: Generera omedelbart AI-drivna beräkningsformler för fält som moms, vilket eliminerar behovet av manuella beräkningar.
Observera att detta är funktioner som är tillgängliga med WPForms betalplaner. Få mer information om detta i avsnittet Alternativ.
För den här guiden visar jag dock stegen med mallen ‘Enkelt kontaktformulär’. Den innehåller alla nödvändiga fält som de flesta webbplatser behöver.
Medan du bläddrar bland mallarna kanske du märker andra populära alternativ som kan vara användbara för din webbplats:
- Registreringsformulär för användare — Perfekt för medlemskaps- eller community-webbplatser som låter användare registrera sig och skapa konton.
- Online Order Forms — Perfekt för restauranger, webbutiker eller tjänsteleverantörer som vill ta emot produkt- eller specialbeställningar direkt på sin webbplats.
- Bokningsformulär — Perfekt för konsulter, salonger eller uthyrningsföretag som behöver schemalägga möten eller reservationer.
- Enkätformulär — Praktiskt för att samla in kundfeedback eller genomföra snabba omröstningar.
- Konversationsformulär — Erbjuder en modern, chattliknande upplevelse som ökar engagemanget och slutförandegraden.
När du har hittat mallen du vill arbeta med kan du föra muspekaren över den och klicka på 'Använd mall'.

Detta tar dig till WPForms dra-och-släpp-redigerare.
Steg 3: Anpassa ditt kontaktformulär
Nu kommer den roliga delen: att få ditt kontaktformulär att fungera precis som du vill.
WPForms dra-och-släpp-byggare gör detta otroligt enkelt, även om du aldrig har byggt ett formulär tidigare. Här kan du se anpassningsalternativen till vänster och formulärförhandsgranskningen till höger.

Nu kanske du märker att mallen Enkelt kontaktformulär inkluderar fälten Namn, E-post och Kommentar eller Meddelande.
Du kan ordna om fält genom att dra dem uppåt eller nedåt för att ändra deras ordning. Denna flexibilitet innebär att du kan samla in exakt den information du behöver utan att överväldiga besökare.

Sedan, för vart och ett av dessa fält, kan du klicka på det för att ändra dess inställningar, ändra etiketttexten eller markera det som obligatoriskt.
Här ändrade jag etiketten för e-postfältet till E-postadress och aktiverade funktionen för e-postbekräftelse. Detta gör att användare kan kontrollera om de har angett rätt e-postadress.

För att lägga till nya fält, dra dem helt enkelt från den vänstra panelen till ditt formulär. Här är några populära fält som jag rekommenderar att du överväger:
- Fält för telefonnummer — Användbart om du föredrar att ringa tillbaka potentiella kunder direkt
- Rullgardinsmeny — Perfekt för att kategorisera förfrågningar (som "Försäljning", "Support" eller "Allmän fråga")
- Kryssruta — Perfekt för nyhetsbrevsanmälningar eller samtyckesbekräftelser
Att inkludera en kryssruta med en etikett som “Prenumerera på vårt nyhetsbrev” eller “Skicka mig tillfälliga nyheter och uppdateringar” är ett smart drag. Det hjälper dig att växa din e-postlista medan besökare redan interagerar med ditt kontaktformulär.
Kom ihåg att du också behöver ansluta ditt formulär till en e-postmarknadsföringstjänst. För detaljer, se vår handledning om hur du använder ditt kontaktformulär för att utöka din e-postlista.
🧑💻 Proffstips: Om du använder ditt kontaktformulär för att samla in prenumeranter är detta steg avgörande. Det hjälper dig att få tydligt samtycke från användare innan du skickar dem regelbundna uppdateringar, vilket också håller din webbplats i enlighet med integritetslagar som GDPR.
För att lägga till detta, dra helt enkelt fältet Kryssruta och släpp det i din formulärförhandsgranskning.

I anpassningspanelen kan du ta bort de andra två standardvalen genom att klicka på knappen ‘–’.
Lägg sedan till ditt meddelande i den återstående valrutan.

Därefter vill du dölja etiketten ‘Kryssruta’.
Genom att dölja den visas endast din avsedda text “Skicka mig tillfälliga nyheter och uppdateringar” bredvid kryssrutan, vilket håller formuläret rent och lättläst.
För att göra det kan du växla till fliken ‘Avancerat’ och aktivera ‘Dölj etikett’.

För betalanvändare erbjuder WPForms andra kraftfulla avancerade alternativ som kan göra dina formulär ännu mer effektiva:
- Villkorlig logik — Visa eller dölj fält baserat på tidigare svar.
- Fält för filuppladdning — Låt besökare bifoga dokument eller bilder.
- Betalningsfält — Acceptera betalningar direkt via ditt formulär.
🧑💻 Proffstips: När du anpassar, kom ihåg att mindre ofta är mer. Ett kortare formulär är mindre skrämmande och kan leda till fler inlämningar. Jag rekommenderar att bara be om den information du absolut behöver.
Innan du är klar kanske du också vill kolla in fliken Inställningar » Spam-skydd och säkerhet.
WPForms har inbyggt antispam-skydd aktiverat som standard, men du kan också ansluta verktyg som Google reCAPTCHA här för extra säkerhet.

När du är nöjd med dina formulärfält och layout, klicka på knappen 'Spara'.
Steg 4: Konfigurera aviseringar och bekräftelser för kontaktformuläret
Nu när du har skapat ditt kontaktformulär är det viktigt att du konfigurerar formulärets notifierings- och bekräftelsealternativ på rätt sätt.
Här är en snabb genomgång av varje inställning:
- Formulärnotifiering är det e-postmeddelande du får efter att någon har skickat in kontaktformuläret på din WordPress-blogg.
- Formulärbekräftelse är vad din webbplatsbesökare ser efter att de har skickat in formuläret. Detta kan vara ett enkelt tackmeddelande, en uppföljningssida där du har laddat upp nedladdningsbara PDF-filer, eller vad du än vill.
Det goda nyheten är att WPForms automatiskt konfigurerar dina formulärnotifieringar direkt ur lådan. Detta innebär att du börjar få e-postaviseringar så snart någon skickar in ditt kontaktformulär, utan någon ytterligare konfiguration krävs.
Med det sagt kan du fortfarande konfigurera dessa inställningar för att passa dina behov.
Så, låt oss gå till Inställningar » Aviseringar. Som standard ser du att WPForms skickar aviseringar till din WordPress-administratörs e-postadress.

Du kan också skicka notifieringar till flera e-postadresser, så att olika teammedlemmar får rätt förfrågningar. Till exempel kan säljmeddelanden gå till ditt säljteam, medan supportförfrågningar går till kundtjänst.
När du lägger till e-postadresser, se bara till att separera varje med ett kommatecken.

Läs mer om detta i vår guide om hur du skapar ett kontaktformulär med flera mottagare.
På den här sidan kan du även se andra anpassningsfält. Till exempel är fältet ‘Ämnesrad för e-post’ förifyllt med ditt formulärnamn. Medan fältet ‘Från namn’ automatiskt fylls i med ditt webbplatsnamn.
Glöm inte att klicka på knappen ‘Spara’ om du gör ändringar här.
🧑💻 Proffstips: Om du har problem med att ta emot formulärinlämningar, se vår guide om hur du åtgärdar problem med att WordPress inte skickar e-post. Den visar dig hur du använder WP Mail SMTP, det bästa SMTP-pluginet för WordPress, för att säkerställa att dina e-postmeddelanden levereras tillförlitligt varje gång.
Låt oss sedan växla till fliken ‘Bekräftelse’ för att välja hur besökare vet att du har tagit emot deras meddelande.
WPForms ger dig tre huvudalternativ:
- Visa ett meddelande — Visa ett tackmeddelande direkt på samma sida.
- Visa sida — Skicka användare tillbaka till föregående sida eller en befintlig sida på din webbplats, som en anpassad tack-sida. Se bara till att du redan har skapat och publicerat den här sidan i WordPress så att den visas i din rullgardinslista.
- Gå till URL (Omdirigering) — Skicka besökare till valfri URL, på eller utanför din webbplats.
Jag rekommenderar att använda ett anpassat meddelande för de flesta enkla kontaktformulär eftersom det är omedelbart och inte kräver att besökare laddar en ny sida.
Om detta låter bra för dig kan du välja ‘Meddelande’ från rullgardinsmenyn för bekräftelsetyp och skriva ditt anpassade meddelande i det tillgängliga fältet.

Nu säger ett bra bekräftelsemeddelande inte bara 'tack' – det sätter förväntningar. Du kan prova något i stil med: 'Tack för att du kontaktade oss! Vi har tagit emot ditt meddelande och återkommer inom 1-2 arbetsdagar.'
Detta försäkrar användaren om att deras inlämning var framgångsrik och informerar dem om när de kan förvänta sig ett svar. Dessutom hjälper det ditt företag att kännas mer lyhört och pålitligt.
Att omdirigera användare till en speciell sida fungerar dock bra om du vill visa relaterat innehåll, erbjuda en gratis resurs eller spåra konverteringar i Google Analytics.
Och för tjänsteföretag kan du skicka användare till en sida som förklarar din typiska svarstid och nästa steg.
Webbutiker, å andra sidan, kan omdirigera till produktsidor eller specialerbjudanden för att fortsätta engagemanget.

Om du gör några ändringar här, se till att klicka på knappen 'Spara'.
Steg 5: Testa ditt nya kontaktformulär
När du har ställt in ditt kontaktformulär är det dags att ge det ett snabbt test.
Överst i WPForms-byggaren kan du klicka på knappen ‘Förhandsgranska’ för att se hur ditt formulär kommer att se ut för besökare.

På förhandsgranskningsskärmen, låt oss först kontrollera att alla dina fält visas korrekt och är lätta att förstå.
Fyll sedan i formuläret med lite testinformation. Du kan försöka hoppa över ett obligatoriskt fält eller skriva din e-postadress felaktigt för att säkerställa att formulärvalideringen fungerar som den ska.

När allt ser bra ut, klicka på ‘Skicka’ för att se ditt tackmeddelande eller din bekräftelsesida visas som förväntat.
Så här ser det ut på min demosida:

Steg 6: Lägg till ditt kontaktformulär på din WordPress-webbplats
Nu när allt är inställt är det dags att göra ditt kontaktformulär live på din WordPress-webbplats. WPForms gör detta steg otroligt enkelt med sin inbyggda inbäddningsfunktion.
För att komma igång, klicka på knappen ‘Bädda in’ överst i formulärbyggaren.

Detta visar ett popup-fönster för Bädda in på en sida.
Här kan du välja mellan ‘Välj befintlig sida’ och ‘Skapa ny sida.’

För en helt ny kontaktsida kan du välja alternativet ‘Skapa ny sida.’
Därefter skriver du in ett sidnamn som “Kontakta oss” eller “Hör av dig”, och klickar sedan på ‘Låt oss gå!’.

WPForms skapar sedan sidan och bäddar automatiskt in ditt formulär i ett smidigt steg. Du kan sedan skriva allt innehåll du behöver för att lägga till kontext, förhandsgranska sidan och publicera den.
Om du redan har en kontaktsida på din webbplats kan du helt enkelt välja ‘Välj befintlig sida.’
Sedan, i nästa popup, väljer du var du vill lägga till kontaktformuläret från rullgardinsmenyn och klickar på ‘Låt oss gå!’.

Detta öppnar sidans innehållsredigerare.
Härifrån kan du klicka på ‘+’ för att lägga till WPForms-blocket.

Därefter ser du WPForms-blocket tillagt i din redigerare.
Klicka helt enkelt på rullgardinsmenyn och välj det formulär du vill lägga till.

WPForms laddar sedan förhandsgranskningen av ditt kontaktformulär inuti blockredigeraren.
Innan du publicerar kan du förhandsgranska sidan för att se hur den ser ut. De flesta moderna WordPress-teman kommer att visa formuläret snyggt utan att ytterligare styling behövs.

Med det sagt kan du också tillämpa ett tema på ditt formulär. För mer information om detta, se vår guide om hur du stylar och anpassar ditt WordPress-formulär.
När du är nöjd med allt kan du klicka på knappen ‘Publicera’ eller ‘Uppdatera’ för att spara ditt formulär. Sedan kan du besöka din webbplats för att se det i aktion.
Här är hur formuläret såg ut på en exempel WordPress-kontaktsida:

För mer information, se vår guide om hur du bäddar in formulär i WordPress.
Visa ditt kontaktformulär över hela din webbplats
För ännu bättre synlighet, överväg att lägga till ditt kontaktformulär i din webbplats sidofält eller något annat widget-redo område i ditt WordPress-tema. Detta ger besökare enkel åtkomst att kontakta dig från vilken sida som helst på din webbplats.
För att göra detta måste du gå till Utseende » Widgets och sedan klicka på blockikonen för att lägga till (+) i det widgetområde där du vill lägga till ditt formulär.

Sök sedan efter ‘WPForms’.
Sedan kan du klicka på blocket 'WPForms' för att lägga till det i din sidofält.

Därefter behöver du välja ditt kontaktformulär från rullgardinsmenyn.
Detta laddar automatiskt en förhandsgranskning av ditt formulär.

Klicka sedan på knappen ‘Uppdatera’ för att spara dina ändringar.
Nu kan du besöka din webbplats för att se ditt kontaktformulär live i din sidofält eller annat widgetområde.

För att lära dig mer om widgets, se vår guide om hur du lägger till och använder widgets i WordPress.
Lägg till ditt kontaktformulär med en kortkod
WPForms levereras också med en kortkod för WordPress kontaktformulär.
Du kan använda detta genom att besöka WPForms » Alla formulär och sedan kopiera kortkoden bredvid ditt formulär.

Sedan behöver du bara öppna sidan där du vill lägga till den och klicka på knappen 'Plus' för att lägga till ett block och söka efter 'Shortcode'.
Klicka sedan på blocket ‘Shortcode’.

I blocket, klistra in kortkoden som du kopierade ovan i rutan.
Efter det kan du klicka på 'Uppdatera' eller 'Publicera', och ditt kontaktformulär kommer att vara live på din webbplats, precis som ovan.

För att lära dig mer om kortkoder vill du se vår ultimata guide om hur du lägger till en kortkod i WordPress.
Om du vill ha mer avancerade funktioner eller extra flexibilitet kan du kolla in Formidable Forms. För en detaljerad jämförelse av topplösningar, se vår guide om de bästa kontaktformulärspluggen för WordPress.
Alternativ: Skapa ett WordPress-kontaktformulär med AI (snabbare metod)
Om du vill bygga ditt kontaktformulär ännu snabbare, inkluderar WPForms en AI-driven formulärbyggare som kan skapa hela ditt formulär på sekunder. Detta är perfekt när du behöver ett anpassat kontaktformulär men inte vill lägga till varje fält manuellt.
Hur WPForms AI-formulärbyggare fungerar
Istället för att dra och släppa enskilda fält, beskriver du helt enkelt vilken typ av kontaktformulär du behöver med vanlig engelska. Sedan genererar AI:n det direkt med alla lämpliga fält, etiketter och inställningar.
Låt oss guida dig genom hur du använder den.
Steg 1: Gå till AI-formulärbyggaren
Från din WordPress-instrumentpanel, gå till WPForms » Lägg till nytt formulär.

Detta tar dig till sidan Inställningar.
Nu, istället för att välja en mall, hovra över rutan 'Generera med AI' och klicka på knappen 'Generera formulär'.

Steg 2: Beskriv ditt kontaktformulär
I AI:ns prompt-ruta, beskriv vilken typ av kontaktformulär du vill skapa. Ju mer specifik du är, desto bättre blir resultaten.
Till exempel kan du skriva:
- “Skapa ett kontaktformulär för en fastighetsbyrå med fält för fastighetsintresse, budgetintervall och föredragen kontaktmetod”
- “Bygg ett kontaktformulär för kundsupport med prioritetsnivå, ärendekategori och filuppladdning“
- “Gör ett enkelt kontaktformulär för en fotograferingsverksamhet med servicetyp och evenemangsdatum”
Här är vad du kan se på skärmen:

Steg 3: Granska och anpassa det AI-genererade formuläret
WPForms AI kommer att generera ditt kompletta kontaktformulär på några sekunder, inklusive:
- Alla relevanta formulärfält baserat på din beskrivning
- Lämpliga fälttyper (text, rullgardinsmenyer, kryssrutor, etc.)
- Fältetiketter och platshållare
- Smart fältordning
Du kan se allt i förhandsgranskningspanelen.

Om allt ser bra ut redan, fortsätt och klicka på nedladdningsknappen 'Använd detta formulär'.
Du kan sedan anpassa alla aspekter av det AI-genererade formuläret med hjälp av dra-och-släpp kontaktformsbyggaren, precis som i den manuella metoden ovan.

Glöm inte att du kan styla ditt kontaktformulär med WPForms inbyggda teman. Detta gör att det ser mer sammanhängande ut för att matcha din webbplatsdesign.
Steg 4: Spara och bädda in
När du är nöjd med ditt AI-genererade kontaktformulär, spara det och bädda in det på din WordPress-webbplats med samma metoder som beskrivs i steg 6.

För mer detaljerade instruktioner, se vår guide om hur man bäddar in WordPress-formulär.
När du har gjort det, besök din sida för att se ditt AI-genererade kontaktformulär i aktion:

När du ska använda AI jämfört med manuell formulärbyggnad
Båda metoderna ger dig full tillgång till alla WPForms-funktioner som villkorsstyrd logik, aviseringar, spamskydd och integrationer.
Med det sagt, när du väljer mellan AI och manuell formulärskapande, beror det bästa alternativet på hur mycket vägledning, anpassning och kontroll du vill ha under installationsprocessen.
| Använd AI-formulärbyggaren när… | Använd manuell/mallmetod när… |
|---|---|
| Du behöver ett anpassat kontaktformulär med flera specialiserade fält | Du behöver ett grundläggande kontaktformulär (namn, e-post, meddelande) |
| Du bygger formulär för specifika branscher eller användningsfall | Du vill ha fullständig kontroll från början |
| Du vill spara tid på den initiala installationen | Du följer ett specifikt designkrav |
| Du är osäker på vilka fält som ska inkluderas för ditt syfte | Du är ny på WPForms och vill lära dig formulärbyggaren |
Bonustips: Spåra prestanda och konverteringar för ditt WordPress-kontaktformulär
När ditt kontaktformulär är igång är nästa steg att förstå hur det presterar så att du kan göra det ännu bättre.
Genom att spåra dina formulär kan du till exempel se vilka som får flest inlämningar, var dina besökare kommer ifrån och vilka sidor som uppmuntrar dem att kontakta dig.

Denna information hjälper dig att förbättra formulär som inte presterar lika bra, minska avhopp från formulär och finjustera din marknadsföring för att nå rätt publik.
Du kanske till exempel upptäcker att besökare från sociala medier är mer benägna att skicka in ditt kontaktformulär än de från sökmotorer. Eller att personer som först besöker din Om-sida är mer benägna att ta kontakt.
Insikter som dessa visar dig var du ska fokusera din tid och ansträngning.
Formulärspårning kan också hjälpa dig att upptäcka tekniska problem tidigt. Om inlämningarna plötsligt minskar vet du att det är dags att kontrollera om ditt formulär eller din webbplats har problem.

Den goda nyheten är att det är enklare att ställa in formulärspårning än du kanske tror, särskilt med rätt verktyg och vägledning.
För att komma igång kan du följa vår steg-för-steg-handledning om hur du ställer in spårning av WordPress-formulär i Google Analytics.
Vanliga frågor: Skapa och lägga till kontaktformulär i WordPress
Vilket är det bästa kontaktformulär-pluginet för WordPress?
WPForms är mitt toppval för det bästa WordPress-kontaktformulärpluginet. Det är nybörjarvänligt, lätt att använda och fullpackat med användbara funktioner och tillägg. Du kan enkelt bygga alla typer av formulär med dess AI-verktyg och dra-och-släpp-byggare.
Om du letar efter mer avancerade alternativ är Formidable Forms och Gravity Forms utmärkta alternativ för saker som flersidiga formulär eller komplexa beräkningar.
Hur lägger jag till ett ifyllbart formulär på min webbplats?
Det enklaste sättet är att använda ett formulärbyggarplugin som WPForms. När du har installerat och aktiverat det kan du välja en mall, anpassa fälten och sedan bädda in formuläret på valfri sida eller inlägg med en kortkod eller block.
Vart går data från mitt WordPress-kontaktformulär?
Det beror på vilket plugin du använder.
Om du använder det kostnadsfria WPForms Lite-pluginet skickas inlägg direkt till din e-post. Om du uppgraderar till WPForms Pro sparas alla formulärinlägg även i din WordPress-instrumentpanel under WPForms » Inlägg så att du kan hantera dem på ett ställe.
Oavsett vilket missar du aldrig ett meddelande från en besökare.
Varför fungerar inte mitt WordPress-kontaktformulär?
Vanliga orsaker till att kontaktformulär inte fungerar inkluderar felaktiga e-postinställningar, plugin-konflikter eller saknad SMTP-konfiguration. Om du inte får e-postmeddelanden rekommenderar jag att du använder WP Mail SMTP för att säkerställa att meddelanden från dina formulär levereras korrekt.
Kan jag lägga till ett kontaktformulär i WordPress utan att använda ett plugin?
Ja, men det innebär att lägga till anpassad HTML- och PHP-kod i dina temafiler, vilket inte är idealiskt för nybörjare. Du skulle också behöva hantera saker som skräppostfiltrering, e-postleverans och formulärstyling själv – och det kan snabbt bli tidskrävande.
Att använda ett plugin som WPForms är mycket säkrare och mer pålitligt eftersom det hanterar allt detta åt dig automatiskt.
Videoguide: Hur man skapar kontaktformulär i WordPress
Om du lär dig genom att titta, kommer du att njuta av vår videoguide om hur du skapar ett kontaktformulär i WordPress:
Mer läsning om att använda formulär i WordPress
Jag hoppas att den här artikeln hjälpte dig att skapa ett enkelt kontaktformulär i WordPress.
För att hjälpa dig att få ännu mer ut av dina WordPress-kontaktformulär och din webbplats, här är några relaterade guider som bygger vidare på det du just har lärt dig:
- Hur man skapar ett säkert kontaktformulär i WordPress
- Hur man använder dynamisk fältpopulering i WordPress för att automatiskt fylla i formulär
- Hur man lägger till funktion för spara & fortsätt i WordPress-formulär
- Hur man blockerar spam i kontaktformulär i WordPress
- Hur du låter användare ta livefoton och videor i dina WordPress-formulär
- Hur man exporterar WordPress-formulärinlägg till CSV och Excel
- WordPress-formulär fungerar inte: Felsökningstips
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Shamli
Hej, jag har gjort alla steg som nämns ovan, men jag kan inte se Kontactsidan när jag förhandsgranskar.
Snälla hjälp mig att lösa.
Tack.
WPBeginner Support
Hej Shamli,
Du måste redigera sidan, infoga formuläret och sedan klicka på förhandsgranskningsknappen. Ditt kontaktformulär kommer bara att visas på sidan där du infogar formuläret.
Admin
Brenda
HEJ – Vi använder detta kontaktformulär och det fungerar bra men jag skulle vilja lägga till Captcha och, viktigast av allt, lite text som kan skrivas över i meddelandefältet. Det finns ett lokalt företag med ett mycket liknande namn så vi får ständigt meddelanden som rör detta andra företag. Vi vill ha lite text, som måste skrivas över, för att upprepa vad vårt företag är för att försöka minska dessa meddelanden. Är detta möjligt?
Brenda Donovan
Jag gjorde om formuläret och kontrollerade igen att lägga till recaptcha i bekräftelseinställningarna och det fungerade den här gången. Jag hade gjort det tidigare men det tog på något sätt inte.
nu till e-postproblemet. tack
safi
Sir, hur kan jag veta vilket e-postsystem som meddelar eller tar emot meddelanden? Jag har gjort allt men vet inte vilket jag kommer att få e-post från klienten. Jag är nybörjare med WP.
WPBeginner Support
Hej Safi,
Se hur du åtgärdar problemet med att WordPress inte skickar e-post
Admin
Yamin Kamboh
Tack, var verkligen hjälpsamt.
Sarah Zubair
Så hur får jag tillgång till mediebiblioteket (om jag har möjlighet att bifoga några filer i mina WP-formulär) och var lagras de alla?
WPBeginner Support
Hej Sarah,
Som standard lagras användaruppladdade filer i WPForms-mappen inuti webbplatsens Uppladdningar-katalog.
Om du hellre vill ladda upp filerna till WordPress mediebibliotek, klicka på fältet Filuppladdning i formulärbyggaren. Under Avancerade alternativ, markera sedan rutan bredvid Spara fil i WordPress mediebibliotek.
För mer information se den här guiden.
Admin
marypeter
Detta är verkligen hjälpsamt. Jag kan säga att det är första gången jag lämnar en recension på någon webbplats. Informationen du har gett har fått mig att göra detta. Tack tusen gånger!!
Eston
Hej
hur ställer jag in det så att jag får e-postmeddelanden i Gmail och kan svara kunder direkt där i Gmail.com?
WPBeginner Support
Hej Eston,
Du kan gå till inställningsavsnittet för vilket formulär som helst och klicka på fliken bekräftelse. Härifrån kan du lägga till vilken e-postadress som helst där du vill bli meddelad.
Admin
Cathy
Jag fann detta mycket hjälpsamt vid installationen, men efter slutförandet körde jag ett test, likaså gjorde en vän till mig. Jag kan inte förstå varför vi inte får e-posttesterna som skickas från webbplatsen? Även om jag har gått igenom stegen en andra gång för att vara säker på att allt var korrekt inställt, får jag inga meddelanden från webbplatsen. Jag hoppas att ni kan hjälpa till med konstruktiva förslag för att lösa problemet, jag uppskattar verkligen hjälpen...
Lori Jo
Jag är väldigt ny och lätt förvirrad! Angående den tilldelade administratörs-e-postadressen på min WP-blogg, kan den faktiskt användas för att ta emot meddelanden från kontaktformuläret? Jag tycker att adressen ser mer professionell ut och det vore trevligt att ha alla webbplatsmeddelanden som svarar tillbaka till själva webbplatsen istället för en extern e-post som min Gmail. Jag gjorde ett test och kunde inte hitta svaret, installerade Flamingo och jag såg det men det finns inget svar-alternativ som vanlig e-post.
Vänligen meddela mig, tack!
Ron Isaac
Tack, detta hjälpte mig mycket!
Yoshi
Jag funderar på att bygga ett eget plugin för kontaktformulär eftersom kontaktformulären på marknaden som jag har provat saktar ner min webbplats. Är detta det bästa alternativet?
Srinivas Goud
Vad är det enklaste sättet att lägga till produkter i wp
Shirley
Tack så mycket! Din hjälp räddade mig timmar av att slå huvudet mot väggen.
Eslam Tolba
Hej,
Finns det ett sätt att lägga till onClick-kod för submit-knappen för WpForms lite?
Tack
gigi
hej, jag har angett min e-postadress i aviseringen men jag har ännu inte fått någon avisering från min e-post trots att jag har gjort några tester.. hur löser jag detta? vänligen guida, tack
Al Kadam
Jag har ett kontaktformulärplugin installerat men anpassningen är mycket begränsad och koden är för lång och komplicerad. Nu planerar jag att kopiera en enklare .php-kod och installera den själv. är det bättre att göra det på det här sättet? finns det säkerhetsproblem med att komma åt .php-filen från sidan där kontaktformuläret finns?
Ashley
Hej, jag har provat flera olika formulär och detta fortsätter att hända. När jag går till kontaktsidan, under titeln står det ">kontakt". Jag kan ta bort ordet "kontakt" genom att ta bort sidtiteln, men den lilla pilen (>) finns fortfarande där. Hur blir jag av med den? Tack.
Joe Tittiger
E-postmeddelanden kommer inte fram från detta formulär.
Finns det en video om hur WP hanterar e-post så att jag kan åtgärda detta?
Keith
Tack grabbar, en riktigt enkel process som lät mig ställa in mitt första kontaktformulär på cirka 10 minuter; testat och fungerar
Dave
Hej. Jag har haft WPForms installerat i ett par veckor och har försökt skicka från två andra e-postkonton, från två separata inloggningsplatser... men jag har ännu inte fått något e-postmeddelande till mitt administratörskonto. Vänligen hjälp.
WPBeginner Support
Hej Dave,
Titta gärna på vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post. Om det inte hjälper, kontakta WPForms support så hjälper de dig att lösa det.
Admin
olx
Hej
Jag försökte infoga formuläret efter att ha skapat det men på tilläggssidan infogades inte formuläret. Min WordPress verkar vara begränsad och kan inte lägga till formulär. snälla hjälp
pratima Shrivastav
Hej,
Jag har skapat WP-formuläret enligt anvisningarna men när jag testar det får jag inga e-postaviseringar. Jag har aktiverat aviseringarna genom att klicka på avsnittet E-postaviseringar i formuläret. Saknar jag några andra inställningar? Vänligen guida mig till detta
WPBeginner Support
Hej Pratima,
Se vår artikel om hur du åtgärdar problemet med att WordPress inte skickar e-post.
Admin
Yvonne
Jag har ställt in formuläret precis som det förklarades, men det visas inte på sidan där jag sa att formuläret skulle läggas till.
Rodrigo
Hej, är det möjligt att använda html / css i formulärkonstruktion?
WPBeginner Support
Hej Rodrigo,
Ja, du kan lägga till HTML och anpassad CSS med WPForms.
Admin
david
Kan jag exportera detta kontaktformulär till en Excel-fil?
Rebecca Yurkanin
WP forms är superenkelt att ställa in, men fungerar INTE. Jag försökte flera gånger skicka ett e-postmeddelande till mig själv. Det fungerade en gång! De andra 20 gångerna gjorde det inte det. Jag gick tillbaka och försökte ändra saker. Det gjorde fortfarande ingenting. Jag är bekant med kortkoder, så det var inte problemet. Och såg aldrig en recaptcha. Och wpforms har inte ens ett kontaktformulär att fylla i så att jag kan kontakta dem! Vilket skämt!
WPBeginner Support
Hej Rebecca,
För att åtgärda e-postproblemet, titta gärna på vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post.
Om du använder gratisversionen av pluginet kan du be om support på pluginets supportsida på WordPress.org. Om du använder betalversionen av pluginet kan du kontakta supporten på pluginets webbplats.
Hoppas detta hjälper.
Admin
Brenda
Min blogg har inte ens lanserats än. Jag har en "Kommer snart"-sida. Jag har arbetat med att få ett kontaktformulär att visas i vad som känns som timmar. Jag hade lagt till en ny kontaktsida i min meny. Jag sparade koden på min kontaktsida. Publicerad. Och kontaktformuläret visas inte när jag förhandsgranskar kontakten live i min primära meny. Jag följer din handledning. Detta verkar så enkelt, och ändå... inte så mycket! Fungerar detta med Genesis child? Jag har provat WPForms och Contact Form. Jag vet inte vad jag gör fel. Eftersom jag är nybörjare har jag problem med kopplingen mellan meny och sida samt kategoridropdowns i menyn. Den här blogginställningen är svårare än jag trodde. Några råd?
zelda zerafa
När jag går till INSTÄLLNINGAR ser det annorlunda ut än i din video.
Jag får 3 flikar: Allmänt, Integrationer och Systeminformation enligt följande:
Allmänt > Form Styling/ E-post/Re Captcha/Valideringar
Integrationer > Integrera Constant Contact med WP-formulär
Systeminformation
Jag har ingen aning om vad jag ska fylla i för Valideringar och E-post.
Under valideringar finns det också två mystiska fält: Nummer och Bekräfta värde
Snälla hjälp!
WPBeginner Support
Hej Zelda,
Skärmen du ser är för plugininställningarna. Klicka på WPForms » Alla formulär och redigera sedan ett formulär eller gå till WPForms » Lägg till nytt för att starta WPForms formulärbyggargränssnitt. Där ser du en skärm som liknar skärmdumpen ovan med en flik för Inställningar. Dessa inställningar är specifika för formuläret du skapar.
Admin
MAINUDDIN
När jag installerar wpforms fungerar en annan sida inte, bara wpforms-sidan visas
WPBeginner Support
Hej,
Kan du dela länken till din webbplats? Du kan också kontakta WPForms support.
Admin
Maciej
Hej,
Är det möjligt att lägga till en enkel text i formuläret som: "Filen måste vara max 2 MB"?
Saumya
Vänligen hjälp mig att lösa e-postproblemet, jag får inga e-postmeddelanden.
Myri
Rekommenderas denna installation (formulärplugin) för att skapa ett formulär med cirka 500 inlägg per månad där användare laddar upp bilder + slutför betalningar. T.ex. Nu använder jag Contact Form 7 plus CC7 PayPal-tillägg för att skapa ett formulär av typen "skicka dina bilder + betala". Är detta hållbart eller är det bättre att använda en professionell formulärbyggartjänst?
Catherine O
Tack för detta. Lätt att följa!
Dock
utmärkt blogg, mycket innehållsrik och korrekt genomtänkt, personligen fann jag
här mycket intressant och användbart..... Bra! låt min vän också veta.
Heather Pooley
Jag följde den här handledningen och jag fick kontaktformuläret att fungera. Men när jag försökte skicka ett testmeddelande genom det till min bloggs e-postadress från min personliga, kom det inte fram till mig. Några råd om hur jag kan fixa detta?
WPBeginner Support
Hej Heather,
Se vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post.
Admin
Prats
Kan inte lägga till kontaktformulär som sidofält. Har redan skapat formulär med WPforms, lagt till i Wordpress widgets (Utseende-widgets) men kan inte se formuläret på sidan (Men får titeln från formuläret i sidofältswidgetområdet). Försökt flera gånger, så frustrerad, kan du hjälpa till?
FYI, jag använder live composure och beaver page builder för att designa sidan.
Tack på förhand
WPBeginner Support
Hej,
Försök att lägga till ett formulär i ett inlägg eller en sida för att se om det visas korrekt där.
Admin
Kathy Broyles
Hej! skapade formuläret och länkade sidan – fungerar utmärkt! men... när jag gör ett test och klickar på skicka, får jag detta:
hur fixar jag det?
tack,
Kathy
Kathy Broyles
tror jag har löst det!
WPBeginner Support
Hej Kathy,
Du ser det här felet eftersom du har angett en ogiltig e-postadress som avsändaradress i dina formulärinställningar. Du kan åtgärda det genom att lägga till en giltig e-postadress.
Admin
Calli Jacobs
Hej,
Av någon anledning fungerar inte kortkoden, och inte heller knappen "lägg till formulär". Den ger mig bara kortkoden i både "text" och "visuell". Vad gör jag fel?
Jag frågar dig eftersom jag använde det rekommenderade pluginet.
WPBeginner Support
Försök att inaktivera alla andra WordPress-plugins på din webbplats och testa sedan. Om det fungerar, är det troligtvis ett plugin på din webbplats som orsakar konflikten.
Admin
Roxanne
Tack, det här var superhjälpsamt!
Joe Andrews
Hur lång tid tar det för wpforms contact me-pluginet att fungera? Jag installerade det på min WordPress-webbplats och inlämningen verkar fungera och svarmeddelandet dök upp som förväntat. Jag har testat det 3 gånger (nu en timme senare på den sista) och har ännu inte fått några av aviseringarna. Jag provade först till administratören och ändrade sedan till min vanliga e-postadress. 0-3 har mottagits. Jag har kontrollerat skräppostmappen.
WPBeginner Support
Hej Joe,
Om du använder PRO-versionen av WPForms kan du gå till WPForms » Entries för att bekräfta att meddelandet du skickade via kontaktformuläret faktiskt skickades.
I de flesta fall är det problem med hur din WordPress-värdhanterare hanterar e-postmeddelanden som genereras från WordPress. Titta gärna på vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post.
Admin
Ediwin
Tack för att du delade.
stephen thomas
hur använder jag samma formulär men vet automatiskt vilken sida det kommer ifrån. Jag vill designa ett enkelt formulär och har skräddarsytt några för varje sida jag placerar det på. Jag skulle hellre vilja att det bara mejlade mig och någonstans berättade för mig 'kom från kontaktsidan' eller 'förfrågan kom från prissidan'.
Kevin
Hej tack för inlägget. Finns det ett sätt att ändra teckensnittsfärgen? Teckensnittet är svart och vår webbsida, så du kan inte se orden.
Tack
WPBeginner Support
Hej Kevin,
Se den här guiden för att lära dig hur du ändrar färger och anpassar din formulär.
Admin
Mayflower
Detta är fantastisk information. Tack så hemskt mycket.
Neil Hanes
Jag är helt ny på bloggande och den här guiden är fantastisk! Tack. Jag har ett par följdfrågor:
– Om jag anger en anpassad e-postadress, kan jag svara på förfrågan via min webbplats? Om så är fallet, hur?
– Finns det något sätt att ändra teckensnittet på formuläret så att det stämmer bättre överens med mitt webbplatstema? Jag tänker kanske bara vill ta bort fetstil från titeln och fältrubrikerna.
Tack
Neil
WPBeginner Support
Du kan svara på e-postmeddelanden med en e-posttjänst. Ja, du kan använda anpassad CSS för att justera teckensnitt och stilar.
Admin
Alicia
Efter att ha byggt upp kontaktformuläret, (ja, jag lade till e-postadressen för avisering) får jag ingen avisering. Jag hade problem med Contact Form 7 så jag försöker nu med WPForms och det visar samma problem! Hur får jag WPForms att fungera? Tack.
WPBeginner Support
Se vår guide om hur du åtgärdar WordPress som inte skickar e-post.
Admin
Saher
Från:domännamn [mailto:info@domännamn]
Skickat: söndag 15 maj 2016 04:53
Till: info@domännamn
Ämne: Kontakt från domännamn
Namn : XYZ
E-post :xyz@gmail.com
Meddelande :Detta är ett testmeddelande
Hej,
när jag använde kortkoden för kontaktformuläret och skickade ett testmejl för att kontrollera fick jag ett mejl med 1:a stycket. Jag behöver inte den här informationen, kan du hjälpa mig hur jag kan stoppa det?
WPBeginner Support
Vi är inte säkra på att vi förstår din fråga. Den första delen läggs till av din e-postklient. Den visar var detta e-postmeddelande kommer ifrån.
Admin
Harsha
Jag installerade. Jag fyllde i information i formuläret för att testa det och klickade på "skicka". Det stod "Tack, vi hör av oss". Och ingenstans dök det upp i mejlet. Var ser jag den informationen???
WPBeginner Support
Se steg 4: Konfigurera formulärmeddelanden och bekräftelser i artikeln. Som standard skickar pluginet e-post till administratörens adress som anges i WordPress-inställningarna, du kan lägga till fler e-postadresser i meddelandena.
Om du fortfarande inte får e-postmeddelanden, ta en titt på vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post.
Admin
Harsha
Jag har konfigurerat e-post med GoDaddy C-panel. Är det samma för WordPress också? Eller måste jag ställa in en annan administratörs-e-postadress i WordPress? Vänligen guida mig.
Jag har dock inkluderat alla e-postadresser i meddelandeinställningarna separerade med kommatecken (Cpannel-id & personligt gmail-id)
Men ingenstans fick jag något e-postmeddelande angående informationen jag fyllde i kontaktformuläret för teständamål.
Dessutom gick jag igenom länken "hur man fixar att WordPress inte skickar e-post" och installerade Gmail SMTP, det fungerade inte heller. Jag försökte felsöka genom att konfigurera porten med 587 (med TLS-kryptering), 465 (med SSL-kryptering). 25 med TLS först och sedan SSL. Inget fungerade.
Lesley Jackson
Hej,
Allt detta ser väldigt användbart ut men när jag vill använda något av detta verkar jag inte kunna hitta det på min adminsida. Jag ville skapa ett kontaktformulär men kan inte hitta något sätt att lägga till ett nytt tillägg. Är dessa tips och förslag bara för personer som har en självhostad Wordpress-blogg?
WPBeginner Support
Ja, dessa är bara för personer som använder en självhostad WordPress-blogg. Se vår guide om skillnaden mellan självhostad WordPress.org vs gratis WordPress.com-blogg.
Admin
jo dewberry
Tack så mycket. Jag är ny på att blogga och din steg-för-steg-information var lätt att förstå och jag installerade min kontaktplugin för första gången.
WPBeginner Support
Glad att du fann det hjälpsamt.
Admin
Jayne Bodell
Tack för informationen. Jag installerade formuläret, enkelt som en plätt.