• Funktioner
  • Mallar
  • Prissättning
  • Swedish
  • Funktioner
  • Mallar
  • Prissättning
  • Swedish
Ops! Din sökta widget hittades inte! Har du någon idé? Om du har det, Skicka in här

Contact Form 7 är en av de mest använda formulärwidgetarna i WordPress. Nästan alla webbplatser behöver ett konfigurerat kontaktformulär och de flesta använder den här widgeten.

Till skillnad från alla andra widgetar är Contact Form 7 inte ett plug & play-verktyg. För att kunna använda det måste du först konfigurera det. Kanske tyckte du att konfigurering av ett verktyg snarare är en uppgift för utvecklare. Men det är verkligen inte fallet för det här verktyget.

I den här bloggen ska jag visa dig hur du konfigurerar Contact Form 7 på rätt sätt och hur du använder det för din WordPress-webbplats.

Observera att den här artikeln innehåller innehåll som är lätt att distribuera. Det finns inga hardcore-utvecklargrejer inkluderade.

Contact Form 7 användarmanual

settings

Först och främst måste du installera det i din instrumentpanel.

Gå till Plugins> Lägg till nytt> och sök genom att skriva in namnet.

Installera och aktivera den. Om du använder Element Pack plugin, kan du hoppa över detta steg eftersom det är förinstallerat i paketet.

Läs mer om Element Pack här.

Som jag har sagt tidigare är Contact Form 7 inte en plug&play-widget. Du måste konfigurera den för att den ska fungera. Så här är det,

Configure Contact form 7

Titta efter fliken Kontakt från din instrumentpanel, navigera i den och klicka på Lägg till nytt. I detta steg kommer vi att utveckla formuläret.

settings

Fokusera nu. Du måste titta noga härifrån. Om du skapar ett nytt formulär får du ett par alternativ. Du måste lägga till valfri text som titeln ovan och infoga formulärformatet i Form tab.

Som standard kommer formuläret att visa några rader textkoder i den rödmarkerade rutan. Jag ändrade det enligt mitt val. Du kan också göra det eller till och med lämna det som standard. Det är upp till dig. Dessa texter är i princip formulärstrukturkoderna.

För erfarna utvecklare är det lätt att skapa nya strukturer för formuläret. Men du kan också göra det. Även om du måste lägga lite ansträngning bakom det, är det inte helt svårt. Så det är enkelt att konfigurera Contact Form 7.

Configure Contact form 7

Gå nu till Post fliken bredvid Form fliken. Här måste du konfigurera den mottagande e-postadressen och de maskerade texterna i formulärets kropp.

Lägg bara din arbetsmail i Till fältet och det gör i princip allt arbete. Du kan ändra saker i varje fält och se hur det går senare.

settings

Därefter går du till Meddelanden och skriv in motsvarande meddelanden i textfälten. Denna del är också inställd som standard och du kan lämna den oförändrad om du vill.

Okej, Contact form 7 är konfigurerat och redo att distribueras. Det finns faktiskt två sätt du kan använda det på.

  • Genom kortnummer
  • Genom direkt widget

Låt oss se dem båda.

 

Blogg för dig
Redaktörens val

Lär dig att göra enastående CTA nu!

Genom kortnummer

Varje formulär som skapats med Kontaktformulär 7 har en kortkod för snabb användning. Dessa kortkoder visar formulärets fullständiga format för besökarna.

Configure Contact form 7

Gå till fliken Kontaktformulär och leta reda på kortkoderna bredvid formulärtitlarna. Markera den och kopiera den.

settings

Nu, på sidredigeraren, placera en kortkod widget och klistra in formulärets kortkod i den. Låt oss nu se i förhandsgranskningsläge om det fungerar.

Configure Contact form 7

På det här sättet är kontaktformuläret bifogat och synligt för besökarna. Här kan du inte på något sätt ändra utseendet på formuläret (ändra färg, typografi, lägga till en kant etc.)

Genom Direct Widget

Med en widget inuti Elementor sidredigerarekan du placera widgeten Contact Form 7 och redigera dess utseende som du vill.

settings

Gå till din sidredigerare och välj Redigera med Elementor. Där, från widgetmenyn, välj Kontaktformulär 7 och placera den inne på sidan.

Configure Contact form 7

Från och med Layout väljer du den blankett som du har gjort enligt instruktionerna ovan.

settings

Och så är det klart! Formuläret kommer att visas på sidan. Det du ser nu är standardformuläret. Du kan anpassa det ytterligare efter dina behov.

Configure Contact form 7

Klicka på Stil och ändra formulärens utseende. Se i förhandsgranskningsläget.

Slutsats

Konfigurering Kontaktformulär 7 är inte så svårt. Widgeten ger dig möjlighet att designa och utveckla ditt formulär med ett anpassat kodinsättningsalternativ. Så det är bra att du använder den här widgeten.

Den här bloggen är framtagen av Element Pack, den bästa widgetkombinationen för Elementor. Tack för att du läste.

Dela den här bloggen:

Upphovsrätt © 2025 BdTema. Alla rättigheter reserverade.

Money Transfer Logo