Möchten Sie ein Autovervollständigungs-Adressformular in WordPress erstellen?
Ein automatisch ausgefülltes Adressformular ist die moderne Möglichkeit, Kunden Zeit zu sparen, indem beim Ausfüllen eines Formulars automatisch ihre Adresse vorgeschlagen wird.
Sobald ein Kunde beginnt, seine Adresse in das Adressfeld einzugeben, werden Optionen zum Auswählen und Eingeben seiner Adresse aus Google Locations angezeigt.
Standardmäßig verfügt WordPress nicht über eine Option zur automatischen Vervollständigung von Adressen. Sie müssen ein Plugin wie WPForms verwenden, um ein Kontaktformular zu erstellen und die Option zur automatischen Adressvervollständigung für das Adressfeld zu aktivieren.
In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein Autovervollständigungs-Adressformular erstellen.
Erstellen Sie ein Autofill-Adressformular in WordPress
Nachfolgend finden Sie die Schritt-für-Schritt-Anleitung zum Hinzufügen des Autofill-Adressformulars zu Ihrer WordPress-Website.
Schritt 1. Installieren und aktivieren Sie das WPForms-Plugin
Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren.
WPForms ist zweifellos der beste Formularersteller für WordPress. Damit kann jeder schnell und einfach jede Art von Formular für seine Website erstellen.
Egal, ob Sie neue Leads gewinnen oder Zahlungen von Kunden annehmen, dieses Plugin hat die Form, die Sie brauchen, um zu wachsen.
Weitere Informationen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.
Bei der Aktivierung müssen Sie einen Lizenzschlüssel eingeben, um alle Funktionen des WPForms-Plugins nutzen zu können.
Den Lizenzschlüssel finden Sie in Ihrem WPForms-Konto.
Klick auf das Schlüssel überprüfen und Sie sehen eine Erfolgsmeldung.
Schritt 2. Installieren und aktivieren Sie das Geolocation-Plugin
Anschließend sollten Sie die besuchen WPForms » Plugins Seite. Von dort aus können Sie das Geolocation-Plugin installieren und aktivieren.
Dieses Plugin hilft Ihnen dabei, die Option zur automatischen Adressvervollständigung in Ihrem Kontaktformular zu aktivieren.
Schritt 3. Aktivieren Sie die automatische Adressvervollständigung und fügen Sie den Google Places-API-Schlüssel hinzu
Sie müssen die besuchen WPForms » Einstellungen Seite. Von dort aus können Sie zu gehen Geolokalisierung Registerkarte des oberen Navigationsmenüs.
Drin Veranstaltungsortanbieter Abschnitt, den Sie auswählen können Google Places-API und überprüfen Sie unten die Option für den aktuellen Standort.
Besuchen Sie als Nächstes die Google Cloud Platform, um den API-Schlüssel für Google Places zu erhalten.
Auf dieser Seite müssen Sie auf klicken Aktivieren Sie APIs und Dienste Möglichkeit.
Dadurch wird Ihnen die vollständige Liste der Google-APIs und -Dienste angezeigt. Sie müssen die folgenden APIs aktivieren:
- Google Places-API
- Google Maps JavaScript-API
- Geokodierungs-API
Wenn Sie keine API finden, können Sie den Namen in das Suchfeld eingeben und er wird unten angezeigt.
Jetzt geh zu API und Dienste » Anmeldeinformationen. Von dort aus müssen Sie auf klicken + Anmeldeinformationen erstellen Link und klicken Sie dann auf API-Schlüssel Möglichkeit.
Es öffnet sich ein Popup-Fenster und Sie können den API-Schlüssel sehen. Klick auf das Schlüssel einschränken Option zur Steuerung des Zugriffs mithilfe eines API-Schlüssels.
Drin Anwendungsbeschränkungen Abschnitt müssen Sie auswählen HTTP-Absender (Websites).
Drin API-Einschränkungen Abschnitt, siehe Schlüssel einschränken und wählen Sie die drei APIs aus, die Sie zuvor aktiviert haben.
Klick auf das Speichern Klicken Sie auf die Schaltfläche, um fortzufahren.
Ihr API-Schlüssel ist fertig. Kopieren Sie den API-Schlüssel von dieser Seite.
Gehen Sie nun zurück zum WordPress-Administrationsbereich und fügen Sie den API-Schlüssel in die Seite mit den Geolokalisierungseinstellungen ein.
Klick auf das Einstellungen speichern Taste.
Schritt 4. Erstellen Sie ein neues Kontaktformular
Nachdem Sie das Geolocation-Plugin eingerichtet haben, müssen Sie ein neues Kontaktformular erstellen. Sie können die Option „Autovervollständigung der Adresse aktivieren“ auch für zuvor erstellte Formulare verwenden.
Um ein neues Formular zu erstellen, gehen Sie zu WPForms » Neu hinzufügen. Der WPForms-Builder wird auf Ihrem Bildschirm geöffnet und Sie können mehrere integrierte Vorlagen sehen.
Geben Sie zunächst einen Namen für Ihr neues Formular ein und klicken Sie auf Einfaches Kontaktformular Vorlage.
Die Kontaktformularvorlage wird geöffnet. Sie sehen die Felder auf der linken Seite und die Formularvorschau auf der rechten Seite des Bildschirms.
Drin Luxusfelder Abschnitt finden Sie die Adresse Feld. Ziehen Sie einfach das Adressfeld per Drag & Drop auf die Formularvorschau auf der rechten Seite.
Klicken Sie nun im Vorschaubereich des Formulars auf dieses Adressfeld und Sie sehen auf der linken Seite die Bearbeitungsmöglichkeiten.
Drin Erweiterte Optionenmüssen Sie markieren Aktivieren Sie die automatische Adressvervollständigung Möglichkeit.
Klick auf das Speichern in der oberen rechten Ecke des Bildschirms und beenden Sie den WPForms Builder.
Schritt 5. Fügen Sie das AutoComplete-Adressformular zu Ihrer WordPress-Seite hinzu
Da Ihr Formular zum automatischen Ausfüllen Ihrer Adresse nun fertig ist, können Sie das besuchen Seiten » Neu hinzufügen Seite aus Ihrem WordPress-Administrationsbereich.
Fügen Sie Ihrer Seite zunächst einen Titel hinzu und klicken Sie auf das Plus-Symbol. Jetzt können Sie nach dem benutzerdefinierten WPForms-Block suchen und darauf klicken.
Wählen Sie im Dropdown-Menü das Formular zum automatischen Ausfüllen der Adresse aus.
Klick auf das Post Besuchen Sie deren Website, um das Kontaktformular mit dem Adressfeld zur automatischen Vervollständigung in Aktion zu sehen.
Und das ist es! Jetzt haben Sie erfolgreich gelernt, wie Sie in WordPress ein Autofill-Adressformular erstellen.
Sie können sich auch unsere Anleitung zum Hinzufügen eines benutzerdefinierten Buchungsformulars zu Ihrer WordPress-Site ansehen.
Dies kann Ihnen außerdem dabei helfen, ein Online-Terminbuchungsformular zu erstellen und ein Adressfeld zum automatischen Ausfüllen hinzuzufügen, um Benutzerregistrierungen von unterwegs aus zu erhalten.
