{"id":1838,"date":"2022-11-22T14:22:54","date_gmt":"2022-11-22T14:22:54","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/22\/6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte\/"},"modified":"2026-05-08T22:10:37","modified_gmt":"2026-05-08T22:10:37","slug":"6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter une Carte"},"content":{"rendered":"<p class=\"no-margin\">Il existe plusieurs fa&ccedil;ons d&rsquo;ajouter une carte &agrave; votre site web :<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_51bbf6e06b\" target=\"_blank\" class=\"intercom-content-link\">Utilisation d&rsquo;un &eacute;l&eacute;ment de carte<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_f841e3b9df\" target=\"_blank\" class=\"intercom-content-link\">Utilisation de Google My Maps<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_51bbf6e06b\"><b>&Eacute;l&eacute;ment de carte<\/b><\/h1><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur, ouvrez le panneau <b>Ajouter des &eacute;l&eacute;ments<\/b> sur la gauche. Choisissez l&rsquo;&eacute;l&eacute;ment <b>Carte <\/b>et faites-le glisser &agrave; l&rsquo;endroit souhait&eacute; sur votre site Web :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/3c8e17ef-ca8d-406e-9ad0-54436f07380c.jpg\" data-media-id=\"3996\" alt=\"Hostinger Cr&eacute;ateur de site : bouton Ajouter un &eacute;l&eacute;ment et option Carte s&eacute;lectionn&eacute;e dans le menu\"><\/div><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment pour afficher d&rsquo;autres options (modifier, dupliquer, supprimer, redimensionner) :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/7a83d20b-0c70-42af-99e2-e7a33b540c7a.jpg\" data-media-id=\"3997\" alt=\"Cr&eacute;ateur de site Hostinger : bouton &laquo; Modifier la carte &raquo; sur une carte Google int&eacute;gr&eacute;e s&eacute;lectionn&eacute;e\"><\/div><p class=\"no-margin\">Cliquez sur <b>Modifier la carte<\/b> et ins&eacute;rez l&rsquo;adresse souhait&eacute;e (vous pouvez simplement la copier depuis <b><a href=\"https:\/\/www.google.com\/maps\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Maps<\/a><\/b>).<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>REMARQUE <\/b>: Au lieu d&rsquo;utiliser l&rsquo;&eacute;l&eacute;ment carte, vous pouvez &eacute;galement ins&eacute;rer <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475040-website-builder-sections\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">une section d&eacute;di&eacute;e &agrave; la carte<\/a><\/b> sur votre site Web.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_f841e3b9df\"><b>Utilisez Google My Maps<\/b><\/h1><p class=\"no-margin\">Si vous g&eacute;rez une entreprise sur plusieurs sites et que vous souhaitez tous les marquer sur la carte, vous pouvez le faire avec <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">My Maps<\/a><\/b> de Google. <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_a74ac6c360\"><b>1. Cr&eacute;ez la carte<\/b><\/h2><p class=\"no-margin\">Ouvrez <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google My Maps<\/a><\/b>, puis cliquez sur <b>Cr&eacute;er une nouvelle carte<\/b>. Cliquez sur <b>Carte sans titre<\/b>, puis ajoutez le nom et la description de votre carte. Vous pouvez &eacute;galement choisir l&rsquo;apparence de la carte en cliquant sur <b>Carte de base<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/715aa86c-81bc-42ea-9e2c-1afa2d355afb.jpg\" data-media-id=\"3999\" alt=\"Hostinger Cr&eacute;ateur de site : menu Carte de base s&eacute;lectionn&eacute; dans Google My Maps\"><\/div><p class=\"no-margin\">Dans la barre de recherche, ins&eacute;rez votre adresse et placez un marqueur sur la zone souhait&eacute;e sur la carte :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/eccaf33a-86ae-4655-9f1a-cd367b05e050.jpg\" data-media-id=\"4000\" alt=\"Google My Maps : suggestion &laquo; 9&egrave;me Arrondissement, Paris, France &raquo; s&eacute;lectionn&eacute;e et rep&egrave;re &agrave; Paris 9e indiqu&eacute; par une fl&egrave;che rouge\"><\/div><p class=\"no-margin\">Cliquez sur <b>Ajouter &agrave; la carte<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/e3964da8-6f77-4456-940e-1a4027a40184.jpg\" data-media-id=\"4001\" alt=\"Google Maps : bouton &laquo; Ajouter &agrave; la carte &raquo; mis en &eacute;vidence dans l&rsquo;&eacute;diteur de carte Hostinger\"><\/div><p class=\"no-margin\">De cette fa&ccedil;on, vous pouvez marquer plus d&rsquo;adresses sur la carte :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/f2386be7-dda1-49a4-acdb-002dfdea89b6.jpg\" data-media-id=\"4002\" alt=\"Google Maps : calque sans titre avec style individuel et lieu Paris 9e Arrondissement s&eacute;lectionn&eacute;\"><\/div><p class=\"no-margin\">En savoir plus : <b><a href=\"https:\/\/support.google.com\/mymaps\/answer\/3024454?hl=en&amp;ref_topic=3024924#\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Cr&eacute;er ou ouvrir une carte<\/a><\/b> <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_3f0fe97575\"><b>2. Int&eacute;grez la carte &agrave; votre site web<\/b><\/h2><p class=\"no-margin\">Une fois que vous avez cr&eacute;&eacute; votre carte, il est temps de l&rsquo;int&eacute;grer &agrave; votre site Web. La premi&egrave;re &eacute;tape consiste &agrave; la rendre visible pour tous &ndash; cliquez sur <b>Partager <\/b>: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/b5324994-c25d-4e3f-8f6b-c5a7aa76c792.jpg\" data-media-id=\"4003\" alt=\"Google Maps, bouton Partager surlign&eacute; dans un panneau de carte personnalis&eacute;e\"><\/div><p class=\"no-margin\">Basculez les options <b>Toute personne disposant de ce lien peut voir<\/b> et <b>Laisser les autres chercher et trouver cette carte sur Internet<\/b>. Cliquez sur <b>Partager sur Drive <\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/84dabc03-e761-4ac4-a412-49d7ff299db4.jpg\" data-media-id=\"4004\" alt=\"Google Maps : options de partage de la carte et bouton Partager sur Drive mis en &eacute;vidence\"><\/div><p class=\"no-margin\">Enfin, cliquez sur <b>OK <\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/0ef3d334-4aa9-4e13-bc0a-2289c313782f.jpg\" data-media-id=\"4005\" alt=\"Partager la carte Google avec acc&egrave;s g&eacute;n&eacute;ral et bouton OK mis en &eacute;vidence\"><\/div><p class=\"no-margin\">Maintenant, vous &ecirc;tes pr&ecirc;t &agrave; obtenir un code. Cliquez sur le bouton ellipse &#8942; en haut de la fen&ecirc;tre des param&egrave;tres, puis cliquez sur <b>Int&eacute;grer la carte sur mon site<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/5547e4eb-2a76-4b4d-933b-1e78ca6cccd5.jpg\" data-media-id=\"4007\" alt=\"Google Maps : option &laquo; Int&eacute;grer la carte &agrave; mon site &raquo; dans le menu de la carte\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous obtiendrez le code de votre carte. Copiez-le, et collez-le sur votre site Web &agrave; l&rsquo;aide de l&rsquo;<b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">&eacute;l&eacute;ment de code incorpor&eacute;<\/a>.<\/b> Si vous souhaitez que la carte soit plus grande ou plus petite, redimensionnez l&rsquo;&eacute;l&eacute;ment de code ou modifiez les chiffres de largeur et de hauteur dans le code de l&rsquo;&eacute;l&eacute;ment de code incorpor&eacute; :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/c8a59c31-0909-4b22-a56e-ea622a7f02f8.jpg\" data-media-id=\"4006\" alt=\"Carte Google int&eacute;gr&eacute;e avec code d&rsquo;int&eacute;gration mis en &eacute;vidence pour largeur et hauteur\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Montrez votre emplacement en ajoutant une carte \u00e0 votre site Web.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1838","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474784-hostinger-website-builder-how-to-add-a-map\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474784-hostinger-svetainiu-kurimo-irankis-zemelapio-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474784-hostinger-criador-de-sites-como-adicionar-um-mapa\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1838"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1838\/revisions"}],"predecessor-version":[{"id":4010,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1838\/revisions\/4010"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}