TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till kontaktformulär i WordPress?

92

Som webbplatsägare finns det många sätt du kan låta dina läsare interagera med dig. Att aktivera bloggkommentarer, svara i sociala profiler och skicka e -postkampanjer är några av de mest populära sätten. Förutom alla dessa alternativ finns det en sida som är viktigast på alla WordPress -webbplatser. Det är kontakt oss -sidan som tillåter användare att skicka e -post till dig. I den här artikeln kommer vi att utforska hur du lägger till kontaktformulär på WordPress -webbplatsen.

Relaterat: Hur lägger jag till och anpassar kontaktformulär på Weebly -webbplatsen?

Varför ha en kontaktsida i WordPress?

Det grundläggande behovet av en kontaktsida är att låta läsare skicka e -post till dig. Det finns dock få andra fördelar med att ha en kontaktsida på din webbplats.

  • Trovärdighet – att ha en kontaktsida ökar trovärdigheten för din webbsida. Folk kommer att tro att du är en riktig person eller ett företag som svarar på frågor.
  • Synlighet – kontaktformulär ökar synligheten för din webbplats både i sökmotorer och hos användarna. Det är lätt för dig att föra användare till din kontaktsida och uppmuntra dem att dela med sig av sina behov.
  • Företag – om du inte har tid att svara i livechatt är det näst bästa alternativet för att göra affärer att använda ett kontaktformulär. Detta fungerar bra för tjänstebranscher som CV -skrivning och mjukvaruutveckling.

Skillnad mellan kontaktformulär och e -post

Många av er kanske tror varför du måste ha ett separat kontaktformulär istället för att direkt ange din e -postadress i sidfoten och sidofältet.

  • Att visa din e -postadress offentligt kommer att skapa sekretessproblem. Du kommer att få hundratals skräppostmeddelanden eftersom alla kan skicka meddelanden genom att klicka på din e -postadress.
  • Däremot avslöjar kontaktformulär inte din e -postadress för läsare. WordPress kommer att behandla meddelandet och skicka till dig utan att användare känner till din e -postadress. På så sätt får du meddelanden från endast intresserade användare och undviker skräppost och stötande privata meddelanden.
  • Insticksprogrammet fungerar sömlöst med Akismet för att förhindra skräppost eller så kan du lägga till reCAPTCHA för att se till att bara mänskliga användare kan skicka formuläret och inte de automatiska robotarna. Dessutom använder kontaktformulär 7 också standardalternativet för svartlista för WordPress -kommentarer för att blockera meddelanden.
  • Du kan använda flera kontaktformulär på en enda WordPress -webbplats och lägga till parametrar för att spåra prestanda för varje formulär. Du kan till exempel spåra formuläret på din kontaktsida och om -sida separat.
  • Insticksprogrammet lagrar inte meddelandena i databasen och bevarar därför din integritet.

Med alla dessa fördelar är kontaktformulär mycket säkrare, professionellt och enklare sätt att interagera med dina läsare.

Bra är att du har många kontaktformulär plugins tillgängliga gratis i WordPress plugin repository avsnitt. Kontaktformulär 7 är en av de mest populära av alla fritt tillgängliga plugins.

  • Det är mycket enkelt att använda plugin med 5+ miljoner aktiva installationer.
  • Det är ett komplett gratis plugin utan irriterande annonser eller merförsäljande premiumversion.
  • Utvecklas och underhålls aktivt.
  • Många populära WordPress -teman integrerar kontaktformulär 7 -plugin och erbjuder anpassade formulär.
  • Du kan infoga formuläret var som helst på din webbplats med Gutenberg -blocket.

Installera kontaktformulär 7 -plugin

Eftersom Kontaktformulär 7 är ett gratis plugin kan du installera det direkt från din WordPress -administratörspanel. När du har loggat in på din webbplats adminpanel går du till avsnittet “Insticksprogram> Lägg till nytt". Du kan söka och installera kontaktformuläret 7 därifrån.

Hur lägger jag till kontaktformulär i WordPress?

Installera kontaktformulär 7 -plugin

Skapa ditt första kontaktformulär

Efter att plugin -programmet på din webbplats har aktiverats skapas ett menyalternativ som heter "Kontakt". Den har tre undermenyalternativ – kontaktformulär, lägg till nytt och integration.

Hur lägger jag till kontaktformulär i WordPress?

Kontaktformulär 7 -meny

  • Du kan se alla dina formulär under avsnittet "Kontaktformulär".
  • Gå till "Lägg till nytt" för att skapa ett nytt formulär.
  • Integrationsavsnittet låter dig länka till externa API: er från Constant Contact, reCAPTCHA och Sendinblue.

Konfigurera kontaktformulär 7 -plugin

För att göra din uppgift enklare lägger kontaktformulär 7 till ett färdigt exempelformulär på din webbplats. Du kan antingen redigera exempelformuläret genom att gå till avsnittet "Kontaktformulär" och återanvända eller skapa ett nytt från början.

Hur lägger jag till kontaktformulär i WordPress?

Visa skapade formulär

I den här artikeln kommer vi att skapa ett nytt formulär och bädda in kortkoden. Gå till avsnittet "Kontakt> Lägg till nytt" för att se alla tillgängliga alternativ för att skapa ett nytt formulär. Du kommer att se formulär, e -post, meddelanden och ytterligare inställningsavsnitt där du kan konfigurera alternativen och utforma ditt formulär. Insticksprogrammet lägger till basmall för formulär, e -post och meddelanden under motsvarande avsnitt till att börja med. Du kan lägga till ytterligare alternativ genom att se pluginns dokumentationssida.

Formsektion

Under avsnittet “Formulär” kan du se tillgängliga taggar för redigering av formulärmall. Insticksprogrammet kommer att lägga till de grundläggande taggarna som namn, e -post, ämne och skicka -knapp som du kan redigera och anpassa ytterligare.

Hur lägger jag till kontaktformulär i WordPress?

Lägg till nytt kontaktformulär

  • Du kan lägga till fält för URL, telefonnummer, alternativknappar, filöverföring, frågesport, kryssrutor, rullgardinsmeny etc. genom att helt enkelt klicka på knappen.
  • Till en början kanske du inte känner dig bekväm med knapparna och koden. Om du klickar på varje knapp visas dock en popup-fönster där du helt enkelt kan fylla i detaljerna.
  • Du behöver inte komma ihåg taggarna eller förbereda koden.

Till exempel, klicka på "fil" -knappen för att infoga ett filöverföringsalternativ i ditt formulär. Ange information om storlek, typ, obligatorisk arkiverad etc. i popup-fönstret som visas och spara.

Hur lägger jag till kontaktformulär i WordPress?

Fyll detaljer för tagg

Efter att formulärdesignen är klar kommer mallen att ha följande taggar. Du kan flytta etiketterna till en annan position genom att klippa ut och klistra in motsvarande kod.

<label> Your name [text your-name] </label> <label> Your email [email your-email] </label> <label> Subject [text your-subject] </label> <label> Your message (optional) [textarea your-message] </label> [file file-915 limit:1mb filetypes:.docx] [submit "Submit"]

Slutligen anger du ett formulärnamn och klickar på knappen Spara. Du får den kortnummer som du kan kopiera och klistra in var som helst på din webbplats.

Hur lägger jag till kontaktformulär i WordPress?

Kontaktformulär sparat

Postavsnitt

Innan du använder kortkoden är nästa steg att konfigurera din e -postmall genom att gå till avsnittet "E -post".

Hur lägger jag till kontaktformulär i WordPress?

Kontakta formulär 7 E -postinställningar

  • Till och från – pluginet använder webbplatsens administratörs -e -postadress för att adressera och använda webbplatsens titel och e -postmeddelande för från fältet.
  • Ämne och rubriker – uppgifterna från formulärfälten används i e -postmallen.
  • Meddelandetext – konfigurera mallformatet för att ta emot e -postmeddelanden.
  • Filbilaga – lämna den tom eller lägg till filtaggen om det behövs för att visa filnamnet i det mottagande e -postmeddelandet.

Hur lägger jag till kontaktformulär i WordPress?

Meddelandetext och bilaga

I allmänhet behöver du inte göra några ändringar i postmallen. Skapa en andra e -postmall för att använda den som en autosvarare. När ett e -postmeddelande har skickats framgångsrikt kommer pluginet att aktivera e -postmallen för autosvararen till avsändarens e -postmeddelande.

Hur lägger jag till kontaktformulär i WordPress?

Kontakta formulär 7 Autosvar

Spara dina ändringar när installationen av e -postmallar är klar.

Meddelande avsnitt

Under det här avsnittet kan du anpassa textmeddelanden som visas under olika situationer. Du kan lämna texten platshållare som den är om du inte vill anpassa. Till exempel kommer pluginet som standard att visa ett meddelande “Tack för ditt meddelande. Den har skickats. ” efter en lyckad inlämning av ett formulär. Om du använder formuläret för inlämnande av affärsförslag är det vettigt att redigera den här texten för att lägga till mer information och ytterligare steg för dina kunder.

Hur lägger jag till kontaktformulär i WordPress?

Meddelanden Inställningar

Ytterligare inställningar

Du kan lämna avsnittet med ytterligare inställningar som det är. Gå dock igenom alternativen som finns tillgängliga i dokumentationen för att kontrollera om några fält är användbara. Du kan till exempel lägga till subscribers_only: true i textrutan så att endast inloggade användare kan skicka formuläret.

Hur lägger jag till kontaktformulär i WordPress?

Ytterligare inställningar

Lägga till formulär på kontaktsidan

Klicka på knappen Spara när du har slutfört alla inställningar. I grund och botten är alla ovanstående steg en engångsinställning och du kan skapa nya formulär med samma inställning utan att redigera mallarna varje gång. Du kan dock också använda olika fält och mallar för varje formulär.

Nu när du har kortkoden för ditt kontaktformulär och nästa steg är att bädda in den på din sida. Gå till avsnittet "Sidor> Alla sidor" och skapa/redigera din kontaktsida. Skriv /kontakt för att filtrera kontaktformulär 7 Gutenberg -blocket och infoga det i ditt innehållsområde.

Hur lägger jag till kontaktformulär i WordPress?

Kontakta formulär 7 Gutenberg Block

Klicka på rullgardinsmenyn "Välj ett kontaktformulär" och välj namnet på formuläret du vill bädda in.

Hur lägger jag till kontaktformulär i WordPress?

Bädda in kontaktformulär

Om du använder den gamla Classic -redigeraren klistrar du bara in kontaktformulärets kortnummer i redigeraren.

Hur lägger jag till kontaktformulär i WordPress?

Lägg till kontaktformulär i Classic Editor

Det är det, du har infogat kontaktformuläret på din sida. Nu kan du publicera eller uppdatera sidan för att se den i aktion.

Relaterat: Hur bäddar jag in Google Forms i WordPress?

Testar ditt kontaktformulär

Se din sida för att se hur formuläret ser ut. Vi rekommenderar dig också att testa formuläret genom att skicka ett dummy -meddelande.

Hur lägger jag till kontaktformulär i WordPress?

Publicerat kontaktformulär

Insticksprogrammet använder webbläsarens valideringar för att se till att alla obligatoriska fält är fyllda. Du kommer att se fel enligt installationen i avsnittet "Meddelanden" när du försöker skicka formuläret utan obligatoriska fält.

Hur lägger jag till kontaktformulär i WordPress?

Formvalidering i webbläsaren

Skicka ett framgångsrikt meddelande och bekräfta att din kontakt fungerar bra. Kontrollera på samma sätt det mottagna meddelandet och justera konfigurationen under avsnittet "E -post" för att ändra mallen om det behövs.

Hur lägger jag till kontaktformulär i WordPress?

Meddelande skickat

Slutsats

Totalt kan du behöva mindre än 30 minuter att skapa och lägga till kontaktformulär på din WordPress -webbplats med hjälp av kontaktformulär 7 -plugin. Det fungerar sömlöst utan att det står i konflikt med andra plugins. Utan tvekan är kontaktformulär 7 en del av många WordPress -företagsajter och du kan också testa det för att förbättra ditt företag.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer