So betten Sie eine Google-Karte in Kontaktformulare ein

Veröffentlicht: 2022-06-28

Wenn Sie eine erfolgreiche Website betreiben, suchen Sie wahrscheinlich nach Möglichkeiten, Ihre Benutzererfahrung zu verbessern und mehr Besucher anzuziehen. Wir bei WP Full Care wissen genau, wie wichtig diese Dinge für Ihr Unternehmen sind, und deshalb zeigen wir Ihnen, wie Sie eine Google-Karte in Ihre Kontaktformulare einbetten können. Es mag nicht nach viel klingen, aber Details wie dieses können Wunder bewirken, um mehr Besucher auf Ihre Website zu locken. Jetzt lass uns an die Arbeit gehen!

Gründe, warum Sie eine Google Map in Ihre Kontaktformulare einbetten sollten

Es besteht eine gute Wahrscheinlichkeit, dass Sie beim Einrichten Ihrer Website auf WordPress ein Kontaktformular eingefügt haben, mit dem Website-Besucher Kontakt aufnehmen können. Sie wollten es Ihren potenziellen Kunden erleichtern, Fragen zu den von Ihnen angebotenen Waren und Dienstleistungen zu stellen . Wenn Ihr Unternehmen physisch präsent ist, haben Sie außerdem höchstwahrscheinlich eine Google-Karte dieses Gebiets auf Ihrer Website eingefügt, um Kunden zum Einkaufen in Ihrem Geschäft zu verleiten.

Person, die ein Smartphone in der einen Hand hält und mit der anderen auf einem Laptop tippt
Wenn Sie eine Google-Karte in Ihre Kontaktformulare einbetten, verbessern Sie die Benutzererfahrung.

Sie können und sollten aber auch eine Google Map in Ihre Kontaktformulare einbetten. Hier sind die zwei Hauptgründe dafür:

  • Sie können die Geolokalisierung verwenden, um das Adressfeld Ihres Kontaktformulars automatisch auszufüllen, und Sie können mit dieser Funktion sogar die Position des Benutzers auf einer Karte anzeigen. Viele Websitebesitzer von Unternehmen sind sich dieser Funktion jedoch nicht bewusst. Dies verbessert die Benutzererfahrung insgesamt und trägt dazu bei , die Anzahl der Personen zu reduzieren, die ihre Formularübermittlungen hinterlassen .
  • Wenn Sie wissen, wo sich Ihre Benutzer befinden, können Sie Geolocation-Targeting verwenden, um ihnen angepasstere Inhalte bereitzustellen . Dies kann Ihnen wirklich helfen, die Konversionsraten zu erhöhen.

Das Hinzufügen einer Google Map zu Ihren Kontaktformularen ist ganz einfach und weiter unten in diesem Artikel werden wir Sie darüber informieren, wie es geht. Natürlich können Sie immer den einfachsten Weg wählen und dies im Rahmen Ihrer personalisierten Website-Betreuung erledigen lassen.

Eine einfache Möglichkeit, eine Google-Karte in Ihre Kontaktformulare einzubetten

Der einfachste Weg, eine Google Map in Ihre Kontaktformulare einzubetten, ist die Verwendung des WP-Formular-Plugins, das allgemein als das führende Kontaktformular-Plugin für WordPress gilt. Mithilfe einer intuitiven Drag-and-Drop-Oberfläche ermöglicht der Formularersteller die schnelle und einfache Gestaltung jeder Art von Formular .

Es gibt eine kostenlose Version von WPForms, die heruntergeladen werden kann, und sie ist mit allen Funktionen ausgestattet, die zum Erstellen eines einfachen Kontaktformulars erforderlich sind. Da WPForms Pro jedoch bereits mit der Google Maps-Erweiterung geliefert wird, verwenden wir diese stattdessen für diese Lektion.

Das Installieren und Aktivieren des WPForms-Plugins ist das erste, was auf Ihrer Liste der zu erledigenden Dinge steht. Suchen Sie als Nächstes das Geolocation-Addon , indem Sie zur Menüoption WPForms » Addons gehen. Sie haben die Wahl, die Suchleiste zu verwenden, die oben auf dem Bildschirm erscheint. Nachdem Sie es gefunden haben, sollten Sie auf die Option „Add-On installieren“ klicken , um mit der Installation des Add-Ons zu beginnen.

Plugins-Seite in WordPress hinzufügen
Der einfachste Weg, eine Google Map in Ihre Kontaktformulare einzubetten, ist die Verwendung des WP Forms-Plugins.

Als nächstes werden Sie mit der Konfiguration der Parameter des Addons beauftragt. Gehen Sie dazu zu WPForms » Einstellungen und wählen Sie dann die Registerkarte Geolokalisierung aus dem Dropdown-Menü. Auf der folgenden Seite werden Sie aufgefordert, einen Geolokalisierungsanbieter auszuwählen. Angesichts des Schwerpunkts dieses Artikels haben wir uns entschieden, die Google Places-API zu verwenden.

Der nächste Schritt besteht darin, die Google Places-API-Einstellungen zu finden, indem Sie auf der Seite nach unten scrollen. Dort müssen Sie Ihren Google-API-Schlüssel angeben . Sie können Ihren Schlüssel von Google erhalten und ihn dann kopieren und in das Feld einfügen. Lassen Sie uns nun herausfinden, wie Sie Ihre Kontaktformulare mit Google Maps verbessern können.

Wie erstelle ich Kontaktformulare mit eingebetteter Google Map in WordPress?

Sobald Sie WPForms und Google Places konfiguriert haben, ist es an der Zeit, ein Kontaktformular zu erstellen und eine Google Map darin einzubetten. Nachdem Sie ein einfaches Formular erstellt haben, müssen Sie ein Feld für die Adresse einfügen. Sie haben die Möglichkeit, entweder ein einzeiliges Textfeld oder einen Adressblock zu verwenden. Für dieses Tutorial verwenden wir ein einzeiliges Textfeld .

Im folgenden Schritt konfigurieren wir die Einstellungen des Feldes. Dazu müssen Sie auf das Feld klicken, um die Parameter für das einzeilige Textformat anzuzeigen. Zunächst müssen Sie die Bezeichnung des Felds ändern, sodass sie „ Adresse “ lautet. Wenn Sie dies tun, werden Ihre Benutzer problemlos verstehen, was in das Feld einfließen soll.

Danach müssen Sie die Einstellungen des Feldes so anpassen, dass es eine Karte anzeigt, und dazu müssen Sie die Registerkarte Erweitert auswählen. Wenn Sie dort angekommen sind, gehen Sie ganz nach unten in die Einstellungen und suchen Sie nach einer Option namens „Enable Address Autocomplete“ . Schalten Sie diese Option um, sodass sie auf „Ein“ eingestellt ist. Danach sehen Sie eine neue Option mit der Aufschrift „Karte anzeigen“ , die eine weitere Funktion ist, die Sie aktivieren sollten. Sie haben die Möglichkeit , die Karte entweder über oder unter dem Feld anzuzeigen .

Wie fügt man ein Kontaktformular zu seiner Website hinzu?

Am schnellsten und einfachsten binden Sie das Kontaktformular in Ihre Website ein, indem Sie auf die Schaltfläche „Einbetten“ klicken. Sie finden es oben im Formulareditor, direkt neben der Schaltfläche „Speichern“ . Sie haben die Möglichkeit, das Formular entweder zu einer bereits bestehenden Seite hinzuzufügen oder eine neue zu erstellen .

Person mit gelben Kopfhörern, die vor einem großen Fenster programmiert
Das Beste an einer WordPress-Website ist, dass sie absolut anfängerfreundlich ist.

Wählen Sie einfach „Neue Seite erstellen“, geben Sie der Seite einen Namen und klicken Sie auf die Schaltfläche „Los geht’s!“. - So einfach ist das! Auf diese Weise erstellen Sie eine neue Seite mit einem Namen Ihrer Wahl, an die Ihr Kontaktformular sofort angehängt wird. Vergessen Sie nicht, auf „Veröffentlichen“ zu klicken und Sie sind offiziell fertig!

Das Endergebnis

Wie Sie sehen können, ist es sehr einfach, eine Google-Karte in Kontaktformulare einzubetten. Das WP Forms-Plugin ist sehr unkompliziert und macht alle formularbezogenen Aufgaben auch für Anfänger einfach. Natürlich müssen Sie dies nicht alleine tun, wenn Sie sich an WordPress-Experten wenden. Sie sorgen dafür, dass Ihre Website reibungslos läuft und die Zahl Ihrer Besucher nur steigt!