Voulez-vous ajouter une carte interactive dans WordPress? Les cartes interactives permettent à vos utilisateurs de découvrir des itinéraires, des voyages et des itinéraires en cliquant sur les marqueurs sur la carte ou en déplaçant la souris. Dans cet article, nous vous montrerons comment ajouter facilement une carte interactive dans WordPress.
Didacticiel vidéo
Abonnez-vous à WPBeginner
Si vous n’aimez pas la vidéo ou avez besoin de plus d’instructions, lisez la suite.
Méthode 1: ajouter une carte interactive dans WordPress à l’aide de Google My Maps
Cette méthode est plus simple et ne vous oblige pas à installer un plugin sur votre site WordPress.
Tout d’abord, vous devez visiter le site Web Google My Maps et cliquer sur le bouton “Créer une nouvelle carte”.
Cela vous amènera à la page d’édition de la carte. Sur cet écran, vous pouvez créer votre carte en sélectionnant un fond de carte, en ajoutant des POI, des couches, etc.
À l’aide de la barre d’outils en haut, vous pouvez dessiner des lignes sur la carte, ajouter des itinéraires, utiliser des règles et sélectionner des éléments.
Tous les éléments de la carte sont enregistrés dans les couches sur la gauche. Vous pouvez ajouter, modifier, renommer ou même supprimer des calques. Vous pouvez également cliquer sur n’importe quel élément de votre calque pour ajouter une description, modifier le titre ou ajouter des photos / vidéos.
Une fois que vous avez terminé de modifier votre carte, vous devez la rendre publique avant de pouvoir l’utiliser sur votre site Web. Vous pouvez le faire en cliquant sur le bouton Partager dans le panneau d’édition.
Cela ouvrira le centre de partage où vous devez cliquer sur “Modifier” dans la section “Qui a accès”.
Ensuite, vous devez sélectionner “Activé – Public sur le Web”, puis cliquez sur le bouton Enregistrer.
Après cela, cliquez sur “Terminé” pour fermer le hub de partage.
Dans le panneau d’édition, cliquez sur l’icône de menu à côté du nom de la carte, puis sélectionnez “Insérer sur mon site”.
Vous verrez maintenant le code d’intégration que vous devez copier.
Ensuite, dirigez-vous vers le message ou la page où vous souhaitez ajouter votre carte WordPress interactive. Sur l’écran d’édition suivant, vous devez basculer vers l’éditeur de texte et coller le code d’insertion de la carte que vous avez copiée précédemment.
Vous pouvez maintenant enregistrer vos modifications et prévisualiser votre publication pour voir votre carte interactive en action.
Méthode 2: ajouter une carte interactive dans WordPress à l’aide du plugin
Bien que vous puissiez créer et ajouter des cartes interactives avec Google Maps, il manque toujours certaines fonctionnalités et est limité à Google Maps.
Si vous souhaitez utiliser Open Street Maps, Bing ou d’autres services de cartographie, cette méthode est faite pour vous.
La première chose à faire est d’installer et d’activer le plugin Maps Marker Pro. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Après l’activation, vous devez visiter Maps Marker Pro pour créer votre carte interactive. Pour commencer, vous devez cliquer sur le bouton “Ajouter un nouveau calque”.
Ensuite, vous devez fournir un nom pour votre couche et cliquer sur publier.
Maintenant que vous avez créé une couche, vous êtes prêt à lui ajouter des marqueurs de carte. Aller Maps Marker Pro »Ajouter un nouveau marqueur pour ajouter votre premier signet.
Vous devrez d’abord saisir un titre pour le marqueur, puis rechercher l’emplacement et le sélectionner.
Vous devrez également placer votre marqueur sur le calque que vous avez créé précédemment. Vous pouvez le faire en tapant le nom du calque dans le champ des calques et en le sélectionnant.
N’oubliez pas de cliquer sur le bouton “Publier” pour enregistrer votre favori.
Répétez le processus pour ajouter d’autres marqueurs au calque.
Une fois que vous avez terminé d’ajouter des signets, vous pouvez modifier n’importe quelle publication ou page WordPress à laquelle vous souhaitez ajouter la carte.
Sur l’écran d’édition de la publication, cliquez sur le bouton “Ajouter une carte”.
Une fenêtre contextuelle apparaîtra montrant tous vos marqueurs de carte et la couche que vous avez créée précédemment. Vous devez sélectionner la couche et cliquer sur le bouton Insérer une carte.
Le plugin ajoutera le shortcode requis dans la zone de votre éditeur de publication. Vous pouvez désormais enregistrer ou publier votre publication et un aperçu pour afficher votre carte interactive.
Vous pouvez toujours modifier votre couche principale pour ajuster la taille et les dimensions de la carte.
Maps Marker Pro est un plugin puissant avec des tonnes d’options comme des cartes multicouches, des marqueurs personnalisés, des directions, la prise en charge GPX, l’exportation de cartes dans plusieurs formats et plus encore. Vous pouvez explorer ces options pour rendre vos cartes encore plus interactives.
Nous espérons que cet article vous a aidé à apprendre à ajouter une carte interactive dans WordPress. Vous pouvez également consulter notre liste des meilleurs plugins Google Maps pour WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour regarder des vidéos de didacticiel WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
