Comment intégrer Bing Maps dans WordPress (étape par étape)

L'une des choses que nous avons trouvées importantes lors de la création d'un site Web pour une entreprise ayant un emplacement physique est l'ajout d'une carte.

Bien que Google Maps soit souvent le choix privilégié, nous avons découvert que Bing Maps peut être une excellente alternative, offrant des fonctionnalités uniques et parfois des temps de trajet plus précis.

Dans cet article, nous vous montrerons comment intégrer facilement Bing Maps dans WordPress, étape par étape.

Pourquoi ajouter Bing Maps dans WordPress (et pas Google Maps) ?

Si vous gérez un magasin, un restaurant, un salon, une attraction touristique ou une 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 des indications routières vers votre entreprise et partager facilement votre emplacement avec leurs amis et leur famille. De plus, l'intégration de Bing 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 être le choix évident, d'autant plus qu'ils offrent 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, beaucoup de gens 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 Microsoft à Google, alors Bing Maps est une excellente alternative.

Cela étant dit, voyons comment vous pouvez ajouter Bing Maps à votre site WordPress. Utilisez simplement les liens rapides ci-dessous pour naviguer dans les étapes :

• Étape 1 : Installez un plugin Bing Map et obtenez votre clé API
• Étape 2 : Collez la clé API et créez des catégories de marqueurs
• Étape 3 : Personnalisez votre carte Bing
• Step 4: Embed the Bing Map on Your WordPress Site

Étape 1 : Installez un plugin Bing Map et obtenez votre clé API

Auparavant, vous pouviez intégrer une carte Bing en générant un code d'intégration à partir de la plateforme. Cependant, lorsque nous avons essayé cette méthode, elle ne fonctionne plus.

Pour cette raison, la méthode la plus simple pour intégrer votre carte Bing sur WordPress est maintenant d'utiliser Ultimate Maps by Supsystic. Ce plugin permet d'intégrer facilement des cartes Bing, des cartes Leaflet et d'autres alternatives à Google Maps.

De plus, c'est aussi une bonne option si vous gérez un annuaire d'entreprises, où vous pourriez avoir besoin d'ajouter une carte à chaque page.

La première chose à 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 Centre de développement Bing Maps. Si vous avez 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 WordPress ou de votre site web.

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é ».

Étape 2 : Collez la clé API et créez des catégories de marqueurs

La prochaine étape consiste à coller la clé dans les paramètres du plugin.

Dans votre tableau de bord WordPress, vous devez aller dans Ultimate Maps by Supsystic » Paramètres. Ensuite, ouvrez le menu déroulant « Maps Engine » et choisissez « Bing Microsoft ».

Vous pouvez maintenant coller la clé API dans le champ « Bing Maps API Key ».

Une fois cela fait, n'oubliez pas de cliquer sur le bouton « Enregistrer ».

Après cela, vous voudrez peut-être ajouter des catégories de marqueurs. Similaire aux catégories et balises dans WordPress, celles-ci peuvent aider à organiser les points d'intérêt sur votre carte.

Par exemple, si vous créez une carte pour les touristes, vous pourriez 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 maintenant ajouter un titre, modifier la couleur d'arrière-plan et du texte, et attribuer des sous-catégories à des catégories parentes.

Lorsque vous êtes satisfait des informations que vous avez saisies, cliquez sur « Enregistrer ».

Pour créer d'autres catégories, cliquez simplement sur le bouton « Ajouter une catégorie ».

Étape 3 : Personnalisez votre carte Bing

Une fois cela fait, cliquez sur l'onglet « Ajouter une carte ». Vous pouvez maintenant taper un nom pour la carte, définir sa largeur et sa hauteur, choisir un mode de barre de navigation, et plus encore.

Vous pouvez également configurer des options pour rendre la carte Bing déplaçable, utiliser le double clic pour zoomer, et plus encore.

Plus important encore, dans « Centre de la carte », tapez l'emplacement que vous souhaitez afficher. Vous pouvez soit taper l'adresse, soit les valeurs de longitude et de latitude.

Il y a beaucoup de paramètres sur cette page, il est donc utile 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 voudrez peut-être mettre en évidence un ou plusieurs emplacements sur la carte à l'aide de marqueurs.

Pour commencer, cliquez sur l'onglet Marqueurs, puis tapez un nom pour le marqueur. Généralement, vous voudrez utiliser le nom de l'endroit ou de l'organisation, mais vous pouvez taper n'importe quel nom que vous souhaitez.

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.

Une fois cela fait, vous devez entrer une adresse pour le marqueur et sélectionner une catégorie de marqueur.

Lorsque vous êtes satisfait de la configuration, cliquez sur « Enregistrer le marqueur ».

Pour ajouter d'autres 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 se mettra à jour automatiquement.

Étape 4 : Intégrer la carte Bing sur votre site WordPress

Lorsque vous avez terminé de personnaliser la carte, copiez le shortcode à côté de « Shortcode de la carte ».

Si vous ne voyez pas de shortcode, assurez-vous d'avoir enregistré la carte.

Vous pouvez maintenant ouvrir la publication ou la page WordPress où vous souhaitez intégrer la carte Bing. Cliquez simplement sur l'icône « Ajouter un nouveau bloc « + » et tapez « Shortcode ».

Lorsque le bon bloc apparaît, cliquez dessus pour l'ajouter à la page.

Maintenant, collez simplement le shortcode de la carte Bing dans le bloc.

Pour rendre la carte active, cliquez sur le bouton « Mettre à jour » ou « Publier ». Maintenant, si vous visitez votre site Web, vous verrez la carte Bing en action.

Apprendre d'autres façons d'intégrer des éléments sur WordPress

Voulez-vous intégrer d'autres éléments sur votre site WordPress que des cartes Bing ? Consultez les articles ci-dessous :

• Comment intégrer facilement des vidéos dans les articles de blog WordPress
• Comment intégrer facilement du code iFrame dans WordPress
• Comment intégrer des PDF, des feuilles de calcul et d'autres éléments dans les articles de blog WordPress
• Comment intégrer de vrais tweets dans les articles de blog WordPress
• Comment intégrer une playlist YouTube dans WordPress (Meilleure méthode)
• Comment intégrer facilement Instagram dans WordPress (étape par étape)
• Comment intégrer un formulaire Google dans WordPress
• Comment intégrer un flux en direct YouTube dans WordPress
• Comment intégrer des albums Facebook dans WordPress (La méthode facile)
• Comment intégrer des articles de blog Medium sur WordPress (Méthode facile)
• Comment intégrer un flux de groupe Facebook dans WordPress

Nous espérons que cet article vous a aidé à apprendre comment intégrer facilement des cartes Bing dans WordPress. Vous pourriez également consulter notre guide complet sur comment créer une popup WooCommerce pour augmenter les ventes ou notre sélection d'experts des meilleurs logiciels de chat en direct pour petites entreprises.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.