Comment Contenu embarqué Bing Maps dans WordPress (étape par étape)

Voulez-vous embarquer 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 voulez pas utiliser Google Maps, alors Bing est une excellente application de carte alternative avec une tonne de données utiles.

Dans cet article, nous allons vous afficher 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 de coiffure, une attraction touristique ou toute autre activité physique, l’ajout de Bing Maps à votre site permettra aux clients/clientes de vous trouver plus facilement.

Les clients/clientes potentiels peuvent également obtenir des itinéraires pour se rendre à votre entreprise et partager facilement votre emplacement avec leurs amis et leur famille. Non seulement cela, mais le fait d’embarquer Bings Maps peut améliorer votre SEO 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 le plus évident, d’autant plus qu’ils offrent un localisateur de magasins Google Maps.

Toutefois, 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, Bing Maps est une excellente alternative.

Ceci étant dit, voyons comment vous pouvez ajouter Bing Maps à votre site WordPress. Utilisez simplement les liens rapides ci-dessous pour passer 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’entreprises souhaitent simplement ajouter une carte à leur formulaire de contact ou à leur page À propos. Si vous souhaitez simplement ajouter une carte à votre site, vous pouvez utiliser un code d’intégration.

Il vous suffit de vous rendre sur Bing Titres et de rechercher l’Emplacement ou la carte que vous souhaitez utiliser. Une fois l’Emplacement trouvé, cliquez sur l’icône à trois points et sélectionnez « Contenu embarqué ».

Bing ouvre alors un nouvel onglet dans lequel vous pouvez personnaliser la carte en modifiant sa taille, le type de carte (statique ou glissante), le style de carte (routière ou aérienne), etc.

Au fur et à mesure que vous apportez des modifications, la Prévisualisation se met à jour automatiquement, ce qui vous permet d’essayer différents Réglages 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 affiche alors un extrait de code. Allez-y et copiez le code, car vous en aurez besoin à l’étape suivante.

Maintenant, retournez sur votre site WordPress et ouvrez la publication ou la page où vous souhaitez ajouter le plan.

Cliquez ensuite sur l’icône « + » et commencez à taper « HTML personnalisé ».

Lorsque le bon bloc apparaît, il suffit de cliquer pour l’ajouter à la page.

Une fois cela fait, il suffit de coller 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 direct sur votre site ou votre magasin en ligne.

Méthode 2 : Ajout de Bing Maps à l’aide d’une extension (idéale pour le Contenu embarqué de plusieurs cartes)

Si vous avez uniquement besoin d’ajouter une carte, le code embarqué est une bonne solution. Cependant, cette méthode peut prendre beaucoup de temps et d’efforts si vous avez besoin d’ajouter plusieurs cartes Bing.

Par exemple, si vous gérez un répertoire d’entreprises, il se peut que vous ayez besoin d’ajouter une carte à chaque page. Dans ce cas, nous vous recommandons d’utiliser Ultimate Maps de Supsystic car il permet d’intégrer facilement des cartes Bing, des cartes Leaflet et d’autres alternatives à Google Maps.

La première chose à faire est d’installer et d’activer l’extension Ultimate Maps by Supsystic. Pour des instructions détaillées, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Pour utiliser cette extension avec Bing Maps, vous aurez besoin d’une clé API de Bing Map.

Pour obtenir cette clé, il suffit de créer un compte dans le Bing Maps Dev Center. Si vous avez déjà un compte Microsoft, vous pouvez vous connecter à l’aide de vos informations de connexion Microsoft.

Après vous être connecté à votre compte, cliquez sur le menu « Mon compte ».

Sélectionnez ensuite « Mes Sélectionnés ».

Sur l’écran suivant, vous devez renseigner les informations relatives à votre blog ou site WordPress.

Cliquez ensuite sur « Créer ».

Après quelques instants, le message suivant s’affiche : « Clé créée avec succès ».

Vous pouvez maintenant cliquer sur « Afficher la clé » et copier la clé API de Bing Maps, ou simplement cliquer sur le lien « Copier la clé ».

L’étape suivante consiste à coller la clé dans les Réglages de l’extension.

Dans votre Tableau de bord WordPress, vous devez aller sur Ultimate Maps by Supsystic  » Réglages. Ensuite, ouvrez le menu déroulant  » Moteur de cartes  » et choisissez  » Bing Microsoft « .

Vous pouvez maintenant coller la clé de l’API dans le champ « Clé de l’API de Bing Maps ».

N’oubliez pas de cliquer sur le bouton « Enregistrer ».

Ensuite, vous pouvez ajouter des catégories de marqueurs. Similaires aux catégories et aux identifiants dans WordPress, ces catégories peuvent 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, il suffit de sélectionner l’onglet « Catégories de marqueurs » et de cliquer sur « Ajouter un module ».

Vous pouvez désormais ajouter un titre, modifier l’arrière-plan et la couleur du texte, et assigner des catégories enfants à des catégories parents.

Lorsque vous êtes satisfait des informations saisies/saisie, cliquez sur « Enregistrer ».

Pour créer d’autres catégories, il suffit de cliquer sur le bouton « Ajouter une catégorie ».

Cliquez ensuite sur l’onglet « Ajouter une carte ». Vous pouvez maintenant saisir un nom pour la carte, définir sa largeur et sa hauteur, choisir un mode de barre de navigation, etc.

Vous pouvez également configurer des options permettant de faire glisser la carte de Bing, d’utiliser le double clic pour zoomer, etc.

Plus important encore, dans « Map Center », saisissez l’emplacement que vous souhaitez afficher. Vous pouvez saisir l’adresse ou les valeurs de longitude et de latitude.

Cette page comporte de nombreux réglages. Il est donc utile de passer en revue toutes les options et d’apporter les modifications nécessaires.

Lorsque vous êtes satisfait de la façon dont la carte est configurée, il vous suffit de cliquer sur « Enregistrer la carte ».

Vous pouvez ensuite 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.

Vous pouvez ensuite ajouter du texte et des images à la description du marqueur. Vous pouvez également choisir une icône pour le marqueur.

Une fois cette étape franchie, 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 d’autres marqueurs, il suffit de suivre la même procédure que celle décrite ci-dessus.

Au fur et à mesure que vous ajoutez des marqueurs, la Prévisualisation de la carte se met à jour automatiquement.

Lorsque vous avez fini de personnaliser la carte, copiez le code court situé à côté de  » Map shortcode « .

Si vous ne voyez pas de code court, assurez-vous d’avoir enregistré la carte.

Vous pouvez maintenant ouvrir la page ou la publication dans laquelle vous souhaitez embarquer le Contenu Bing. Cliquez simplement sur l’icône « Ajouter un nouveau bloc ‘+' » et tapez « Code court ».

Lorsque le bon bloc s’affiche, cliquez pour l’ajouter à la page.

Il suffit maintenant de coller le code court Bing Map dans le bloc.

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

Nous espérons que cet article vous a aidé à apprendre comment intégrer facilement Bing Maps dans WordPress. Vous pouvez également consulter notre guide sur la façon de créer une fenêtre surgissante WooCommerce pour augmenter les ventes ou notre choix d’expert du meilleur logiciel de discussion en direct pour les petites entreprises.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.