Vill du lägga till ett kontaktformulär på din WordPress-webbplats?
Varje webbplats behöver ett kontaktformulär, så att besökare enkelt kan kontakta dig om dina produkter och tjänster. Som standard kommer WordPress inte med ett inbyggt kontaktformulär, men det finns ett enkelt sätt att lägga till kontaktformulär på din webbplats.
I den här WordPress-handledningen kommer vi att visa dig hur du enkelt skapar ett kontaktformulär i WordPress (steg för steg) utan att röra en enda kodrad.
Varför behöver du ett kontaktformulär?
Du kanske undrar varför jag behöver ett kontaktformulär. Kan jag inte bara lägga till min e-postadress på min webbplats så att andra kan mejla mig?
Det är en mycket vanlig fråga från nybörjare eftersom de är rädda för att lägga till ett kontaktformulär kräver kodkunskap.
Sanningen är att du inte behöver känna till någon kod. Denna steg-för-steg-guide för att lägga till ett kontaktformulär är skriven för absoluta nybörjare.
Nedan är de tre främsta anledningarna till varför ett kontaktformulär är bättre än att klistra in din e-postadress på en sida.
- Spamskydd – Spambots skrapar regelbundet webbplatser som letar efter mailto:-e-postadresstaggen. När du lägger upp din e-postadress på webbplatsen kommer du att börja få en hel del spam-mejl. Å andra sidan, när du använder ett kontaktformulär kan du bli av med nästan all skräppost.
- Konsekvent information – När du skickar e-postmeddelanden skickar folk inte alltid all information du behöver. Med ett kontaktformulär kan du berätta för användaren exakt vilken information de letar efter (som ditt telefonnummer, offert, etc.).
- Spara tid – Kontaktformulär hjälper dig att spara tid på fler sätt än du kan föreställa dig. Utöver den konsekventa informationen vi nämnde ovan, kan du också använda formulärbekräftelser för att berätta för användaren vad nästa steg är. Till exempel att titta på en video eller vänta upp till 24 timmar på ett svar, så att de inte skickar flera frågor till dig.
Nedan är ett exempel på ett WordPress-kontaktformulär som vi kommer att skapa i den här handledningen.
Efter att ha skapat formuläret ovan kommer vi också att visa dig hur du enkelt kan lägga till det på din kontaktsida eller i sidofältet på din webbplats med hjälp av en WordPress-kontaktformulärwidget.
Låter bra? Okej låt oss börja.
Video handledning
Prenumerera på WPBeginner
Om du föredrar skriftliga instruktioner, fortsätt att läsa.
Steg 1. Välj det bästa kontaktformuläret plugin
Det första du behöver göra är att välja ett plugin för WordPress-kontaktformulär.
Även om det finns flera gratis och betalda WordPress-kontaktformulärplugins du kan välja mellan, använder vi WPForms på vår sida och tror att det är det bästa alternativet på marknaden.
Nedan följer tre anledningar till varför vi tycker att WPForms är bäst:
- Det är den mest nybörjarvänliga kontaktformulärplugin som finns. Du kan använda dra-och-släpp-byggaren för att enkelt skapa ett kontaktformulär med bara några klick.
- WPForms Lite är 100 % gratis och du kan använda det för att skapa ett enkelt kontaktformulär (över 3 miljoner webbplatser använder det).
- När du är redo för mer kraftfulla funktioner kan du uppgradera till WPForms Pro.
Nu när vi har bestämt oss för plugin för kontaktformulär, låt oss installera det på din webbplats.
Steg 2. Installera ett kontaktformulärplugin i WordPress
För denna handledning för kontaktformulär kommer vi att använda WPForms Lite eftersom det är gratis och lätt att använda.
Du kan installera detta plugin på din webbplats genom att logga in på din WordPress-instrumentpanel och gå till Plugins » Lägg till ny.
I sökfältet skriver du WPForms och klickar sedan på knappen Installera nu.
När plugin-programmet är installerat, se till att aktivera det.
Om du inte ser plugin-menyn eller vill ha mer detaljerade instruktioner, kolla in vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
Steg 3. Skapa ett kontaktformulär i WordPress
Nu när du har aktiverat WPForms är du redo att skapa ett kontaktformulär i WordPress.
I din WordPress-instrumentpanel klickar du på WPForms-menyn och går till Lägg till ny.
Detta öppnar WPForms dra och släpp-formulärbyggare. Börja med att ge ditt kontaktformulär ett namn och välj sedan din kontaktformulärmall.
WPForms Lite kommer endast med fördefinierade formulärmallar som blankt, enkelt kontaktformulär, etc. Du kan använda dem för att skapa nästan vilken typ av kontaktformulär du vill.
För det här exemplets skull går vi vidare och väljer Enkelt kontaktformulär. Du kommer att lägga till fälten Namn, E-post och Meddelande.
Du kan klicka på fälten för att redigera dem. Du kan också använda musen för att dra och släppa fältens ordning.
Om du vill lägga till ett nytt fält, välj helt enkelt ett av de tillgängliga fälten i det vänstra sidofältet.
När du är klar klickar du på Spara knapp.
Steg 4. Ställa in aviseringar och formulärbekräftelser
Nu när du har skapat ditt WordPress-formulär är det viktigt att du ställer in formuläravisering och bekräftelse korrekt.
Formulärbekräftelsen är vad din webbplatsbesökare ser efter att ha skickat in formuläret. Det kan vara ett tackmeddelande eller så kan du omdirigera dem till en speciell sida.
Formuläraviseringen är e-postmeddelandet du får efter att någon har skickat in kontaktformuläret på din WordPress-webbplats.
Du kan anpassa båda genom att gå till fliken Inställningar i WPForms-formulärbyggaren.
Vi brukar lämna formulärbekräftelsen som standard tackmeddelande. Du kan dock ändra den för att omdirigera till en specifik sida om du vill.
Det bästa med WPForms är att standardinställningarna är bra för nybörjare. När du går till aviseringsinställningarna kommer alla fält att fyllas i dynamiskt.
Meddelanden skickas som standard till administratörens e-postadress som du har ställt in på din webbplats.
Om du vill skicka den till en anpassad e-postadress kan du ändra den. Om du vill skicka meddelandet till flera e-postmeddelanden, separera helt enkelt varje e-postadress med ett kommatecken.
E-postämnet är förifyllt med namnet på ditt formulär. Fältet för avsändarens namn fylls automatiskt i med din användares namn. När du svarar på frågan kommer den att gå till e-postmeddelandet som din användare fyllde i i kontaktformuläret.
Vi har en detaljerad guide om hur du ställer in anpassade formuläraviseringar, så att du kan skicka formulär till flera mottagare eller olika avdelningar.
Steg 5. Lägg till WordPress-kontaktformulär på en sida
Nu när du har ställt in ditt WordPress-kontaktformulär är det dags att lägga till det på en sida.
Det första du behöver göra är att skapa en ny sida i WordPress eller redigera en befintlig sida där du vill lägga till kontaktformuläret.
Vi kommer att använda WPForms-blocket för att lägga till formuläret på en sida. Klicka bara på knappen Lägg till nytt block för att söka efter WPForm och klicka sedan för att lägga till det på din sida.
WPForm-blocket kommer nu att visas i innehållsområdet på din sida. Du måste klicka på rullgardinsmenyn för att välja formuläret du skapade tidigare.
WPForms kommer att ladda förhandsgranskningen av ditt kontaktformulär i redigeraren. Du kan nu spara eller publicera din sida och besöka din webbplats för att se hur den fungerar.
Så här skulle formuläret se ut på en WordPress-exempelsida:
Vill du bara lägga till kontaktformuläret på sidan så är du klar här. Grattis.
WPForms kommer också med en kortkod för WordPress-kontaktformulär. Du kan kopiera kontaktformulärets kortkod genom att besöka WPForms » Alla formulär sida och klistra sedan in den i valfri WordPress-inlägg eller sida.
Om du vill lägga till ett kontaktformulär i ett sidofält eller annat widget-färdigt område, hoppa till steg 6.
Steg 6. Lägg till WordPress-kontaktformuläret i en sidofält
WPForms kommer med en WordPress-kontaktformulärwidget som du kan använda för att lägga till ditt kontaktformulär i en sidofält eller i princip vilket annat widget-färdigt område som helst i ditt tema.
I ditt WordPress-administratörsområde, gå till Utseende » Widgets. Du kommer att se en WPForms-widget som du enkelt kan dra till valfri widget-färdig del av ditt tema.
Lägg sedan till din widgettitel och välj formuläret du vill visa. Spara inställningarna och besök din webbplats för att förhandsgranska den.
Vi hoppas att den här artikeln hjälpte dig att skapa ett enkelt kontaktformulär i WordPress. Du kan också kolla in vår jämförelse av de bästa WordPress-backup-plugin-programmen och vår guide om hur du fixar problem med WordPress som inte skickar e-post.
Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du kan även hitta oss på Twitter och Facebook.
