{"id":17874,"date":"2022-12-21T23:20:07","date_gmt":"2022-12-21T23:20:07","guid":{"rendered":"\/tutoriels\/?p=17874"},"modified":"2025-07-10T19:05:12","modified_gmt":"2025-07-10T19:05:12","slug":"google-maps-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/google-maps-wordpress","title":{"rendered":"Comment int\u00e9grer Google Maps dans WordPress (3 m\u00e9thodes)"},"content":{"rendered":"<p>L&rsquo;une des principales fonctions d&rsquo;un site web d&rsquo;entreprise est de permettre aux clients potentiels de vous trouver plus rapidement. Si vous op&eacute;rez &agrave; partir d&rsquo;un emplacement physique, vous devez vous assurer que vous donnez aux visiteurs toutes les informations dont ils en ont besoin pour s&rsquo;y rendre. Dans la plupart des cas, afficher une carte est bien mieux que d&rsquo;&eacute;peler juste votre adresse.<\/p><p>Heureusement, WordPress vous permet d&rsquo;ajouter une carte Google Maps &agrave; votre site de plusieurs mani&egrave;res. Dans cet article, nous allons parler de la m&eacute;thode &agrave; utiliser pour le faire :<\/p><ol class=\"wp-block-list\">\n<li>Fonction d&rsquo;int&eacute;gration de Google Maps directement sur le site.<\/li>\n\n\n\n<li>Un Plugin Google Maps pour votre site WordPress.<\/li>\n\n\n\n<li>Votre th&egrave;me WordPress.<\/li>\n<\/ol><p>Nous avons beaucoup d&rsquo;informations &agrave; examiner, alors allons-y directement.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-FR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-pourquoi-integrer-google-maps-dans-wordpress-nbsp\">Pourquoi int&eacute;grer Google Maps dans WordPress&nbsp;?<\/h2><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"245\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-102.png\/public\" alt=\"carte google maps\" class=\"wp-image-34792\" title=\"carte-google-maps\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-102.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-102.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-102.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-102.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Ajouter une carte Google Maps &agrave; votre site WordPress est une alternative bien plus s&eacute;duisante par rapport &agrave; l&rsquo;affichage classique d&rsquo;une adresse. Avec celle-ci, les gens peuvent avoir une id&eacute;e rapide de la rue dans laquelle vous &ecirc;tes localis&eacute;, de ce qui se trouve &agrave; proximit&eacute; et de la fa&ccedil;on de vous trouver.<\/p><p> Int&eacute;grer une carte sur votre site WordPress est tr&egrave;s facile.<\/p><p>Voici quelques-unes des fa&ccedil;ons dont une carte Google maps peut am&eacute;liorer votre site WordPress :<\/p><ul class=\"wp-block-list\">\n<li>Elles sont interactives, de sorte que les utilisateurs peuvent d&eacute;placer la carte jusqu&rsquo;&agrave; ce qu&rsquo;ils aient une meilleure id&eacute;e de l&rsquo;endroit o&ugrave; ils se trouvent.<\/li>\n\n\n\n<li>Vous pouvez int&eacute;grer une carte Google Maps pour mettre en &eacute;vidence n&rsquo;importe quel emplacement que vous souhaitez, m&ecirc;me plusieurs.<\/li>\n\n\n\n<li>Les utilisateurs peuvent basculer entre les vues de la carte et de la rue, ce qui leur permet de voir &agrave; quoi ressemble votre emplacement de l&rsquo;ext&eacute;rieur.<\/li>\n\n\n\n<li>Les utilisateurs peuvent envoyer rapidement des cartes sur leurs t&eacute;l&eacute;phones, d&rsquo;o&ugrave; ils peuvent obtenir des instructions sur la fa&ccedil;on de naviguer jusqu&rsquo;&agrave; votre position.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-comment-integrer-google-maps-sur-wordpress-sans-plugin\">Comment int&eacute;grer Google Maps sur WordPress sans plugin<\/h2><p>Si vous ne souhaitez pas utiliser de plugin pour ins&eacute;rer des maps sur votre site, vous pouvez suivre la voie manuelle&nbsp;en y ajoutant du code. En effet, des fonctionnalit&eacute;s d&rsquo;int&eacute;gration int&eacute;gr&eacute;es que vous pouvez employer pour placer Google Maps dans WordPress sont &agrave; votre disposition. Cependant, une approche beaucoup plus simple consiste &agrave; vous servir d&rsquo;un service qui vous permet de g&eacute;n&eacute;rer des codes d&rsquo;int&eacute;gration pour Google Maps.<\/p><p><a href=\"https:\/\/www.embedgooglemap.net\/\" target=\"_blank\" rel=\"noopener\">Embed Google Map<\/a> en est un parfait exemple. Il vous permet de rechercher des adresses &agrave; l&rsquo;aide de l&rsquo;interface par d&eacute;faut de Google Maps. Il vous aide aussi &agrave; modifier la taille et le niveau de zoom que vous aimeriez que vos cartes utilisent.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"890\" height=\"542\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-103.png\/public\" alt=\"La page d'accueil Embed Google Map.\" class=\"wp-image-34794\" title=\"Embed-Google-Map\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-103.png\/w=890,fit=scale-down 890w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-103.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-103.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-103.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/figure><p>Une fois que vous avez configur&eacute; les param&egrave;tres, vous pouvez cliquer sur le bouton <strong>Obtenir le code HTML<\/strong>. Le site wordpress g&eacute;n&eacute;rera pour vous un extrait de code HTML que vous pourrez ajouter &agrave; votre site Web.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"868\" height=\"316\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-104.png\/public\" alt=\"Un exemple de code d'int&eacute;gration de Google Maps\" class=\"wp-image-34795\" title=\"code-html-d-int&eacute;gration-de-Google-Maps\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-104.png\/w=868,fit=scale-down 868w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-104.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-104.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-104.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 868px) 100vw, 868px\" \/><\/figure><p>Allez-y et copiez ce code maintenant, puis revenez &agrave; votre tableau de bord WordPress. Ensuite, ouvrez l&rsquo;&eacute;diteur de la page &agrave; laquelle vous souhaitez ajouter votre carte Google. S&eacute;lectionnez l&rsquo;onglet <strong>Texte<\/strong>, qui prend en charge le code HTML.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"807\" height=\"391\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-105.png\/public\" alt=\"Ajout du code d'int&eacute;gration dans l'&eacute;diteur de WordPress\" class=\"wp-image-34796\" title=\"ajout-code-d'int&eacute;gration\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-105.png\/w=807,fit=scale-down 807w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-105.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-105.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-105.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 807px) 100vw, 807px\" \/><\/figure><p>Collez le code &agrave; l&rsquo;endroit o&ugrave; vous souhaitez que votre carte apparaisse sur la page. Ensuite, enregistrez vos modifications et jetez un &oelig;il &agrave; votre page sur le front-end.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"455\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-106.png\/public\" alt=\"la carte Google cr&eacute;&eacute;e\" class=\"wp-image-34797\" title=\"carte-Google-cr&eacute;&eacute;e\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-106.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-106.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-106.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-106.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>L&rsquo;inconv&eacute;nient de cette approche est que vous devrez g&eacute;n&eacute;rer de nouveaux codes d&rsquo;int&eacute;gration pour chaque carte que vous souhaitez ajouter &agrave; votre site Web. Du c&ocirc;t&eacute; positif, une fois que vous avez ajout&eacute; une carte via HTML, vous pourrez la voir dans l&rsquo;onglet <strong>Visuel <\/strong>de votre &eacute;diteur.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"781\" height=\"383\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-107.png\/public\" alt=\"L'onglet visuel de l'&eacute;diteur WordPress.\" class=\"wp-image-34798\" title=\"onglet-visuel-de-l'&eacute;diteur-WordPress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-107.png\/w=781,fit=scale-down 781w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-107.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-107.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-107.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/figure><\/div><p>Cela vous permettra de continuer &agrave; travailler sur vos pages, sans avoir &agrave; tout faire avec l&rsquo;&eacute;diteur de texte.<\/p><h2 class=\"wp-block-heading\" id=\"h-meilleurs-plugins-google-maps-wordpress\">Meilleurs plugins Google Maps WordPress<\/h2><p>Google Maps est une fonctionnalit&eacute; tr&egrave;s populaire &agrave; inclure dans les sites Web. Il n&rsquo;est donc pas surprenant que de nombreux plugins WordPress de Google Maps soient d&eacute;j&agrave; disponibles.<\/p><h3 class=\"wp-block-heading\" id=\"h-wp-go-maps\">WP Go Maps<\/h3><p>Par exemple, avec le plugin <a href=\"https:\/\/wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noopener\">WP Go Maps<\/a> (anciennement WP Google Maps), vous pouvez ajouter des cartes &agrave; vos pages en utilisant des shortcodes. De plus, ce plugin vous offre &eacute;galement des options pour personnaliser vos marqueurs de carte, choisir parmi plusieurs th&egrave;mes pour vos cartes, et plus encore.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"324\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-108.png\/public\" alt=\"Le plugin WP Go Maps.\" class=\"wp-image-34799\" title=\"plugin-WP-Go-Maps\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-108.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-108.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-108.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-108.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>&Agrave; notre avis, le plugin&nbsp;WP Go Maps repr&eacute;sente l&rsquo;une de vos meilleures options pour ins&eacute;rer des maps sur votre site, car il prend &eacute;galement en charge des fonctionnalit&eacute;s avanc&eacute;es. Il s&rsquo;agit entre autres de la compatibilit&eacute; avec plusieurs plugins de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/vider-le-cache-wordpress\">cache WordPress<\/a> et de r&eacute;seaux de diffusion de contenu (CDN).<\/p><h3 class=\"wp-block-heading\" id=\"h-wd-google-maps\">WD Google Maps<\/h3><p>Cependant, d&rsquo;autres plugins que vous pouvez utiliser sont disponibles. <a href=\"https:\/\/wordpress.org\/plugins\/wd-google-maps\/\" target=\"_blank\" rel=\"noopener\">WD Google Maps<\/a> est une alternative solide. Ce plugin prend en charge plusieurs marqueurs, fournit des cartes adapt&eacute;es aux mobiles et propose aussi plusieurs param&egrave;tres de personnalisation.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"285\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-109.png\/public\" alt=\"Le plugin WD Google Maps\" class=\"wp-image-34800\" title=\"wd-google-maps\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-109.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-109.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-109.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-109.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Lorsque vous ajoutez une nouvelle carte &agrave; l&rsquo;aide de WD Google Maps, le plugin vous guide tout au long du processus par le biais d&rsquo;un g&eacute;n&eacute;rateur intuitif. Celui-ci comprend des fonctionnalit&eacute;s de pr&eacute;visualisation int&eacute;gr&eacute;es.<\/p><h3 class=\"wp-block-heading\" id=\"h-google-maps-widget\">Google Maps Widget<\/h3><p>Enfin,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noopener\">Google Maps Widget<\/a> est &eacute;galement l&rsquo;un des meilleurs plugins WordPress Google Maps. Ce plugin particulier est tr&egrave;s facile &agrave; configurer. Il vous permet en m&ecirc;me temps d&rsquo;ajouter des cartes de la taille d&rsquo;une vignette &agrave; votre barre lat&eacute;rale ou &agrave; vos pieds de page WordPress que les visiteurs peuvent d&eacute;velopper en un seul clic.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/banner-1544x500-1.png\/public\" alt=\"Le plugin Google Maps Widget\" class=\"wp-image-34801\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/banner-1544x500-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/banner-1544x500-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/banner-1544x500-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/banner-1544x500-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>C&rsquo;est un outil utile si vous manquez d&rsquo;espace sur votre site WordPress, car vous pouvez ins&eacute;rer des widgets presque n&rsquo;importe o&ugrave;.<\/p><h2 class=\"wp-block-heading\" id=\"h-integrer-google-maps-dans-wordpress-avec-un-plugin\">Int&eacute;grer Google Maps dans WordPress avec un plugin<\/h2><p>Pour les sites d&rsquo;entreprises, nous pr&eacute;f&eacute;rons inclure des cartes en taille r&eacute;elle, car elles sont plus difficiles &agrave; ignorer. Dans cet esprit, parlons de l&rsquo;utilisation du plugin WP Go Maps.<\/p><p>Tout d&rsquo;abord, acc&eacute;dez &agrave; votre Tableau de bord WordPress pour atteindre l&rsquo;onglet <strong>Extensions &rsaquo; Ajouter<\/strong>. Utilisez la barre de recherche pour trouver le plugin <strong>WP Go Maps<\/strong>. Lorsque vous le voyez appara&icirc;tre parmi les r&eacute;sultats, cliquez sur le bouton <strong>Installer maintenant<\/strong> juste &agrave; c&ocirc;t&eacute;.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"855\" height=\"406\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/03\/wp-go-maps.png\/public\" alt=\"Installation du plugin google maps wordpress : WP Go Maps\" class=\"wp-image-30411\" title=\"installation-plugin-google-maps-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/03\/wp-go-maps.png\/w=855,fit=scale-down 855w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/03\/wp-go-maps.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/03\/wp-go-maps.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/03\/wp-go-maps.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/figure><p>Activez le plugin et un nouvel onglet appel&eacute;<strong> Cartes<\/strong> appara&icirc;tra dans votre Tableau de bord. Si vous cliquez dessus, le plugin affichera une br&egrave;ve page d&rsquo;introduction. Cependant, vous pouvez appuyer sur le bouton <strong>Skip l&rsquo;introduction et commencer<\/strong> pour y acc&eacute;der directement.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/03\/WPGoogle-Maps-%E2%80%B9-Site-web-%E2%80%94-WordPress-1024x466.png\" alt=\"cr&eacute;ation de votre premi&egrave;re carte.\" class=\"wp-image-30412\" title=\"cr&eacute;ation-premi&egrave;re-carte\"><\/figure><p>Sur la page suivante, le plugin vous informera qu&rsquo;il a besoin d&rsquo;une cl&eacute; API Google pour fonctionner. Allez-y et obtenez la v&ocirc;tre en cliquant sur le lien <strong>Cr&eacute;er une cl&eacute; API maintenant<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"789\" height=\"263\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-110.png\/public\" alt=\"Cr&eacute;er une cl&eacute; API\" class=\"wp-image-34802\" title=\"Cr&eacute;er-une-cl&eacute;-API\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-110.png\/w=789,fit=scale-down 789w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-110.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-110.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-110.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure><p>Google vous demandera d&rsquo;accepter ses conditions avant de pouvoir cr&eacute;er une application et d&rsquo;obtenir une cl&eacute; API. Une fois que vous &ecirc;tes d&rsquo;accord, Google configure un nouveau projet pour vous. Vous pourrez ainsi g&eacute;n&eacute;rer une cl&eacute; API imm&eacute;diatement.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"189\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-111.png\/public\" alt=\"Un exemple de cl&eacute; API Google\" class=\"wp-image-34803\" title=\"exemple-de-cl&eacute;-API-Google\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-111.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-111.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-111.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-111.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Nous masquons ici la cl&eacute; API, car vous ne devez jamais partager la v&ocirc;tre avec d&rsquo;autres personnes. Apr&egrave;s tout, elle est associ&eacute;e &agrave; votre compte et vous ne voulez pas que d&rsquo;autres en abusent. Votre cl&eacute; API sera une longue combinaison de lettres et de chiffres. Une fois que vous l&rsquo;avez, revenez &agrave; votre Tableau de bord et collez-le l&agrave; o&ugrave; le plugin vous y invite.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"259\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-112.png\/public\" alt=\"Collez votre cl&eacute; API dans WordPress.\" class=\"wp-image-34804\" title=\"cl&eacute;-api-dans-WordPress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-112.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-112.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-112.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-112.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Vous devriez voir un message de r&eacute;ussite et vous pouvez maintenant commencer &agrave; travailler sur votre premi&egrave;re carte.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"182\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-113.png\/public\" alt=\"premi&egrave;re carte cr&eacute;e\" class=\"wp-image-34805\" title=\"premiere-carte\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-113.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-113.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-113.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-113.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Comme vous pouvez le voir ci-dessus, le plugin se permet de configurer une carte de test pour vous. Vous pouvez la modifier et l&rsquo;utiliser sur votre site Web. Pour ce faire, cliquez sur le bouton <strong>Modifier <\/strong>sous le nom de la carte. Maintenant, le plugin vous demandera de choisir quelle plateforme doit alimenter votre carte. Choisissez le service Google Maps.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"423\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-114.png\/public\" alt=\"Choisir votre moteur de maps\" class=\"wp-image-34806\" title=\"choix-moteur-de-maps\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-114.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-114.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-114.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-114.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>La premi&egrave;re chose que vous devez faire est de d&eacute;finir un nom pour votre carte. Ensuite, vous pouvez modifier sa largeur et sa hauteur. La largeur par d&eacute;faut de 100 % cr&eacute;era automatiquement une carte qui s&rsquo;adapte &agrave; la r&eacute;solution de votre site. C&rsquo;est donc presque toujours la meilleure alternative.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"839\" height=\"255\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-115.png\/public\" alt=\"Configuration de votre carte Google.\" class=\"wp-image-34807\" title=\"Configuration-de-votre-carte-Google\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-115.png\/w=839,fit=scale-down 839w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-115.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-115.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-115.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/figure><p>Vous verrez &eacute;galement une option pour modifier le niveau de zoom initial de votre carte et d&eacute;cider du type de mise en page qu&rsquo;elle doit afficher. Par exemple, vous pouvez utiliser des cartes routi&egrave;res classiques ou des cartes de terrain. Dans la plupart des cas, la premi&egrave;re est la meilleure alternative, car elle est la plus utile pour vos visiteurs.<\/p><p>Ensuite, faites d&eacute;filer jusqu&rsquo;&agrave; la section <strong>Marqueurs<\/strong>. Ici, vous pouvez sp&eacute;cifier l&rsquo;emplacement que vous souhaitez afficher sur votre carte. Il suffit de taper ses coordonn&eacute;es GPS. Vous pouvez &eacute;galement vous d&eacute;placer sur la carte vers la droite et cliquer avec le bouton droit sur n&rsquo;importe quel emplacement que vous souhaitez marquer.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"237\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-116.png\/public\" alt=\"R&eacute;glez le marqueur de vos cartes.\" class=\"wp-image-34808\" title=\"int&eacute;gration-marquage-carte\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-116.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-116.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-116.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-116.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Sous le param&egrave;tre <strong>Adresse\/GPS<\/strong> de votre marqueur, il existe &eacute;galement des options pour ajouter &agrave; la carte des animations simples. Par exemple, vous pouvez ajouter un petit rebond &agrave; votre marqueur lors du chargement de la carte, ce qui pourrait &ecirc;tre une bonne id&eacute;e. Vous pouvez en m&ecirc;me temps configurer votre Google Maps pour afficher une fen&ecirc;tre contextuelle &agrave; c&ocirc;t&eacute; de votre marqueur qui va &eacute;peler son adresse compl&egrave;te.<\/p><p>Lorsque vous &ecirc;tes pr&ecirc;t, cliquez sur le bouton <strong>Enregistrer le marqueur<\/strong> et la page se rechargera. Ensuite, appuyez sur le bouton <strong>Enregistrer la carte<\/strong> au milieu de l&rsquo;&eacute;cran et le plugin enregistrera toutes vos modifications.<\/p><p>Vous pouvez int&eacute;grer les Google Maps WordPress que vous cr&eacute;ez avec ce plugin en collant leurs shortcodes n&rsquo;importe o&ugrave; sur votre site WordPress. Vous pouvez trouver ces codes abr&eacute;g&eacute;s dans l&rsquo;onglet <strong>Cartes<\/strong> de votre Tableau de bord, &agrave; droite de chaque entr&eacute;e.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"882\" height=\"108\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-117.png\/public\" alt=\"Trouver les shortcodes de carte.\" class=\"wp-image-34809\" title=\"shortcode-carte\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-117.png\/w=882,fit=scale-down 882w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-117.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-117.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-117.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/figure><p>Une fois tout cela fait, vous venez d&rsquo;ajouter avec succ&egrave;s votre premi&egrave;re carte Google Maps &agrave; WordPress. Avec ce plugin WordPress, vous pouvez cr&eacute;er autant de cartes que vous le souhaitez.<\/p><h2 class=\"wp-block-heading\" id=\"h-ajouter-google-maps-via-votre-theme-wordpress\">Ajouter Google Maps via votre th&egrave;me WordPress<\/h2><p>Les Google Maps WordPress sont suffisamment populaires pour qu&rsquo;il existe m&ecirc;me des th&egrave;mes qui vous permettent de les ajouter &agrave; votre site web WordPress &agrave; l&rsquo;aide de fonctionnalit&eacute;s int&eacute;gr&eacute;es. Cela signifie qu&rsquo;avec le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleur-theme-wordpress-gratuit\">meilleur th&egrave;me WordPress<\/a>, vous n&rsquo;aurez pas besoin d&rsquo;utiliser un plugin ou d&rsquo;ajouter du code HTML &agrave; votre site web.<\/p><p>Cependant, trouver un th&egrave;me prenant en charge cette fonctionnalit&eacute; peut n&eacute;cessiter un peu de travail. Dans la plupart des cas, seuls les th&egrave;mes premium incluront cette option. Par cons&eacute;quent, cette approche peut vous obliger &agrave; d&eacute;penser un peu d&rsquo;argent. Toutefois, si vous achetez un th&egrave;me premium, vous ne le faites probablement pas uniquement parce qu&rsquo;il prend en charge Google Maps sur WordPress.<\/p><p>Si vous ne savez pas par o&ugrave; commencer, les th&egrave;mes WordPress polyvalents devraient probablement &ecirc;tre votre premier choix. Ces types de th&egrave;mes contiennent autant de fonctionnalit&eacute;s que possible. Vous pouvez donc les utiliser pour cr&eacute;er tout type de site WordPress que vous pouvez imaginer.<\/p><p>L&rsquo;un des th&egrave;mes polyvalents les plus populaires s&rsquo;appelle <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a>. Ce th&egrave;me offre un certain nombre d&rsquo;avantages, notamment son propre g&eacute;n&eacute;rateur de page visuel int&eacute;gr&eacute;.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"464\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-118.png\/public\" alt=\"Le th&egrave;me The Divi Builder\" class=\"wp-image-34810\" title=\"divi-builder\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-118.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-118.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-118.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-118.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Lorsque vous cr&eacute;ez des pages &agrave; l&rsquo;aide du Divi Builder, vous pouvez les diviser avec des lignes et des colonnes. Ensuite, vous pouvez ajouter des modules sp&eacute;cifiques dans les espaces ainsi cr&eacute;&eacute;s.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"900\" height=\"584\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-119.png\/public\" alt=\"Certains des modules propos&eacute;s par Divi.\" class=\"wp-image-34811\" title=\"modules-Divi\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-119.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-119.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-119.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-119.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>L&rsquo;un des modules de la capture d&rsquo;&eacute;cran ci-dessus s&rsquo;appelle <strong>Map<\/strong>. Cliquez dessus, et le th&egrave;me vous demandera d&rsquo;entrer votre cl&eacute; API Google.<\/p><p>Une fois que vous avez coll&eacute; votre cl&eacute; API, vous pouvez choisir o&ugrave; positionner votre carte et y ajouter autant de marqueurs que vous le souhaitez.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"323\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-120.png\/public\" alt=\"Ajouter des marqueurs &agrave; votre carte.\" class=\"wp-image-34812\" title=\"Ajouter-marqueurs-&agrave;-votre-carte\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-120.png\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-120.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-120.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-120.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>\n\n<div class=\"protip\">\n                    <h4 class=\"title\">D&eacute;couvrez ce que vous pouvez faire d'autre avec WordPress<\/h4>\n                    <p> <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wordpress-admin\" target=\"_blank\" rel=\"noopener\">Comment se connecter au tableau de bord WordPress ?<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/role-wordpress\" target=\"_blank\" rel=\"noopener\">Comment cr&eacute;er et g&eacute;rer les r&ocirc;les sur WordPress facilement<\/a> <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Il n&rsquo;y a pas de meilleur moyen de partager une adresse sur votre site web qu&rsquo;en utilisant une carte interactive en ligne. Google Maps permet &agrave; quiconque de savoir comment se rendre &agrave; votre position o&ugrave; qu&rsquo;elle se trouve. En un mot, cela indique que probablement il vous rendra visite. De plus, ajouter Google Maps &agrave; WordPress est simple, car il existe plusieurs fa&ccedil;ons simples de le faire.<\/p><p>Vous avez des questions sur l&rsquo;utilisation de Google Maps sur votre site WordPress ? N&rsquo;h&eacute;sitez pas &agrave; nous demander dans la section commentaires ci-dessous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;une des principales fonctions d&rsquo;un site web d&rsquo;entreprise est de permettre aux clients potentiels de vous trouver plus rapidement. Si vous op&eacute;rez &agrave; partir d&rsquo;un emplacement physique, vous devez vous assurer que vous donnez aux visiteurs toutes les informations dont ils en ont besoin pour s&rsquo;y rendre. Dans la plupart des cas, afficher une carte [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/google-maps-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment Int\u00e9grer Google Maps sur Wordpress ? (3 M\u00e9thodes)","rank_math_description":"Vous souhaitez int\u00e9grer Google Maps sur votre Wordpress ? Vous ne savez pas comment vous y prendre ? Suivez los conseils sur notre tutoriel.","rank_math_focus_keyword":"google maps wordpress","footnotes":""},"categories":[4777],"tags":[],"class_list":["post-17874","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-google-maps","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/google-maps-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/insertar-google-maps-en-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/memasukkan-google-map-ke-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-google-maps","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-google-maps","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/17874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=17874"}],"version-history":[{"count":38,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/17874\/revisions"}],"predecessor-version":[{"id":41399,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/17874\/revisions\/41399"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=17874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=17874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=17874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}