Vill du lägga till en karta (som Google Maps) i ditt kontaktformulär med ett WordPress-plugin?
Att placera en karta nära ditt kontaktformulär hjälper din användare att få klarhet om din plats och hjälpa dig att få potentiella kunder av högre kvalitet.
I den här handledningen visar vi dig hur du visar ett WordPress-kontaktformulär med en karta.
Varför lägga till en karta i ett kontaktformulär?
Visst, det är ingen hemlighet att de flesta småföretagare med webbplatser vet varför du behöver ett kontaktformulär.
Men du kanske undrar varför jag skulle lägga till en karta i det kontaktformuläret. Tja, att lägga till en karta i ditt kontaktformulär kan vara en bra idé.
Här är några anledningar till varför:
- Kartor på kontaktformulär kan hjälpa dig att få bättre potentiella kunder med färre stavfel
- Förtydliga platsen där din användare skriver
- Hjälp din användare att hitta en exakt plats med en rörlig nål
- Det är väldigt lätt att göra med ett klick på en knapp (med WPForms plugin)
Istället för att själv behöva koda en karta på din webbplats eller betala en webbutvecklare kan du enkelt göra det med WPForms Pro.
Därefter visar vi dig exakt hur du lägger till en kontaktformulärkarta med ett WordPress-plugin nedan.
Hur man lägger till en kontaktformulärkarta
Följ dessa enkla steg-för-steg-instruktioner för att lägga till en kontaktformulärkarta till din WordPress-webbplats med hjälp av ett plugin.
Steg 1 – Ladda ner WPForms-plugin
Det första du behöver göra är att installera och aktivera WPForms plugin. Här är en steg-för-steg-guide för hur du installerar ett WordPress-plugin.
Du behöver WPForms Pro för att komma åt plugin-programmet för geolokalisering.
Steg 2: Aktivera insticksprogrammet för geolokalisering
När ditt WPForms-plugin är aktiverat, gå till WPForms » Tillbehör och använd sökfältet för att hitta insticksprogrammet för geolokalisering. Klicka på Aktivera Sätt på den.
Geolocation-pluginet har några fantastiska funktioner som du kan använda på din webbplats nu när det är aktiverat, som dessa 2 fantastiska:
- Geolokalisering av formulärinmatning: Du kommer att kunna se var dina formuläranvändare kommer ifrån, vilket kan hjälpa dig att bättre segmentera din e-postlista.
2. AutoComplete-adress: När användare skriver kan ditt adressfält automatiskt visa dem din adress innan de fyller i den.
Du kommer att kunna använda båda dessa fantastiska verktyg när du får ditt kontaktformulär på din webbplats, så låt oss fortsätta att bygga ditt kartformulär.
Steg 3: Anpassa Geolocation Plugin
Nu när du har aktiverat insticksprogrammet för geolokalisering är det dags att konfigurera och anpassa det.
Navigera till WPForms » inställningar och klicka på Geolokalisering ögonhår.
Nu måste du välja den leverantör från vilken du vill få din geolokaliseringsinformation i Platsleverantör zon.
Om du vill kan du tillåta att din användares plats förfylls i ett formulär genom att markera kryssrutan Aktuell plats.
Om du markerar den här rutan för Aktuell plats kommer besökare att se en ruta så här när de öppnar en sida med ditt kontaktformulär:
Se vår fullständiga dokumentation om hur du ställer in plugin-programmet för geolokalisering för att hitta information om vilken platstjänstleverantör du kommer att använda och hur du slutför konfigurationen.
När konfigurationen av din platsleverantör är klar i plugin-inställningarna för geolokalisering är du redo att skapa din kontaktformulärkarta.
Steg 4 – Skapa ditt kontaktformulär
Så låt oss gå vidare och skapa ditt kontaktformulär med en karta nu. Denna del tar mindre än 5 minuter.
För att börja skapa ditt nya formulär, klicka på Lägg till ny för att starta WPForms-formulärbyggaren.
Du kan nu ange ett namn för ditt formulär i Formnamn Inmatningsområde. I det här exemplet kommer vi att använda “Kontakta oss.”
Under Form Name, välj den mall du vill använda genom att klicka på den. Låt oss skapa ett enkelt kontaktformulär så lägger vi till vår karta inom kort.
Därefter kommer din enkla kontaktformulärmall att fyllas i med några standardfält som:
- Namn första andra)
- E-post
- Kommentera eller meddelande
Nu finns det förmodligen några fler saker i andra formulärinställningar som du vill konfigurera, som aviseringar och bekräftelser. Om så är fallet, (och vi rekommenderar det starkt) kolla in vår detaljerade guide om hur du skapar ditt första formulär.
Bra jobbat! Låt oss sedan lägga till ett fält i ditt formulär som låter dig aktivera alternativet Visa karta.
Steg 5: Aktivera alternativet Visa karta
När ditt formulär har laddats kommer du att se alla fält du kan lägga till i ditt formulär.
För att använda alternativet Visa karta i ditt formulär måste du lägga till Adress fält eller En rad text fält.
I den här handledningen kommer vi att använda En rad text fältet så att adressen visas på en enda rad.
För att lägga till det här fältet i ditt formulär kan du klicka på fältnamnet eller dra och släppa det från den vänstra panelen till ditt högra formulär.
Behöver du inte ett av fälten? För att ta bort ett fält från ditt formulär, för muspekaren över fältet och klicka på den röda papperskorgen.
Ok, nu när du har lagt till ditt textfält för en rad, är det dags att aktivera en karta i ditt formulär.
I det Fältalternativ fliken för ditt enradiga textfält, klicka Avancerade alternativ.
Du kommer att se några olika alternativ nu, så scrolla till botten och aktivera kryssrutan bredvid Aktivera Autokomplettering av adress och markera sedan rutan bredvid Visa karta.
Kartan kommer som standard att vara ovanför fältet, men du kan ändra den till att vara under om du vill. Klicka bara på rullgardinsmenyn och ändra den till Under fältet.
Slutligen, låt oss byta namn på det här fältet till “Adress” så att dina användare inte ser “En rad text” när de fyller i ditt formulär.
Bläddra uppåt i panelen Formuläralternativ på vänster sida och redigera etiketten för att säga “Adress”.
Gör nu alla andra ändringar du vill i ditt formulär och klicka när du gillar det Spara i det övre högra hörnet.
Bra jobbat. Ditt formulär är redo att göra sin debut.
Steg 6: Publicera din kontaktformulärkarta
Är du redo att publicera ditt kontaktformulär med en karta? Med deras WPForms Pro-plugin är det väldigt enkelt att bädda in ditt formulär på din webbplats.
Så när ditt formulär ser ut som du vill och är sparat, klicka på Bädda in i det övre högra hörnet.
Här kan du välja vilken WordPress-sida du vill, oavsett om det är en befintlig sida eller en ny sida.
I den här handledningen kommer vi att klicka Skapa ny sida.
Ge sedan din sida vilket namn du vill ha och klicka Kom igen!
Voila. Detta kommer automatiskt att lägga till ditt kontaktformulär med karta till din sida i WordPress.
Klicka sedan på “Publicera” (eller uppdatera, om du använder en befintlig sida) för att äntligen släppa ditt formulär live på internet.
Grattis, ditt kontaktformulär med en karta finns nu tillgängligt online.
Här är en idé om hur det kommer att se ut:
Det är allt! Nu vet du hur du enkelt skapar en kontaktformulärkarta med ett WordPress-plugin.
Skapa din egen kontaktformulärkarta idag
Det är väldigt enkelt att skapa din egen kontaktformulärkarta.
Skaffa WPForms Pro idag för att komma åt plugin-programmet för geolokalisering som låter dig lägga till dessa fantastiska kartor. Du kommer också att ha tillgång till massor av andra användbara funktioner.
Och förutom kontaktformulärkartor innehåller WPForms Pro:
- en lätt använd Builder – Skapa dina egna formulär på några minuter utan att skriva en enda rad kod.
- Undersökningar – Samla data genom enkäter och undersökningar och se dem i vackra rapporter.
- Formulärsidor – Få fler att slutföra dina formulär genom att skapa distraktionsfria formulärsidor med bara ett klick.
- Beställningsformulär – Acceptera Stripe och PayPal direkt på dina formulär och acceptera pengar online.
- Användarreserapporter – Se var folk var på din webbplats innan du fyller i ditt formulär.
- Säkra formulär – Skydda formulär med antispamalternativ som anpassad captcha, hCaptcha eller Google reCAPTCHA v2 eller v3.
- Konversationsformer – Se omvandlingsfrekvensen stiga med mycket attraktiva, moderna former.
- 100+ mallar – Skapa aldrig ett formulär från grunden igen med förbyggda mallar av de mest populära formulärtyperna som finns.
- Premium Support – Få tillgång till ett vänligt och kunnigt team som guidar dig i rätt riktning om du behöver hjälp med dina webbformulär.
- …och mycket mer.
Faktum är att om du tittar på WPForms Lite vs Pro, kommer du att se att det finns massor av anledningar till varför Pro är så populärt.
Sista tankar om kontaktformulärkartor
Vi hoppas att det här inlägget hjälpte dig att lära dig hur enkelt (och fördelaktigt) det är att lägga till en kontaktformulärkarta till din WordPress-webbplats med ett plugin.
Vill du lägga till din logotyp eller en bild i ditt formulär? Du kan också kolla in vår guide om hur du lägger till en bild i ett WordPress-formulär.
Så vad väntar du på? Kom igång idag med det mest kraftfulla WordPress-formulärpluginet.
Och om du gillar det här inlägget, följ oss på Facebook och Twitter för fler gratis WordPress-tutorials.
