Comment intégrer Google Maps dans WordPress (3 façons simples)

Voulez ajouter Google Maps au site WordPress? Lamp;rsquoajout de cartes, damp;rsquoaudio et de vidéo à un site est un bon moyen de créer une expérience interactive pour les visiteurs. En outre, il samp;rsquoagit damp;rsquoun moyen utile de fournir aux utilisateurs les informations dont ils ont besoin. Dans nous avons partagé plusieurs façons d’ajouter Google Maps au site WordPress. Résumé: Pourquoi intégrer Google Maps sur le site? Obtenez la clé API Google Maps 1. Comment intégrer Google Maps dans la page d’atterrissage WordPress 2. Comment ajouter Google Maps aux messages WordPress (avec plugin) 3. Comment ajouter manuellement Google Maps dans WordPress https:www.youtube.comwatch?v=PPg2EBFsf5Q Quels sont les avantages de lamp;rsquointégration de cartes interactives dans votre site avant de commencer?
Pourquoi intégrer Google Maps sur le site? Comme le savez déjà, la fusion de cartes dans un site est un bon moyen de rendre le site interactif. Mais il y a beaucoup damp;rsquoautres avantages qui peuvent aider votre entreprise à croître. Par exemple, Google Maps intégré peut: aider les clients à trouver un magasin physique près de leur lieu de résidence pour montrer aux participants lamp;emplacement de lamp;rsquoévénement afficher un billet de blog pour discuter de lamp;emplacement spécifique montrer votre emplacement, pouvez utiliser des cartes interactives pour rafraîchir votre site. Ainsi, pouvez servir la croissance des affaires et les perspectives.
Avant d’intégrer Google Maps dans le site WordPress, il est préférable de créer une clé d’api Google Maps, dont Google a maintenant besoin. Pour obtenir la clé de lamp;rsquoAPI Google, effectuez les étapes suivantes. 1. Accédez à la console de la plateforme Google Cloud. namp;rsquoavez pas encore de compte gratuit, pouvez en créer un. 2. Sélectionnez un projet existant ou créez un nouveau projet 3. Sélectionnez lamp;rsquoAPI damp;rsquointégration de carte et cliquez sur
Passez à lamp;rsquoécran suivant.
Allez maintenant dans la barre latérale des justificatifs damp;rsquoidentité, cliquez sur + pour créer lamp;rsquooption justificatifs damp;rsquoidentité et sélectionnez la clé API.
Vous devriez maintenant avoir une clé API active pour Google Maps. Maintenant, montrons comment intégrer Google Maps dans WordPress. 1. Comment intégrer Google Maps dans la page d’atterrissage de WordPress la première méthode de ce tutoriel décrit comment intégrer Google Maps dans la page d’atterrissage de WordPress. La page damp;rsquoatterrissage est la meilleure façon de transformer le trafic cible en plomb et en ventes. Le meilleur plugin de page d’atterrissage WordPress est seedprod.
Seedprod est un générateur de page damp;rsquoatterrissage glisser déposer qui permet de créer des pages damp;rsquoatterrissage à haut taux de conversion sans codage. Il est livré avec des centaines de modèles de page damp;rsquoatterrissage réactifs que pouvez facilement personnaliser dans un éditeur visuel frontal.
En outre, seedprod dispose damp;rsquoun grand nombre de blocs de contenu intelligents qui peuvent ajouter du contenu intuitif à la page, y compris: Google Maps action button Pricelist image Carrousel recommended Dynamic Text Animation title activation module, etc. ainsi, pouvez rapidement créer une page damp;rsquoatterrissage sans avoir besoin damp;rsquoengager un développeur. Suivez ces étapes pour apprendre à intégrer Google Maps dans la page d’atterrissage WordPress en utilisant seedprod. La première étape du téléchargement du plug in seedprod login page est de le plug in seedprod sur votre ordinateur. Bien que seedprod offre une version gratuite pour créer une page d’atterrissage gratuite dans WordPress, nous utiliserons seedprod pro. De cette façon, nous pouvons utiliser le bloc de contenu avancé mentionné ci dessus.
Puis cliquez sur le bouton ci dessous pour commencer. Ensuite, installez et activez seedprod sur votre site Web. avez besoin d’aide dans ce domaine, suivez ce guide étape par étape pour installer le plugin wordpress. U
Après lamp;rsquoinstallation de seedprod, verrez lamp;rsquoécran de bienvenue qui nécessite une clé de licence.
Vous pouvez trouver la clé en connectant à votre compte seedprod et en cliquant sur afficher la clé de licence, les détails et le lien de téléchargement. Après avoir copié la clé, collez la dans le champ clé de licence de lamp;rsquoécran damp;rsquoaccueil seedprod et cliquez sur le bouton clé de vérification.
2. Créer une nouvelle page damp;rsquoatterrissage
Vous pouvez maintenant commencer à créer la première page, puis faire défiler lamp;rsquoécran damp;rsquoaccueil vers le bas et cliquer sur le bouton créer la première page. Lorsque cliquez sur ce bouton, allez au tableau de bord de la page damp;rsquoatterrissage seedprod.
Sur cette page, verrez damp;rsquoabord les différents modes de page damp;rsquoatterrissage disponibles dans seedprod, y compris: le mode de maintenance à venir login 404 le mode de page seedprod permet damp;rsquoactiver rapidement plusieurs pages damp;rsquoatterrissage en un seul clic. Par exemple, pouvez rapidement ouvrir lamp;rsquoécran de maintenance lors damp;rsquoune petite mise à jour. Ou pouvez activer l’écran de connexion WordPress personnalisé pour accueillir les utilisateurs enregistrés.
Le principal avantage du mode page est que n’avez pas à installer un plugin wordpress séparé pour cette fonctionnalité. Seedprod intègre tout dans un plug in compact. Sous la section mode page, trouverez une liste de chaque page créée avec seedprod. Pour le moment, ne verrez aucune des pages énumérées. Pour créer la première page, cliquez sur le bouton créer une nouvelle page damp;rsquoatterrissage.
Cliquez sur ce bouton pour accéder à lamp;rsquoécran modèle de la page damp;rsquoatterrissage seedprod. Ici, verrez des centaines de modèles conçus professionnellement que pouvez utiliser comme base de conception de page.
Il y a plusieurs onglets en haut pour filtrer les dessins, par exemple: le mode de maintenance à venir page 404
Conférencier du webinaire des ventes Merci de connecter pour mettre votre souris sur namp;rsquoimporte quel Design que , puis cliquez sur lamp;rsquoicône cocher pour importer le modèle.
Nous utiliserons le modèle damp;rsquoopportunités dans ce guide, que trouverez sous la rubrique extrusion de plomb. Après avoir cliqué sur lamp;rsquoicône cocher pour importer le modèle, verrez une fenêtre contextuelle demandant damp;rsquoentrer le nom de la page de connexion. Puisque votre nom de page est automatiquement attribué à lamp;rsquoURL de la page de connexion, donnez lui un nom qui a du sens pour les visiteurs.
Vous pouvez facilement modifier ce paramètre si des erreurs surviennent plus tard. Puis continuez, cliquez sur le bouton Enregistrer et commencez à éditer la page. 3. Personnalisation de la conception de la page
Lorsque importez un dessin, il samp;rsquoouvre dans lamp;rsquoéditeur de page visuelle de seedprod. Lamp;rsquoéditeur dispose damp;rsquoun design convivial à deux panneaux qui permet de personnaliser la page très facilement: panneau de gauche: blocs et sections pour construire et personnaliser la page panneau de droite: aperçu en temps réel de lamp;rsquoapparence de la page damp;rsquoatterrissage en haut de lamp;rsquoéditeur il y a un menu de navigation qui permet de passer rapidement de la conception, Intégration et configuration des pages.
Au bas du panneau de gauche, il y a beaucoup damp;rsquoautres icônes pour aider à naviguer sur la page, y compris: Global Settings: check colors, Police et arrière plan de la page navigation globale mise en page: Navigation rapide entre différentes parties de lamp;rsquohistorique des révisions de conception: prévisualisation et restauration des versions antérieures du projet annuler et restaurer: annuler les modifications de conception ou restaurer rapidement déplacer lamp;rsquoaperçu: prévisualiser déplacer la conception Page de connexion
Les paramètres ci dessus permettent de personnaliser facilement
Modélisez votre marque, votre contenu et vos objectifs de marketing. Par exemple, en cliquant sur le titre de la page, pouvez changer le texte, la couleur et voir les changements en temps réel plus rapidement.
Alternativement, si voulez changer lamp;rsquoimage par défaut, il suffit de cliquer sur lamp;rsquoimage pour voir les paramètres à gauche. Vous pouvez ensuite le remplacer par une photo de votre ordinateur, dans la médiathèque, ou choisir une photo damp;rsquoinventaire gratuite.
Il est facile damp;rsquointégrer une page damp;rsquoatterrissage Google Maps pour empêcher lamp;rsquoajout de widgets Google Maps à la page damp;rsquoatterrissage. Dans le panneau de gauche, cliquez sur le bloc Google Maps. Vous pouvez ensuite le faire glisser dans une partie de la page où voulez quamp;rsquoelle se trouve.
Vous pouvez saisir rapidement lamp;emplacement à afficher en cliquant sur les paramètres du bloc Google Maps. Vous pouvez ensuite sélectionner le grossissement de la carte, modifier lamp;rsquoalignement et ajuster la largeur de la carte.
En sélectionnant lamp;rsquoonglet avancé, pouvez sélectionner différents styles de bordure et ajuster lamp;rsquoespacement autour damp;rsquoune carte personnalisée.
Continuez à personnaliser votre page damp;rsquoatterrissage jusquamp;rsquoà ce que soyez satisfait de son apparence. Namp;rsquooubliez pas de cliquer sur le bouton vert enregistrer dans le coin supérieur droit pour stocker les modifications. 5. Configurer les paramètres lorsque la conception est prête. Peu de paramètres peuvent être configurés avant de publier la page damp;rsquoatterrissage. Seedprod permet de lier facilement la page damp;rsquoatterrissage à une liste de courriels. Cliquez ensuite sur la connexion en haut de lamp;rsquoécran pour voir les services de marketing par courriel populaires. Il est donc facile de demander aux utilisateurs de samp;rsquoabonner à votre bulletin et de lamp;rsquoajouter automatiquement à votre liste de diffusion.
Après avoir connecté la liste des courriels, cliquez sur lamp;rsquoonglet configuration de la page pour plus damp;rsquooptions.
Produits à base de semences ou
Comment faire plus tard? 2. Comment ajouter Google Maps aux messages WordPress (avec plugins) les cartes jouent un rôle important dans votre entreprise et que devez les utiliser dans plusieurs messages et pages de votre site, nous recommandons cette méthode. Nous utiliserons à nouveau le plugin wordpress et cette fois nous utiliserons mappress Maps pour WordPress.
Ensuite, continuez à installer et activer le plug in sur le tableau de bord wordpress pour commencer. Cliquez ensuite sur modifier sur le post ou la page que souhaitez intégrer dans la carte. Dans un article ou une page, cliquez sur l’icône plus (+) pour ajouter un nouveau bloc WordPress. De là, recherchez le bloc de carte mappress et cliquez dessus pour ajouter la carte à votre message.
Cliquez maintenant sur le bouton bibliothèque de cartes et sélectionnez ajouter un nouveau contenu à lamp;rsquoécran suivant.
À lamp;rsquoécran suivant, pouvez taper votre emplacement préféré sur la carte dans la barre de recherche et cliquer sur enregistrer.
Ensuite, cliquez sur le lien insérer un billet pour ajouter la carte au billet WordPress. Vous pouvez maintenant modifier la taille et lamp;rsquoéchelle de Google Maps en utilisant le panneau de configuration de la carte à droite.
Ensuite, cliquez sur mise à jour ou publication pour enregistrer les modifications et prévisualiser lamp;rsquoapparence de la nouvelle carte.
3. Comment ajouter Google Maps manuellement dans WordPress bien sûr, pouvez ajouter Google Maps sur le site WordPress sans avoir besoin d’un plugin. Vous devez visiter le site Google Maps et rechercher lamp;emplacement que souhaitez voir.
À partir de là, cliquez sur lamp;rsquoicône partager, puis cliquez sur lamp;rsquoonglet carte intégrée qui apparaît dans la fenêtre contextuelle. Puis cliquez sur le bouton copier HTML.
Cliquez maintenant sur Édition sur n’importe quel article ou page dans WordPress. Dans l’éditeur de blocs WordPress, cliquez sur l’icône plus (+) pour ajouter un nouveau bloc et sélectionnez l’option PE HTML

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins