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 samtal 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 jobbansökningsformulär, 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.
Det bästa? 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 och aktivera WPForms-pluginet
- 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
- Step 6: Embed Your Simple Contact Form on a WordPress Page
- Bonustips: Konfigurera spårning av WordPress-formulär för att förbättra konverteringar
- 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 och aktivera WPForms-pluginet
För att skapa kontaktformulär i WordPress rekommenderar jag WPForms, vilket är det bästa kontaktformulärpluginet för WordPress. Det är lätt att använda, men ändå tillräckligt kraftfullt för 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 Pro-versioner. WPForms Pro-versionen 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 'Get WPForms Now', välj en plan och slutför registreringsprocessen. Detta tar dig till WPForms-instrumentpanelen, där du kan komma åt dina WPForms Pro 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.
På nästa skärm 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.’ Om du vill ha mer detaljerade instruktioner kan du kolla in vår guide om hur man installerar ett WordPress-plugin.
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 Pro-funktionerna och säkerställer att du får regelbundna uppdateringar och support.
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 rullgardinsmenyer.
- 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 Pro-funktioner som är tillgängliga med WPForms betalda planer.
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:
- Användarregistreringsformulär — Perfekt för medlemskaps- eller community-webbplatser som låter användare registrera sig och skapa konton.
- Onlinebeställningsformulär — Utmärkt för restauranger, onlinebutiker eller tjänsteleverantörer som vill ta emot produkt- eller anpassade beställningar direkt på sin webbplats.
- Bokningsformulär — Idealisk för konsulter, salonger eller uthyrningsföretag som behöver schemalägga möten eller bokningar.
- Enkätformulär — Användbart för att samla in kundfeedback eller genomföra snabba omröstningar.
- Konversationsformulär — Erbjuder en modern, chattliknande upplevelse som ökar engagemang och slutförandefrekvens.
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.
Tänk på att du också behöver koppla 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 växa 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 Pro-anvä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.
När du är nöjd med dina formulärfält och layout, klicka på knappen 'Spara'.
🧑💻 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.
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 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 » Notifieringar. Som standard ser du att WPForms skickar notifieringar till din WordPress admin 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 man 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 WordPress som 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, till exempel en anpassad tack-sida.
- 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 särskild 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.
Onlinebutiker kan däremot omdirigera till produktsidor eller specialerbjudanden för att hålla engagemanget vid liv.
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å.
Gå sedan vidare och fyll 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: Bädda in ditt enkla kontaktformulär på en WordPress-sida
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 kommer sedan att skapa sidan och automatiskt bädda 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 ytterligare styling behövs.
Det sagt, du kan också applicera ett tema på ditt formulär. För mer information om detta, se vår guide om hur man 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 man 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 behöver du gå till Utseende » Widgets och sedan klicka på ikonen för att lägga till block (‘Plus’) 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 man 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 man lägger till en kortkod i WordPress.
🔗 Alternativ: Om du vill ha mer avancerade funktioner eller ökad 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ärspluggarna för WordPress.
Bonustips: Konfigurera spårning av WordPress-formulär för att förbättra konverteringar
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 formulärsavhopp och finjustera din marknadsföring för att nå rätt målgrupp.
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-pluginet för kontaktformulär. Det är nybörjarvänligt, lätt att använda och fullpackat med användbara funktioner och tillägg. Du kan enkelt bygga vilken typ av formulär som helst 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 plugin för formulärbyggare 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å vilken sida eller inlägg som helst med hjälp av en kortkod eller ett block.
Vart går data från mitt WordPress-kontaktformulär?
Det beror på vilket plugin du använder. Med WPForms sparas alla formulärinlägg inuti din WordPress-instrumentpanel under WPForms » Entries, och du kan också få dem skickade direkt till din e-post. På så sätt 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 spamfiltrering, e-postleverans och formulärutformning 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 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 då 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 valfri formulär och klicka på fliken bekräftelse. Härifrån kan du lägga till en e-postadress 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,
Vänligen ta en titt på vår guide om hur man fixar problemet med att WordPress inte skickar e-post. Om det inte hjälper, vänligen 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 att åtgärda 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, ta en titt på vår guide om hur man åtgärdar problemet med att WordPress inte skickar e-post.
Om du använder gratisversionen av pluginet kan du be om support på pluginets support sida på WordPress.org. Om du använder den betalda versionen av pluginet kan du kontakta support 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 problemet hur din WordPress-värdhanterare hanterar e-postmeddelanden som genereras från WordPress. Ta en titt 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 stylar ditt formulär.
Admin
The 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 problemet med att WordPress 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 endast för personer som använder 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 you found it helpful.
Admin
Jayne Bodell
Tack för informationen. Jag installerade formuläret, enkelt som en plätt.