So fügen Sie eine Kontaktformular-Map mit einem WordPress-Plugin hinzu

Veröffentlicht: 2021-04-09

Möchten Sie Ihrem Kontaktformular eine Karte (wie Google Maps) mit einem WordPress-Plugin hinzufügen?

Das Platzieren einer Karte in der Nähe Ihres Kontaktformulars hilft Ihren Benutzern, sich über ihren Standort zu informieren und Ihnen qualitativ hochwertigere Leads zu verschaffen.

In diesem Tutorial zeigen wir Ihnen, wie Sie ein WordPress-Kontaktformular mit einer Karte anzeigen.

Erstellen Sie jetzt Ihre Kontaktformular-Karte

Warum eine Karte in einem Kontaktformular hinzufügen?

Sicher, es ist kein Geheimnis, dass die meisten Kleinunternehmer mit Websites wissen, warum Sie ein Kontaktformular benötigen.

Sie fragen sich jedoch vielleicht, warum Sie diesem Kontaktformular eine Karte hinzufügen sollten. Nun, das Hinzufügen einer Karte zu Ihrem Kontaktformular kann eine großartige Idee sein.

WPForms ist das beste WordPress Form Builder-Plugin. Erhalte es kostenlos!

Hier sind einige Gründe dafür:

  • Maps in Kontaktformularen können Ihnen helfen, mit weniger Tippfehlern bessere Leads zu erzielen
  • Klären Sie den Ort, an dem Ihr Benutzer eintippt
  • Helfen Sie Ihrem Benutzer, einen genauen Standort mit einer beweglichen Stecknadel zu finden
  • Es ist super einfach mit einem Klick auf eine Schaltfläche (mit dem WPForms-Plugin)

Anstatt selbst eine Karte in Ihre Website zu codieren oder einen Webentwickler zu bezahlen, können Sie dies mit WPForms Pro ganz einfach tun.

Als Nächstes zeigen wir Ihnen genau, wie Sie als nächstes eine Kontaktformular-Map mit einem WordPress-Plugin hinzufügen.

So fügen Sie eine Kontaktformular-Karte hinzu

Folgen Sie dieser einfachen Schritt-für-Schritt-Anleitung, um mithilfe eines Plugins eine Kontaktformular-Map zu Ihrer WordPress-Website hinzuzufügen.

Schritt 1: Laden Sie das WPForms-Plugin herunter

Als erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Hier ist eine Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sie benötigen WPForms Pro, um auf das Geolocation-Addon zuzugreifen.

Schritt 2: Aktivieren Sie das Geolocation-Addon

Sobald Ihr WPForms-Plugin aktiviert ist, gehen Sie zu WPForms » Addons und verwenden Sie die Suchleiste, um das Geolocation-Addon zu finden. Klicken Sie auf Aktivieren , um es einzuschalten .

Geolocation-Add-On

Das Geolocation-Add-On bietet einige großartige Funktionen, die Sie jetzt auf Ihrer Website verwenden können, wie diese 2 großartigen:

  1. Geolocation für Formulareingaben: Sie können sehen, woher Ihre Formularbenutzer kommen, was Ihnen dabei helfen kann, Ihre E-Mail-Liste besser zu segmentieren.

WPForms-Geolocation für einen Eintrag

2. Automatisches Vervollständigen der Adresse: Während der Benutzer eingeben, kann Ihr Adressfeld ihnen automatisch ihre Adresse anzeigen, bevor sie es ausfüllen.

Adressieren Sie die automatische Vervollständigung der Geolokalisierung in WPForms

Sie können diese beiden coolen Tools verwenden, sobald Sie Ihr Kontaktformular auf Ihrer Website haben. Lassen Sie uns also mit der Erstellung Ihres Kartenformulars fortfahren.

Schritt 3: Passen Sie das Geolocation-Addon an

Nachdem Sie das Geolocation-Addon aktiviert haben, ist es an der Zeit, es einzurichten und anzupassen.

Navigieren Sie zu WPForms » Einstellungen und klicken Sie auf die Registerkarte Geolocation .

Geolocation-Einstellungen in WPForms

Jetzt müssen Sie den Anbieter auswählen, von dem Sie Ihre Geolocation-Informationen im Bereich Places-Anbieter abrufen möchten.

Wählen Sie einen Anbieter von Orten für die Geolokalisierung

Wenn Sie möchten, können Sie den Standort Ihres Benutzers vorab in ein Formular eingeben, indem Sie das Kontrollkästchen Aktueller Standort aktivieren.

Wenn Sie dieses Kontrollkästchen für den aktuellen Standort aktivieren, wird Besuchern beim Öffnen einer Seite mit Ihrem darin enthaltenen Kontaktformular ein solches Kontrollkästchen angezeigt:

Standorterkennung automatisch vervollständigen wpforms

Sehen Sie sich unsere vollständige Dokumentation zum Einrichten des Geolocation-Add-Ons an, um Einzelheiten zu dem Ortungsdienstanbieter zu erfahren, den Sie verwenden werden, und wie Sie diese Einrichtung abschließen.

Sobald alle Einstellungen Ihres Standortanbieters in die Einstellungen des Geolocation-Add-Ons eingetragen sind, können Sie Ihre Kontaktformular-Karte erstellen.

Schritt 4: Erstellen Sie Ihr Kontaktformular

Legen wir also gleich los und erstellen Sie Ihr Kontaktformular mit einer Karte. Dieser Teil dauert weniger als 5 Minuten.

Um mit der Erstellung Ihres neuen Formulars zu beginnen, klicken Sie auf die Schaltfläche Neu hinzufügen, um den WPForms-Formulargenerator zu starten.

Neues Formular hinzufügen

Nun können Sie im Eingabefeld Formularname einen Namen für Ihr Formular eingeben. In diesem Beispiel verwenden wir „Kontakt“.

Geben Sie den Formularnamen ein

Wählen Sie unter dem Formularnamen die Vorlage aus, die Sie verwenden möchten, indem Sie darauf klicken. Lassen Sie uns ein einfaches Kontaktformular erstellen, und wir werden in Kürze unsere Karte hinzufügen.

Erstellen Sie ein einfaches Kontaktformular

Als Nächstes wird Ihre Vorlage für ein einfaches Kontaktformular mit einigen Standardfeldern gefüllt, wie zum Beispiel:

  • Name Vorname Nachname)
  • Email
  • Kommentar oder Nachricht

WordPress-Kontaktformular, bevor das Plugin die Karte hinzufügt

Jetzt gibt es wahrscheinlich noch ein paar andere Formulareinstellungen, die Sie konfigurieren möchten, wie Benachrichtigungen und Bestätigungen. Wenn ja (und wir empfehlen dies dringend), lesen Sie unsere detaillierte Anleitung zum Erstellen Ihres ersten Formulars.

Gut gemacht! Als Nächstes fügen wir Ihrem Formular ein Feld hinzu, mit dem Sie die Option Karte anzeigen aktivieren können.

Schritt 5: Aktivieren Sie die Option zum Anzeigen der Karte

Sobald Ihr Formular geladen ist, sehen Sie alle Felder, die Sie zu Ihrem Formular hinzufügen können.

Felder in einem einfachen Kontaktformular, bevor Sie eine Karte hinzufügen

Um die Option Karte anzeigen in Ihrem Formular zu verwenden, müssen Sie entweder das Feld Adresse oder das Feld Einzeiliger Text hinzufügen.

In diesem Tutorial verwenden wir das Feld Einzeiliger Text , damit die Adresse alle in einer Zeile angezeigt wird.

Um dieses Feld zu Ihrem Formular hinzuzufügen, können Sie entweder auf den Namen des Felds klicken oder es aus dem linken Bereich auf Ihr Formular rechts ziehen und dort ablegen.

einzeiliger Text für Kontaktformular mit Karte

Sie brauchen eines der Felder nicht? Um ein Feld aus Ihrem Formular zu löschen, fahren Sie mit der Maus über das Feld und klicken Sie auf die rote Mülleimer-Schaltfläche.

Schaltfläche "Feld löschen"

Nun, da Sie Ihr Einzeiliges Textfeld hinzugefügt haben, ist es an der Zeit, eine Karte in Ihrem Formular zu aktivieren.

Im Feld Registerkarte Optionen für einzeilige Textfeld, klicken Sie auf Erweiterte Optionen.

erweiterte Optionen, um Kartenoptionen im Formularfeld zu finden

Sie sehen nun einige verschiedene Optionen. Scrollen Sie also nach unten und aktivieren Sie das Kontrollkästchen neben Automatische Adressvervollständigung aktivieren und aktivieren Sie dann das Kontrollkästchen neben Karte anzeigen .

Kartenschaltfläche auf Formularen anzeigen

Die Karte befindet sich standardmäßig oberhalb des Felds, Sie können sie jedoch auch unten ändern, wenn Sie möchten. Klicken Sie einfach auf das Dropdown-Menü und wechseln Sie in das Feld Unten.

Feldstandort ändern aufKontaktformular mit Karte (1)

Schließlich benennen wir dieses Feld in "Adresse" um, damit Ihre Benutzer beim Ausfüllen Ihres Formulars nicht "Einzeiliger Text" sehen.

Scrollen Sie im Bereich Formularoptionen auf der linken Seite nach oben und bearbeiten Sie das Label, um "Adresse" zu sagen.

einzeiliges Textfeld in Adresse ändern (1)

Nehmen Sie nun alle anderen gewünschten Änderungen an Ihrem Formular vor und klicken Sie auf Speichern in der oberen rechten Ecke, wenn es Ihnen gefällt.

Speichern Sie Ihr Kontaktformular mit einer Karte auf WordPress

Gut gemacht. Ihr Formular ist bereit für sein Debüt.

Schritt 6: Veröffentlichen Sie Ihre Kontaktformular-Karte

Sind Sie bereit, Ihr Kontaktformular mit einer Karte zu veröffentlichen? Mit Ihrem WPForms Pro-Plugin ist es super einfach, Ihr Formular in Ihre Website einzubetten.

Wenn Ihr Formular also wie gewünscht aussieht und gespeichert wurde, klicken Sie auf die Schaltfläche Einbetten in der oberen rechten Ecke.

Betten Sie Ihre Kontaktformular-Karte auf einer WordPress-Seite ein

Hier können Sie jede beliebige WordPress-Seite auswählen, sei es eine vorhandene Seite oder eine neue Seite.

In diesem Tutorial klicken wir auf Neue Seite erstellen .

Neue Seite erstellen

Benennen Sie als Nächstes Ihre Seite wie Sie möchten und klicken Sie auf Let's Go!

Betten Sie Ihre Kontaktformular-Karte auf einer neuen Seite ein

Voila. Dadurch wird Ihr Kontaktformular mit Karte automatisch zu Ihrer Seite in WordPress hinzugefügt.

Klicken Sie anschließend auf „Veröffentlichen“ (oder aktualisieren, wenn Sie eine bestehende Seite verwenden), um Ihr Formular endlich live im Internet zu veröffentlichen.

Veröffentlichen Sie Ihr Kontaktformular mit einer Karte in WordPress

Herzlichen Glückwunsch – Ihr Kontaktformular mit Karte ist jetzt live im Internet.

Hier ist eine Idee, wie es aussehen wird:

Kontaktformular mit Karte (1)

Das ist es! Sie wissen jetzt, wie Sie mit einem WordPress-Plugin ganz einfach eine Kontaktformular-Map erstellen.

Erstellen Sie jetzt Ihre Kontaktformular-Karte

Erstellen Sie noch heute Ihre eigene Kontaktformular-Karte

Es ist super einfach, Ihre eigene Kontaktformular-Karte zu erstellen.

Holen Sie sich noch heute WPForms Pro, um auf das Geolocation-Add-On zuzugreifen, mit dem Sie diese fantastischen Karten hinzufügen können. Sie erhalten auch Zugriff auf eine Menge anderer hilfreicher Funktionen.

Und zusätzlich zu den Kontaktformular-Maps enthält WPForms Pro:

  • Ein benutzerfreundlicher Builder – Erstellen Sie in wenigen Minuten Ihre eigenen Formulare, ohne eine einzige Codezeile schreiben zu müssen.
  • Umfragen – Sammeln Sie Daten durch Umfragen und Umfragen und sehen Sie sie in schönen Berichten.
  • Formularseiten – Bringen Sie mehr Leute dazu, Ihre Formulare fertigzustellen, indem Sie mit nur einem Klick ablenkungsfreie Formularseiten erstellen.
  • Bestellformulare – Akzeptieren Sie Stripe und PayPal direkt in Ihren Formularen und akzeptieren Sie Geld online.
  • User Journey Reports – Sehen Sie, wo sich Personen auf Ihrer Website befanden, bevor sie Ihr Formular ausfüllten.
  • Sichere Formulare – Schützen Sie Formulare mit Anti-Spam-Optionen wie benutzerdefiniertem Captcha, hCaptcha oder Google reCAPTCHA v2 oder v3.
  • Konversationsformulare – Beobachten Sie, wie die Konversionsraten mit hochinteressanten und modern aussehenden Formularen in die Höhe schnellen.
  • Über 100 Vorlagen – Erstellen Sie nie wieder ein Formular von Grund auf mit vorgefertigten Vorlagen der beliebtesten Formulartypen.
  • Premium-Support – Greifen Sie auf ein freundliches und sachkundiges Team zu, das Sie in die richtige Richtung führt, wenn Sie Hilfe bei Ihren Website-Formularen benötigen.
  • …und so viel mehr.

Wenn Sie sich WPForms Lite vs. Pro ansehen, werden Sie feststellen, dass es viele Gründe gibt, warum Pro so beliebt ist.

Abschließende Gedanken zu Kontaktformular-Maps

Wir hoffen, dieser Beitrag hat Ihnen geholfen zu erfahren, wie einfach (und vorteilhaft) es ist, eine Kontaktformular-Map mit einem Plugin zu Ihrer WordPress-Website hinzuzufügen.

Möchten Sie Ihrem Formular Ihr Logo oder ein Bild hinzufügen? Vielleicht möchten Sie auch unsere Anleitung zum Hinzufügen eines Bildes zu einem WordPress-Formular lesen.

Also, worauf wartest Du? Beginnen Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin.

Und wenn Ihnen dieser Beitrag gefällt, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials.