Comment créer un formulaire d’adresse de complétion automatique Google Maps
Détecter et conseiller automatiquement l’emplacement de l’utilisateur lorsque l’utilisateur remplit et tape l’adresse.
De plus, avec le plugin Geolocation, vous pouvez ajouter des cartes au formulaire de contact WordPress et permettre aux utilisateurs d’ajouter des emplacements en ajustant les broches sur la carte. Voyons comment utiliser les plug – ins wpforms et Geolocation pour créer un formulaire d’adresse Google Maps autocomplete. Étape 1: installer le plug – in wpforms la première chose que vous devez faire est d’installer le plug – in wpforms. Après avoir installé wpforms, cliquez sur le bouton activer. Si vous ne connaissez pas WordPress ou si vous rencontrez des difficultés lors de l’installation du plug – in, vous pouvez consulter le Guide étape par étape sur la façon d’installer le plug – in WordPress.
Étape 2: activez l’ajout de géolocalisation après avoir installé wpforms, vous serez en mesure d’activer l’ajout de géolocalisation. Pour activer les add – ins maintenant, allez sur le tableau de bord WordPress et cliquez sur les add – ins wpforms. Dans la barre de recherche, tapez géolocalisation et appuyez sur Activer. Étape 3: configurer les paramètres de géolocalisation une fois que l’ajout de géolocalisation est activé, vous devez configurer ses paramètres. Pour ce faire, cliquez sur paramètres wpforms. Sur la page paramètres wpforms, cliquez sur géolocalisation dans l’onglet supérieur.
Ici, vous verrez plusieurs options pour configurer l’ajout de géolocalisation: fournisseur de localisation: Vous pouvez sélectionner le fournisseur pour recevoir des informations de géolocalisation. Ici, nous choisirons l’API Google places comme fournisseur de localisation. Emplacement actuel: activez cette option pour permettre de pré – remplir l’emplacement de l’utilisateur dans le formulaire. API Google places: permet à l’adresse de compléter automatiquement et d’afficher Google Maps en interne
Ou module, vous devrez générer une clé API et la connecter aux wpforms.
Regardons le processus complet de génération de clés API. Générer une clé API à partir de la console Google Developer aller à la console Google developer, puis sélectionner un élément dans le menu sélectionner un élément en haut. Si vous n’avez pas déjà créé de projet, cliquez sur nouveau projet pour en créer un nouveau. Une fois le nouveau projet créé avec succès, cliquez sur Activer les API et les services. Ceci ouvrira une bibliothèque d’api Google. À partir de là, vous devez activer trois API: l’API géocodée Mapping JavaScript API location API cette bibliothèque d’api fournit une option de recherche simple; Tapez le nom de l’API dans la zone de recherche, allez à votre API et cliquez sur le bouton capacités.
Lorsque toutes les API sont activées, retournez au tableau de bord de la console Google et naviguez vers l’onglet justificatifs d’identité. Cliquez sur le bouton créer des identifiants en haut et sélectionnez l’option clé API. Il ouvre une fenêtre contextuelle avec une clé API. Cliquez sur l’option limiter les touches dans le coin inférieur droit de la fenêtre contextuelle. Une nouvelle page s’ouvre où vous devez configurer les paramètres suivants: restrictions d’application: Vous pouvez sélectionner un site Web, une adresse IP ou une application qui peut utiliser la clé API. Ici, vous devez sélectionner l’option http referer pour permettre l’utilisation de vos clés dans le site.
Restrictions du site: une fois que vous avez sélectionné le référenceur http, vous verrez une nouvelle option, les restrictions du site. Ici, vous devez ajouter un nom de domaine de site pour limiter l’utilisation des clés API uniquement à partir du site spécifié. Restrictions de l’API: après avoir limité les clés de l’application et du site Web, vous devrez limiter les clés de l’API. Pour ce faire, cliquez sur l’option limiter les touches. Un menu déroulant s’ouvre avec plusieurs options API. Sélectionnez l’API suivante dans le menu déroulant: cartographie de l’API de localisation
Recherche sur le géocodage javascript – API – AP
Après avoir sélectionné l’API, cliquez sur le bouton Enregistrer pour enregistrer les paramètres. Cliquez sur le bouton Enregistrer pour rediriger vers la page des justificatifs d’identité. Copiez la clé de la page et retournez aux paramètres wpforms. Dans les paramètres wpforms, collez – les dans le champ clé API sous l’API Google places, puis cliquez sur le bouton Enregistrer les paramètres. C’est génial. Passons maintenant à l’ajout de l’adresse d’achèvement automatique au formulaire. Étape 4: créer le formulaire d’adresse auto – complete de Google Maps maintenant que nous avons terminé la configuration de l’API, il est temps de créer le formulaire d’adresse auto – complete de Google Maps.
Pour ce faire, nous devons d’abord créer un nouveau module en utilisant wpforms. Allez à wpforms \
Après la création automatique de Google Maps pour remplir automatiquement le formulaire d’adresse, vous pourriez être intéressé à suivre les sources de trafic et de plomb pour votre site. Pour en savoir plus, consultez notre tutoriel détaillé sur la façon de suivre les sources de plomb dans WordPress. Après cela, vous pourriez être intéressé à voir des conseils simples pour supprimer l’inscription des utilisateurs de spam. Alors, qu’attendez – vous? À partir d’aujourd’hui, utilisez les modules WordPress les plus puissants. N’oubliez pas que si vous aimez cet article, suivez – nous sur Facebook et Twitter.
