L'ajout de l'intégration de cartes est un avantage pour votre site Web qui vous aidera à connaître l'emplacement de votre client. Désormais, avec MetForm, vous pouvez facilement ajouter un emplacement Google Map à votre formulaire.
Comment créer une intégration cartographique #
Il s'agit d'une fonctionnalité très utile qui vous aidera à mieux connaître vos clients ou ceux qui soumettent des formulaires. Grâce à MetForm, vous pouvez facilement créer une intégration cartographique en suivant deux étapes. Passons à l'ajout de cette intégration.
Étape 1 : Générez et insérez la clé API de la carte. #
Tout d’abord, accédez à votre tableau de bord d’administration, puis passez votre souris sur MetForm et cliquez sur Paramètres.
Après cela, visite général -> plan puis appuyez sur la touche lien « créer un formulaire ici » comme l'image.
Il vous redirigera vers Google Cloud Platform à partir duquel vous devrez vous connecter ou vous inscrire.
Maintenant, vous devez cliquer sur le menu de navigation.
Trouver API et services -> Aller à la bibliothèque -> Rechercher l'API JavaScript Maps et l'API Places
Ensuite, vous devez cliquer sur l'API JavaScript et l'activer.
Comme JavaScript, vous devez activer l’API Places. Après cela, générez une clé API à partir de Credential. Si vous ne savez pas comment créer cette clé API, lisez ceci documentation concernant l'API JavaScript.
Après avoir créé la clé API de la carte, entrez cette clé dans la zone API et appuyez sur le bouton Enregistrer les modifications.
En savoir plus sur le paramètres généraux de MetForm.
Étape 2 : Ajoutez un nouveau formulaire à intégrer à la carte. #
Après avoir saisi votre clé API, vous devez créer un formulaire.
Pour le faire, rendez-vous sur Formulaires -> Ajouter un nouveau. Une fenêtre contextuelle des paramètres s'ouvrira après avoir cliqué sur le bouton Ajouter un nouveau.
Vous devez allez dans la section Général depuis les paramètres -> choisissez le titre de votre formulaire -> cliquez sur le bouton Modifier le contenu. Cela vous redirigera vers le tableau de bord Elementor à partir duquel vous devrez faire glisser et déposer le widget de localisation Google Map comme le gif ci-dessous.
Voici l'aspect final de l'intégration de la carte :