{"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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"> Int&eacute;grer une carte sur votre site WordPress est tr&egrave;s facile.<\/p><p class=\"wp-block-paragraph\">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>\n<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">&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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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\/w=1024,h=1024,fit=scale-down\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><p>\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    D&eacute;couvrez ce que vous pouvez faire d&#039;autre avec WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> <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\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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":[5866,5848],"tags":[],"class_list":["post-17874","post","type-post","status-publish","format-standard","hentry","category-personnalisation-et-design","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-google-maps\/","default":1},{"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-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-google-maps\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-google-maps\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-google-maps\/","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},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/insertar-google-maps-wordpress-3-metodos\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/insertar-google-maps-wordpress-3-metodos\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/insertar-google-maps-wordpress-3-metodos\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress\/","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}]}}