Comment intégrer Google Maps dans la soumission de formulaires WordPress

Voulez – vous intégrer Google Maps pour lister les emplacements commerciaux, afficher les listes en ligne ou afficher les membres du Club? Apprenez comment cartographier plusieurs emplacements sur Google Maps et soumettre un formulaire pour affichage en tant que substituant. Comment cartographier plusieurs emplacements dans Google Maps intégré et voir les formulaires soumis sous forme de pin est un sujet qui apparaît souvent dans notre helpdesk. L’utilisation de cartes interactives est un élément important des sites d’agents immobiliers, des sites de publicité bon marché et de nombreuses autres applications. Ces cartes Google intégrées peuvent vous aider à créer des sites vraiment intéressants et sont faciles à configurer.
Sélectionnez le plugin wordpress Maps lorsque j’ai intégré Google Maps pour la première fois afin de lister les formulaires soumis, je créais un site de café en pause. Aujourd’hui, je vais vous montrer comment construire un système de type répertoire similaire. Ces principes fondamentaux peuvent s’appliquer à de nombreux types d’entreprises et d’organisations. Les formulaires puissants sont le meilleur plugin pour WordPress form Builder. Accès gratuit! Dans ce tutoriel, je vais utiliser un plug – in WordPress Maps appelé codespacing Progress charts. Je ne recommande pas souvent les plug – ins tiers payants, mais c’est mon plug – in personnel et je l’aime beaucoup.
J’a I également utilisé un plug – in gratuit appelé personnaliser l’interface utilisateur de type post pour les types de post personnalisés. Je recommande d’installer ces deux plug – ins avant d’apprendre ce tutoriel. Étape 1: définir un type de message personnalisé pour le NIP de la carte Le plug – in Progress Chart extrait les données des messages et les affiche sur la carte. Comme les principaux types de messages sont utilisés par différentes fonctions de sujet, il est souvent préférable de créer un nouveau type de message personnalisé. Je suis en train d’ajouter un type de post appelé \
Ng _ Progress Map address Maps to hidden Fields in my form where each address fields are Merged into one using text calculation. L’id Thumbnail _ mappe vers le champ de téléchargement de mon fichier et définit l’image de premier plan de cet article. Étape 4: configurer la vérification des messages, même avec une protection anti – pourriel Honeypot puissante et le support recaptcha, il est recommandé de vérifier le contenu. L’opération form définit l’état du message à l’ébauche, donc maintenant nous avons besoin d’un moyen d’approuver l’ébauche soumise.
La façon la plus simple est de configurer une notification par courriel pour demander une vérification. Ce courriel doit aviser l’Administrateur du site après l’envoi d’une nouvelle carte pin. L’Administrateur peut contrôler la soumission, l’affichage ou la suppression des messages, selon le cas. Étape 5: intégrer Google Maps et définir la source dans le plug – in Progress maps, créer une nouvelle carte Google et ajouter la carte à la page en utilisant le raccourci fourni. Ensuite, définissez les options de la carte. Dans les paramètres de la carte de progression, sélectionnez le type de poste de broche de carte comme source de données.
Sur la page paramètres de carte par défaut, ajoutez votre clé d’api Google Maps. Si vous n’avez pas de compte, un lien d’inscription est inclus dans les paramètres. Google a récemment modifié sa politique et j’a i dû m’inscrire à un compte de facturation pour obtenir une nouvelle clé API. Mais les bonus gratuits signifient que 99% des sites n’auront jamais à payer de Commission. Il y a beaucoup d’autres options pour les styles et les mises en page, alors prenez le temps de les explorer. Définissez le style qui convient le mieux à votre site Web unique. Étape 6: envoyer un NIP pour cartographier plusieurs emplacements il est temps d’envoyer un site d’essai pour voir si vos efforts ont été récompensés. N’oubliez pas que le formulaire que vous soumettez n’est pas ajouté immédiatement