Comment intégrer Google Maps à WordPress ?

Si vous gérez un magasin physique, ne serait-il pas formidable d'ajouter Google Maps à votre site ? Dans ce guide, vous apprendrez à intégrer Google Maps à WordPress et à tirer le meilleur parti de votre site Web.

Dans un monde aussi interconnecté, Google a été l'un des plus grands empires à faire connaître sa présence partout. Parmi ses multiples utilitaires que nous utilisons au quotidien tels que Gmail, Google Drive ou Google Search, Google Maps a gagné sa réputation comme l'un des services de cartographie Web les plus utiles de tous les temps. Lancé en 2005, cet outil de navigation développé par Google offre aux utilisateurs divers choix, notamment des images satellites, des photographies aériennes, des cartes routières et des conditions de circulation en temps réel. Il n'est pas étonnant que Google Maps soit utilisé par plus d'un milliard de citoyens du monde chaque mois en 2020.

Sachant à quel point le service est excellent et combien de personnes l'utilisent quotidiennement, l'ajout de Google Maps à votre site WordPress peut avoir d'innombrables avantages pour votre entreprise.

Pourquoi ajouter Google Maps à votre site ?

Même si cela peut sembler une évidence, avant de faire quoi que ce soit sur votre site Web bien-aimé, comprenons mieux les avantages de l'intégration de Google Maps à WordPress.

• Les données ne mentent pas : parmi toutes les personnes qui utilisent des applications de navigation sur des smartphones, 67 % utilisent Google Maps. Les 33 % restants sont répartis entre 3 autres applications, chacune ne représentant qu'un petit pourcentage. Selon l'enquête, la principale raison pour laquelle les gens choisissent Google Maps comme application de navigation préférée est la clarté des instructions, qui représente 25 %.
• Boostez le référencement local : L'intégration de Google Maps sur votre site vous donne un avantage en termes de référencement. En termes simples, si le site Web de votre magasin de fleurs, par exemple, comporte une carte, les personnes recherchant le mot clé « fleur » pourraient voir votre site Web dans les résultats de recherche.
• Vitesse : Aucune autre entreprise ne peut égaler la vitesse des services Google. Ce géant de la technologie donne une grande puissance à tous ses utilitaires, y compris Google Maps. Ainsi, si vous basez la carte de votre site Web sur Google, vous bénéficierez du temps de chargement le plus rapide qu'une carte puisse avoir.

Maintenant que nous comprenons mieux certains des principaux avantages de l'ajout de Google Maps à votre site WordPress, voyons comment procéder.

Comment connecter Google Maps à WordPress

Il existe 3 manières principales de connecter Google Maps à WordPress :

1. Intégrer Google Maps manuellement
2. Via les widgets
3. Avec des plugins

Voyons ce que chacun a à offrir et quand utiliser l'un ou l'autre.

1. Intégrer manuellement Google Maps dans WordPress

C'est la méthode la plus simple et la plus rapide pour intégrer Google Maps à WordPress. Même s'il est assez facile d'afficher la carte sur votre site Web avec cette technique, vous aurez besoin de quelques connaissances de base en HTML et Javascript pour la personnaliser à votre guise. Donc, si vous avez confiance en vos compétences en HTML ou si vous avez simplement besoin d'une carte de base sans aucune personnalisation, cette méthode est une excellente option pour vous.

Étape 1 : Accédez à Google Maps

Dans cette étape, je supposerai que Google Maps possède déjà l'emplacement que vous souhaitez intégrer. Si vous souhaitez partager l'emplacement de votre entreprise, par exemple, assurez-vous de l'avoir soumis à Google Maps. Comme vous l'avez sur Maps, tapez simplement l'emplacement et choisissez le type d'affichage que vous souhaitez (carte, satellite ou terrain).

Par exemple, si l'emplacement que vous souhaitez afficher est Times Square à New York et que vous souhaitez afficher la vue satellite, il vous suffit de cliquer sur Partager .

Étape 2 : Obtenir le code HTML

Après avoir cliqué sur Partager, vous verrez une boîte avec deux onglets. Passez à l'onglet Intégrer une carte et copiez le code HTML.

Dans cette étape, vous pouvez également choisir la taille de votre carte. Comme vous pouvez le voir dans mon exemple, le paramètre par défaut est de taille moyenne, mais vous pouvez le modifier en petite, grande ou même taille personnalisée.

Étape 3 : Intégrez le code à votre page/publication

Une fois que vous avez le code HTML, accédez à votre tableau de bord d'administration WordPress et décidez où intégrer la carte. Dans notre exemple, nous allons insérer le code dans un nouveau message. Nous allons donc cliquer sur Ajouter nouveau et accéder à l'interface de personnalisation. Selon votre constructeur de page, vous verrez peut-être un écran différent, mais les options seront similaires. Ici, nous allons nommer le message et insérer la carte dans le bloc disponible.

Ensuite, nous devons publier le message et ce que nous obtenons est ceci:

Court et doux, n'est-ce pas ? Cette méthode est l'une des plus courantes car elle est très rapide et adaptée aux débutants. Vous pouvez également ajouter quelques personnalisations à la carte avec un peu de codage, mais même si vous ne la personnalisez pas, vous obtenez une carte belle et fonctionnelle sur votre site.

2. Intégrez Google Maps dans WordPress avec des widgets

L'utilisation de widgets est une autre pratique facile pour afficher Google Maps sur votre site Web WordPress. Les widgets sont populaires car ils sont pratiques et faciles à utiliser. Cependant, veuillez noter qu'il y a aussi un inconvénient. Les widgets ne peuvent apparaître que sur des zones spécifiques de votre site, généralement les pieds de page et les barres latérales, selon le thème que vous utilisez. Cela signifie également que vous ne pouvez pas intégrer de carte dans vos pages/messages.

Donc, si vous souhaitez afficher une carte dans le pied de page ou la barre latérale, voici comment procéder.

Étape 1 : Installez et activez le plug-in Google Maps Widget

Pour cette méthode, vous devrez télécharger et installer le plug-in Google Maps Widget. Après cela, accédez à votre tableau de bord d'administration WordPress > Plugins > Ajouter un nouveau . Ensuite, téléchargez le fichier .zip que vous venez de télécharger et activez-le. Si vous avez fait cela correctement, vous recevrez une note de remerciement du plugin.

Étape 2 : Obtenir la clé API de Google Maps

Une clé API est indispensable au bon fonctionnement de votre carte. Alors, visitez la Google Developers Console et choisissez de créer un projet dans la liste déroulante. Cliquez ensuite sur Accepter et continuer. Après cela, vous accéderez à la page Ajouter des informations d'identification à vos projets . Cliquez sur Clé API , donnez-lui un nom et cliquez sur Créer .

Ensuite, copiez la clé API que vous venez de créer.

Maintenant, revenez à la page des paramètres du plug-in Google Maps Widget, collez la clé API et appuyez sur le bouton Enregistrer

Étape 3 : Affichez Google Maps

Ensuite, allez dans Apparence > Widgets, trouvez le widget Google Maps, placez-le où vous voulez et cliquez sur Ajouter un widget .

Ensuite, vous verrez une fenêtre contextuelle dans laquelle vous pourrez saisir l'adresse et modifier plusieurs options, notamment la taille et le type de carte, la couleur et la taille de la broche, l'étiquette, etc.

Lorsque vous êtes prêt, cliquez sur Enregistrer , puis vérifiez votre carte sur le front-end.

Cette méthode comporte quelques étapes supplémentaires car elle implique l'installation d'un plug-in et l'obtention de l'API, mais elle fournit des options de personnalisation de base. En revanche, comme il s'agit d'un widget, vous ne pourrez l'afficher que sur des zones spécifiques de votre site.

3. Intégrez Google Maps à WordPress à l'aide de plugins

Les deux méthodes précédentes sont d'excellentes options pour afficher l'emplacement de votre entreprise ou tout type d'emplacement statique. Cependant, si les cartes jouent un rôle important dans votre site WordPress ou si vous devez inclure plusieurs cartes dans un article/une page, les plugins sont un meilleur choix. Pour aider à intégrer Google Maps à WordPress à l'aide de plugins, de nombreux développeurs ont rejoint la course. Dans ce fil, nous vous présenterons MapPress Maps pour WordPress, l'un des meilleurs outils à cet effet.

Ainsi, pour ajouter Google Maps à votre site WordPress avec des plugins, vous devez :

Étape 1 : Installez et activez MapPress Maps pour le plugin WordPress

Téléchargez gratuitement le plugin MapPress Maps for WordPress sur votre PC/ordinateur portable, puis activez-le.

Étape 2 : Ajouter de nouveaux messages avec des cartes

Après cela, ajoutez une nouvelle publication/page à partir de votre tableau de bord d'administration WordPress. Vous pouvez également modifier les messages publiés pour ajouter une carte. Après avoir terminé les titres et le contenu du message, faites défiler vers le bas pour voir ce que MapPress peut faire.

Après avoir nommé votre carte et saisi un lieu, cliquez sur Enregistrer et publiez la publication. Vous obtiendrez un message avec une carte interactive sur le front-end.

Ce plugin vous permet également d'ajouter des cartes illimitées et de personnaliser la carte. À partir des paramètres de MapPress, vous pouvez modifier les paramètres ainsi que la façon dont les cartes sont affichées. Il existe de nombreuses options à modifier, telles que le type de carte, les contrôles et l'alignement de la carte, les types de publication, l'emplacement d'où obtenir les directions, Street View et bien d'autres.

MapPress a également une version pro qui commence à 49,95 USD et comprend des cartes mashup, des widgets, des icônes de marqueurs personnalisés et d'autres fonctionnalités. Cependant, si vous souhaitez simplement inclure Google Maps interactif sur votre site, la version gratuite devrait suffire.

Conclusion

En conclusion, l'ajout de Google Maps à votre site Web WordPress fera beaucoup de bien à votre entreprise, qu'il s'agisse de fournir un outil utile à vos utilisateurs ou d'améliorer vos résultats de référencement. Cependant, puisqu'il existe plusieurs méthodes, laquelle choisir ?

Avant d'intégrer Google Maps à votre site, vous devez examiner attentivement certains facteurs commerciaux pertinents. Par exemple, si vous avez seulement besoin d'afficher une carte sur la barre latérale ou le pied de page pour que les clients connaissent votre emplacement, l'utilisation de widgets est un choix pratique. Si, en revanche, vous souhaitez afficher des cartes dans certains articles et pages spécifiques, vous pouvez les intégrer manuellement. Enfin, si votre entreprise traite beaucoup de lieux et de cartes, le plugin MapPress est votre meilleure option.

Enfin, si vous souhaitez augmenter votre productivité et tirer le meilleur parti de votre site, vous pouvez consulter certains de nos guides :

• Comment intégrer votre site à Google Agenda
• Intégrer des tableaux et des cartes Trello dans WordPress
• Comment intégrer Calendly dans WordPress ?
• Connectez Eventbrite à WordPress

Avez-vous des questions sur la façon d'intégrer Google Maps à votre site WordPress ? N'hésitez pas à nous écrire dans les commentaires ci-dessous !