Nybörjarhandbok: Lägga till ett kontaktformulär till WordPress
Kämpar du för att lägga till ett kontaktformulär till WordPress? Jag skyller inte på dig. WordPress gör det enkelt att starta din webbplats, men out-of-the-box ger den inte alla verktyg du behöver för att köra din webbplats fullt ut.
Även om nästan varje webbplats behöver ett kontaktformulär finns det ingen inbyggd funktion i WordPress-kontaktformuläret.
Men oroa dig inte – det är lätt att lägga till ett kontaktformulär till WordPress med ett tredjeparts plugin. Och i det här inlägget kommer jag att ta dig igenom hela processen steg för steg. I slutet av detta inlägg kan du ha ditt helt eget kontaktformulär som ser ut så här:
Contents
Hur man lägger till ett kontaktformulär till WordPress med Pirate Forms
| Pirate Forms är inte längre under aktiv utveckling. Vi rekommenderar att du använder WPForms istället för att det är det mest nybörjarvänliga WordPress-kontaktformuläret på marknaden. |
Pirate Forms är ett gratis WordPress-kontaktformuleringsplugin som hjälper dig att snabbt skapa ditt eget unika kontaktformulär och lägga till det i WordPress. Jag tar dig igenom alla steg för att få den att konfigureras.
Steg 1: Installera och aktivera Pirate Forms
Eftersom det är ett gratis plugin kan du installera det direkt från din WordPress-instrumentpanel genom att gå till Plugins → Lägg till nytt och söker efter Piratformer:
Klicka sedan på Installera nu knapp. WordPress installerar plugin automatiskt. Sedan kan du klicka på samma knapp igen till Aktivera plugin.
Om du behöver mer hjälp med att installera Pirate Forms, har vi ett helt inlägg om installation av WordPress-plugins.
Steg 2: Konfigurera alternativinställningarna
När du aktiverar plugin kan du konfigurera det genom att gå till Piratformer och klicka på alternativ flik:
Så här betyder alla alternativen:
- Kontaktmeddelande e-postadress – När Pirate Forms skickar e-postmeddelanden kommer det från den här adressen. Du kan lämna det som standard.
- Mottagare för kontaktinlämning – När någon skickar in ditt kontaktformulär kommer Pirate Forms att skicka informationen till dessa e-postadresser. Du bör definitivt lägga till din primära e-postadress. Om du vill lägga till flera e-postmeddelanden kan du separera dem med kommatecken.
- Lagra inlägg i databasen – När det är aktiverat kan du lagra formulärinsändningar på din WordPress-webbplats (utöver att skicka meddelandemails). När det är inaktiverat är den enda posten med formulärinsändningar meddelandemails.
- Lägg till ett nonce i kontaktformuläret – helt enkelt, detta hjälper dig att skydda dig mot skräppost. Inaktivera det bara om du har problem med formulärfel.
- Skicka e-postbekräftelse till formuläret – Om du vill skicka ett bekräftelsemeddelande till personen som skickade in ditt formulär kan du lägga till det här meddelandet här.
- Framgångssida – Om du vill omdirigera personer som skickar in ditt formulär till en annan sida på din WordPress-webbplats kan du välja den sidan här. Annars kommer användare att stanna på samma sida efter att ha skickat in ditt formulär.
Det enda du verkligen behöver konfigurera här är din e-postadress! Allt annat kan lämnas som standard.
Steg 3: Konfigurera dina formulärfält
På Fältinställningar kan du välja vilka fält du vill inkludera i ditt kontaktformulär:
För de sex första fälten kan du välja mellan:
- Nödvändig – användare måste fylla i fältet för att skicka ditt formulär.
- Visa men krävs inte – användare kan fylla i fältet, men de behöver inte.
- Visa inte – fältet visas inte.
Du kan också lägga till en reCAPTCHA för att skydda dig mot skräppost. ReCAPTCHA kräver att användare skriver in texten i en bild innan de kan skicka in ditt formulär. Jag rekommenderar att du inaktiverar det här alternativet för tillfället. Om du börjar ta emot massor av skräppost kan du alltid lägga till det senare. Att kräva att användare ska ange en CAPTCHA är inte särskilt trevligt, så du bör försöka undvika det om det är möjligt.
Du kan också lägga till en Anknytning fält. När det är aktiverat kan användare inkludera filer (till exempel PDF-filer eller Word-dokument) när de skickar in ditt formulär. Om du inte specifikt behöver människor för att kunna ladda upp filer, bör du lämna detta inaktiverat.
Steg 4: Välj dina fältetiketter
I steg 3 valde du fälten som finns tillgängliga på ditt formulär. Nu kan du välja etiketter som visas ovanför ditt formulärfält i Fältetiketter flik.
Om du till exempel vill att texten “Ange ditt fulla namn” ska visas ovanför namn bör du ange det så här:
Du behöver inte ändra någon av etiketterna. Det är helt ditt föredrag.
Steg 5: Konfigurera dina varningsmeddelanden
Varningsmeddelanden visas när en användare antingen:
- Försöker skicka in formuläret med ett fel.
- Skickar in formuläret (om du inte valde att omdirigera dem till en tacksida tidigare).
Om du vill kan du anpassa meddelandena. Men återigen är det helt bra att lämna dem som standard.
Steg 6: Lägg till ditt kontaktformulär till WordPress
När du har konfigurerat formuläret är du redo att lägga till det i WordPress! Du använder något som kallas en kortkod för att lägga till den på din sida. En kortkod är bara en liten textbit som säger WordPress att du vill att den ska lägga till ditt kontaktformulär.
Så gå till Sidor → Lägg till nytt och skapa en sida med namnet “Kontakta mig” eller något liknande:
Klistra in den här kortkoden:
I princip, var som helst i ditt inlägg / sida:
Och då Publicera din post. När du visar sidan bör du se ett formulär som detta mitt på den:
Piratformer försöker automatiskt matcha sin stil till ditt tema. Så ditt specifika kontaktformulär kan se lite annorlunda ut. Men grundidén borde vara densamma!
Och det är allt! Du har precis lärt dig hur du lägger till ett kontaktformulär till WordPress.
Alternativt: Premiumalternativ för att lägga till mer komplexa kontaktformulär
Pirate Forms är ett enkelt sätt att lägga till ett kontaktformulär till WordPress. Men om du behöver mer komplexa former kanske du vill överväga en premium-plugin.
Med premium-plugins kan du göra saker som att lägga till kalendrar och andra komplexa fält. Om du behöver dessa avancerade fält är två bra alternativ:
- WPForms
- Gravity Forms
Du kan också utöka dessa plugins med tillägg som GravityView.
Och om du vill ha ännu fler alternativ, sätter vi ihop en stor plugin-jämförelse av kontaktformulär.
Men igen, om du bara vill ha ett snabbt och enkelt sätt att lägga till ett kontaktformulär till WordPress, rekommenderar jag att du håller dig med Pirate Forms.
