Möchten Sie die automatische Vervollständigung von Google-Adressen zum Checkout Ihres WooCommerce-Shops hinzufügen? Hier sind Sie richtig!
Die automatische Adressvervollständigung von Google verbessert das Kundenerlebnis und reduziert Benutzerfehler, indem sie Straßenadressen in Echtzeit vorschlägt, während Ihr Kunde seine Adresse in das Bestellformular eingibt.
Da der WooCommerce-Kern nicht standardmäßig in die automatische Vervollständigung von Google-Adressen integriert ist, benötigen Sie ein Drittanbieter-Plugin, um diese Funktionalität zu Ihrem Shop hinzuzufügen.
In diesem Artikel werde ich Sie durch die Aktivierung der automatischen Vervollständigung von Google-Adressen in WooCommerce mit einem leistungsstarken Plugin namens Merchant Pro führen.
Lass uns anfangen.
1. Installieren und aktivieren Sie das Merchant Pro Plugin
Merchant Pro ist ein All-in-One-Plugin für WooCommerce, das über 40 Module bietet, die das Einkaufserlebnis Ihres Shops verbessern und die Konversionsraten steigern sollen. Eines dieser Module ist Automatische Vervollständigung von Google-Adressen.
Um zu beginnen, kaufen, installieren und aktivieren Sie einfach das Merchant Pro-Plugin in Ihrem Shop:
2. Generieren Sie einen Google Places-API-Schlüssel
Um die automatische Vervollständigung von Google-Adressen zum Checkout Ihres Shops hinzuzufügen, müssen Sie Google Places mithilfe eines API-Schlüssels in Ihren WooCommerce-Shop integrieren.
So generieren Sie einen Google Places-API-Schlüssel:
ich. Melden Sie sich bei der Google Cloud Console an
Um einen Google Places-API-Schlüssel zu generieren, öffnen Sie die Google Cloud Console und melden Sie sich mit einem neuen oder bestehenden Google-Konto an.
ii. Erstellen Sie ein Rechnungskonto
Im Google Cloud-Dashboard müssen Sie zunächst ein Rechnungskonto erstellen. Dies ist ein obligatorischer Schritt.
Machen Sie sich keine Sorgen, es wird Ihnen noch nichts in Rechnung gestellt.
Gehe zum Abrechnung Option auf der linken Seite des Bildschirms:
Sie werden aufgefordert, ein Formular auszufüllen und eine Kredit- oder Debitkarte hinzuzufügen.
Tun Sie das und drücken Sie dann die Taste Kostenlos starten Klicken Sie auf die Schaltfläche und Ihr Rechnungskonto wird erstellt:
Nach der Erstellung des Kontos erhalten Sie von Google jeden Monat ein kostenloses Guthaben in Höhe von 200 $ für die Nutzung der folgenden Google-Dienste: Maps, Routes und Places.
Mit diesem Guthaben können Sie die Google Places API in Ihrem WooCommerce-Shop nutzen.
Solange Ihre Nutzung das monatliche Guthaben von 200 $ nicht überschreitet, wird Ihnen keine gesonderte Gebühr berechnet.
Wenn die Nutzung jedoch das monatliche Guthaben von 200 $ übersteigt, wird Ihnen die über diesen Betrag hinausgehende zusätzliche Nutzung in Rechnung gestellt (siehe Preise).
Seien Sie sicher, dass Sie es wissen wie die Places API das kostenlose Guthaben verwendet Und So behalten Sie den Überblick über die Kreditverwendung.
Sie können die Verwendung Ihres Guthabens überprüfen, indem Sie auf gehen Abrechnung → Gutschriften:
iii. Erstellen Sie ein Projekt
Gehen Sie im Konsolen-Dashboard zu Wählen Sie ein Projekt aus Option in der oberen Leiste und klicken Sie auf Neues Projekt Schaltfläche im Popup:
Benennen Sie das Projekt als „Google Address Autocomplete“ oder einen anderen Namen, der Ihrem Zweck entspricht, und klicken Sie auf Erstellen Taste:
Die Konsole benötigt einige Sekunden, um das Projekt vorzubereiten.
Sobald der Vorgang abgeschlossen ist, öffnen Sie das Projekt-Dashboard, indem Sie in der oberen Leiste den Projektnamen auswählen:
iv. Aktivieren Sie die Google Places-API
Um auf die Google Places-API zuzugreifen, gehen Sie zu API & Dienste → Bibliothek:
Geben Sie in der API-Bibliothek „Google Places API“ in die Suchleiste ein und wählen Sie es aus, wenn es auf dem Bildschirm erscheint:
Klicken Sie im nächsten Bildschirm auf Aktivieren Schaltfläche zum Aktivieren der Google Places API:
v. Erstellen Sie einen API-Schlüssel
Um einen Google Places-API-Schlüssel zu erstellen, gehen Sie zu APIs und Dienste → Anmeldeinformationen:
Drücke den Anmeldeinformationen erstellen Klicken Sie oben auf der Seite auf die Schaltfläche und wählen Sie die aus API-Schlüssel Möglichkeit:
Sofort erscheint ein Popup mit einem API-Schlüssel:
Auf der nächsten Seite können Sie den Zugriff auf Ihren API-Schlüssel einschränken, um zu verhindern, dass andere Ihr kostenloses Google Cloud-Guthaben nutzen.
Gehen Sie dazu wie folgt vor:
- Fügen Sie dem API-Schlüssel einen Titel hinzu.
- Unter dem ‚Legen Sie eine Anwendungsbeschränkung fest‚ Überschrift, wählen Sie die Webseite Möglichkeit.
- Fügen Sie Ihren Domainnamen hinzu.
- Unter API-Einschränkungendrücke den Schlüssel einschränken Möglichkeit.
- Wählen Sie im Dropdown-Menü die Option aus Places-API.
- Schlagen Sie die Speichern Taste.
Notiz: Bevor Sie den Domainnamen hinzufügen, lesen Sie unbedingt den Abschnitt „Wie beschränke ich meinen API-Schlüssel auf bestimmte Websites?“. Abschnitt auf der linken Seite des Bildschirms, um zu erfahren, wie Sie Ihre Domain zum API-Schlüssel hinzufügen:
Nachdem Sie die getroffen haben Speichern Wenn Sie auf die Schaltfläche klicken, dauert es einige Minuten, bis der API-Schlüssel aktiv wird.
Während es aktiv wird, fahren wir mit den nächsten Schritten fort.
Wenn Sie Hilfe bei der Erstellung des API-Schlüssels benötigen, wenden Sie sich an diese Hilfedokumente oder suchen Sie Hilfe bei der Google Cloud-Community.
3. Öffnen Sie das Modul zur automatischen Vervollständigung von Google-Adressen
Nach der Installation des Merchant-Plugins sehen Sie ein Händler Option erscheint in Ihrem WordPress-Menü. Wählen Sie diese Option und Sie gelangen zum Händler-Dashboard.
Gehen Sie im Händler-Dashboard zu Verbessern Sie die Erfahrung und öffnen Sie die Automatische Vervollständigung von Google-Adressen Modul:
4. Geben Sie Ihren Google Places-API-Schlüssel ein
Fügen Sie im Modul den Google API-Schlüssel ein, den Sie in Schritt 2 erstellt haben.
Sie können der API-URL auch zusätzliche Parameter hinzufügen, indem Sie die verwenden Optionale API-URL-Parameter Einstellungen wie Sprache, Region usw. (Die vollständige Liste finden Sie hier):
5. Aktivieren Sie das Modul zur automatischen Vervollständigung von Google-Adressen
Wenn Sie bereit sind, klicken Sie ins Blaue Aktivieren Klicken Sie auf die Schaltfläche, um das Modul zu aktivieren.
Sicher sein zu Speichern Ihre Änderungen vor Verlassen der Seite:
6. Aktivieren Sie die automatische Vervollständigung von Google-Adressen auf Ihrer Checkout-Seite
Nachdem Sie das Modul aktiviert haben, empfehle ich Ihnen, auf der Checkout-Seite Ihres WooCommerce-Shops zu überprüfen, ob es ordnungsgemäß funktioniert.
So sieht die automatische Vervollständigung von Google-Adressen auf der Checkout-Seite meiner Demo-Website aus:
Abschluss
Die Aktivierung der automatischen Vervollständigung von Google-Adressen ist eine hervorragende Möglichkeit, Ihren Checkout-Prozess zu beschleunigen und Benutzerfehler zu reduzieren.
Hier ist ein kurzer Überblick darüber, wie Sie mit dem Merchant Pro-Plugin die automatische Vervollständigung von Google-Adressen zu Ihrem WooCommerce-Shop hinzufügen:
- Kaufen, installieren und aktivieren Sie das Merchant Pro-Plugin.
- Öffnen Sie die Google Cloud Console und generieren Sie einen Google Places-API-Schlüssel.
- Öffnen Sie das Google Address Autocomplete-Modul in Merchant Pro und geben Sie den Google Places-API-Schlüssel ein.
- Aktivieren Sie das Modul und überprüfen Sie die Checkout-Seite Ihres Shops.
Wenn Sie Fragen dazu haben, wie Sie die automatische Vervollständigung von Google-Adressen in Ihrem WooCommerce-Shop aktivieren können, teilen Sie uns dies im Kommentarbereich unten mit.