Comment intégrer Bing Maps dans WordPress (étape par étape)
Voulez-vous intégrer Bing Maps dans WordPress ?
Vous pouvez utiliser Bing Maps pour afficher les directions, le trafic, les itinéraires et les instructions de navigation sur votre site WordPress. Si vous ne souhaitez pas utiliser Google Maps, Bing est une excellente application cartographique alternative avec une tonne de données utiles.
Dans cet article, nous allons vous montrer comment intégrer facilement Bing Maps dans WordPress, étape par étape.
Pourquoi ajouter Bing Maps dans WordPress (et pas Google Maps) ?
Si vous exploitez un magasin, un restaurant, un salon, une attraction touristique ou toute autre entreprise physique, l'ajout de Bing Maps à votre site Web permettra aux clients de vous trouver plus facilement.
Les clients potentiels peuvent également obtenir un itinéraire pour se rendre à votre entreprise et partager facilement votre position avec leurs amis et leur famille. De plus, l'intégration de Bings Maps peut améliorer votre référencement WordPress et rendre votre site plus visible dans les recherches locales.
Lorsqu’il s’agit d’ajouter une carte à WordPress, Google Maps peut sembler le choix évident, d’autant plus qu’ils proposent un localisateur de magasin Google Maps.
Cependant, ces dernières années, Bing Maps est devenu plus populaire et les deux services offrent des fonctionnalités, une couverture géographique et des données légèrement différentes. En particulier, de nombreuses personnes pensent que Google Maps surestime le temps nécessaire pour atteindre votre destination.
Si vous n'êtes pas satisfait de Google Maps ou si vous préférez simplement Microsoft à Google, alors Bing Maps est une excellente alternative.
Cela étant dit, voyons comment ajouter Bing Maps à votre site Web WordPress. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser :
Méthode 1 : ajout de Bing Maps dans WordPress (idéal pour les cartes uniques)
De nombreux propriétaires d'entreprise souhaitent simplement ajouter une carte à leur formulaire de contact ou à leur page À propos de nous. Si vous souhaitez simplement ajouter une seule carte à votre site Web, vous pouvez utiliser un code intégré.
Rendez-vous simplement sur Bing Maps et recherchez l’emplacement ou la carte que vous souhaitez utiliser. Une fois que vous avez trouvé le bon emplacement, cliquez sur l'icône à trois points et sélectionnez « Intégrer une carte ».
Bing va maintenant ouvrir un nouvel onglet dans lequel vous pourrez personnaliser la carte en modifiant sa taille, son type (carte statique ou déplaçable), son style (routier ou aérien), etc.
Au fur et à mesure que vous apportez des modifications, l'aperçu sera automatiquement mis à jour, vous pourrez donc essayer différents paramètres pour voir ce qui vous convient le mieux.
Lorsque vous êtes satisfait de la façon dont la carte est configurée, cliquez sur le bouton « Générer le code ».
Bing Maps affichera alors un extrait de code. Allez-y et copiez le code, car vous en aurez besoin à l’étape suivante.
Maintenant, revenez à votre site WordPress et ouvrez la publication ou la page sur laquelle vous souhaitez ajouter la carte.
Ensuite, cliquez sur l'icône « + » et commencez à taper « HTML personnalisé ».
Lorsque le bloc de droite apparaît, cliquez simplement pour l'ajouter à la page.
Une fois que vous avez fait cela, collez simplement le code d'intégration dans le bloc HTML personnalisé.
Vous pouvez maintenant cliquer sur le bouton « Mettre à jour » ou « Publier » pour mettre la carte en ligne sur votre boutique en ligne ou votre site Web.
Méthode 2 : ajout de cartes Bing à l’aide d’un plugin (idéal pour intégrer plusieurs cartes)
Si vous n’avez besoin d’ajouter qu’une seule carte, le code intégré est une bonne solution. Cependant, cette méthode peut prendre beaucoup de temps et d'efforts si vous devez ajouter plusieurs Bing Maps.
Par exemple, si vous gérez un annuaire d'entreprises, vous devrez peut-être ajouter une carte à chaque page. Dans ce cas, nous vous recommandons d'utiliser Ultimate Maps de Supsystic car il facilite l'intégration de cartes Bing, de cartes Leaflet et d'autres alternatives Google Maps.
La première chose que vous devez faire est d'installer et d'activer le plugin Ultimate Maps by Supsystic. Pour des instructions détaillées, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Pour utiliser ce plugin avec Bing Maps, vous aurez besoin d’une clé API Bing Map.
Pour obtenir cette clé, créez simplement un compte dans le Bing Maps Dev Center. Si vous possédez déjà un compte Microsoft, vous pouvez vous connecter avec vos informations de connexion Microsoft.
Après vous être connecté à votre compte, cliquez sur le menu « Mon compte ».
Ensuite, sélectionnez « Mes clés ».
Sur l’écran suivant, vous devez remplir les informations de votre blog ou site Web WordPress.
Ensuite, cliquez sur « Créer ».
Après quelques instants, vous verrez le message « Clé créée avec succès ».
Vous pouvez maintenant cliquer sur « Afficher la clé » et copier la clé API Bing Maps, ou simplement cliquer sur le lien « Copier la clé ».
L'étape suivante consiste à coller la clé dans les paramètres du plugin.
Dans votre tableau de bord WordPress, vous devez accéder à Ultimate Maps by Supsystic » Paramètres. Ensuite, ouvrez la liste déroulante « Maps Engine » et choisissez « Bing Microsoft ».
Vous pouvez maintenant continuer et coller la clé API dans le champ « Clé API Bing Maps ».
Cela fait, n’oubliez pas de cliquer sur le bouton « Enregistrer ».
Après cela, vous souhaiterez peut-être ajouter des catégories de marqueurs. Semblables aux catégories et aux balises de WordPress, celles-ci peuvent vous aider à organiser les points d’intérêt sur votre carte.
Par exemple, si vous créez une carte pour les touristes, vous pouvez créer des catégories telles que « Hébergement », « Restaurants » et « Attractions ».
Pour créer une catégorie, sélectionnez simplement l'onglet « Catégories de marqueurs », puis cliquez sur « Ajouter une catégorie ».
Vous pouvez désormais ajouter un titre, modifier la couleur de l'arrière-plan et du texte et attribuer des catégories enfants aux catégories parents.
Lorsque vous êtes satisfait des informations que vous avez saisies, cliquez sur « Enregistrer ».
Pour créer plus de catégories, cliquez simplement sur le bouton « Ajouter une catégorie ».
Cela fait, cliquez sur l'onglet « Ajouter une carte ». Vous pouvez désormais saisir un nom pour la carte, définir sa largeur et sa hauteur, choisir un mode de barre de navigation, et bien plus encore.
Vous pouvez également configurer des options pour rendre la carte Bing déplaçable, utiliser un double-clic pour zoomer, etc.
Plus important encore, dans « Map Center », saisissez l’emplacement que vous souhaitez afficher. Vous pouvez soit saisir l'adresse, soit les valeurs de longitude et de latitude.
Il existe de nombreux paramètres sur cette page, cela vaut donc la peine de parcourir toutes les options et d'apporter les modifications nécessaires.
Lorsque vous êtes satisfait de la configuration de la carte, cliquez simplement sur « Enregistrer la carte ».
Après cela, vous souhaiterez peut-être mettre en évidence un ou plusieurs emplacements sur la carte à l'aide de marqueurs.
Pour commencer, cliquez sur l'onglet Marqueurs, puis saisissez un nom pour le marqueur. En règle générale, vous souhaiterez utiliser le nom du lieu ou de l’organisation, mais vous pouvez saisir le nom de votre choix.
Après cela, vous pouvez ajouter du texte et des images à la description du marqueur. Vous pouvez également choisir une icône pour le marqueur.
Cela fait, vous devez saisir une adresse pour le marqueur et sélectionner une catégorie de marqueur.
Lorsque vous êtes satisfait de la façon dont tout est configuré, cliquez sur « Enregistrer le marqueur ».
Pour ajouter plus de marqueurs, suivez simplement le même processus décrit ci-dessus.
Au fur et à mesure que vous ajoutez des marqueurs, l'aperçu de la carte sera automatiquement mis à jour.
Lorsque vous avez fini de personnaliser la carte, copiez le shortcode à côté de « Map shortcode ».
Si vous ne voyez pas de shortcode, assurez-vous d'avoir enregistré la carte.
Vous pouvez maintenant ouvrir la page ou la publication dans laquelle vous souhaitez intégrer la carte Bing. Cliquez simplement sur l'icône « Ajouter un nouveau bloc « + » et saisissez « Shortcode ».
Lorsque le bloc de droite apparaît, cliquez pour l'ajouter à la page.
Maintenant, collez simplement le shortcode Bing Map dans le bloc.
Pour mettre la carte en ligne, cliquez soit sur le bouton « Mettre à jour » ou « Publier ». Désormais, si vous visitez votre site Web, vous verrez la carte Bing en action.
Nous espérons que cet article vous a aidé à apprendre à intégrer facilement Bing Maps dans WordPress. Vous voudrez peut-être également consulter notre guide sur la façon de créer une fenêtre contextuelle WooCommerce pour augmenter les ventes ou notre sélection d'experts des meilleurs logiciels de chat en direct pour les petites entreprises.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.