> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Intégration d'une carte Google Map avec plusieurs marqueurs # Pour commencer Dans cette documentation, vous apprendrez le processus nécessaire pour intégrer une **Carte Google avec plusieurs marqueurs** dans votre site. Suivez toutes les étapes pour connaître les détails. --- # Intégration de Google Maps avec plusieurs marqueurs L'inclusion d'une carte Google avec plusieurs marqueurs sur votre site web peut s'avérer très utile si votre entreprise est présente dans plus d'un endroit. Pour savoir comment intégrer un **Carte Google avec plusieurs emplacements **sur votre site, **suivre toutes les étapes ci-dessous en conséquence -** ## Créer une carte et obtenir le code d'intégration Suivez toutes les étapes ci-dessous pour apprendre à créer une carte et obtenir le code d'intégration - - Sur votre ordinateur, connectez-vous à [Mes cartes](https://mymaps.google.com/). - Cliquez sur `Créer une nouvelle carte.` - Allez en haut à gauche et cliquez sur `Untitled map.` - Donnez un nom et une description à votre carte. - Ajouter plusieurs lieux sous **Ajouter un calque** - Cliquez sur `Action` - Activer ce bouton et le fermer - Copier le code d'intégration Les **Captures d'écran et GIFS **ci-dessous montre l'ensemble du processus de manière visuelle ⬇️ 1. Une fois connecté à [Mes cartes](https://mymaps.google.com/), cliquez sur **Créer une nouvelle carte.** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-22_1bn1q1y.png) 2. Allez en haut à gauche et cliquez sur "Carte sans titre". ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-23_mfg2nl.png) 3. Donnez un nom et une description à votre carte et enregistrez-la. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-24_1rryq42.png) 4. Ajouter plusieurs lieux sous Ajouter une couche ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm6-1_1dnfrf9.gif) 5. Cliquez sur Partager ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-25_19h5vaj.png) 6. activer cette bascule et la fermer ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-26_y5yrp0.png) 7. Copier le code d'intégration ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm7-1_168u5r7.gif) --- ## Intégrer le code dans votre site Suivez toutes les étapes ci-dessous pour - Dans votre constructeur de site web, ajoutez un **Code personnalisé** où vous souhaitez intégrer la carte - Cliquez sur `Editer l'élément` - Coller le code d'intégration dans le champ HTML - Appuyez sur Enregistrer et publier - Pour voir le résultat, visitez votre site en appuyant sur le bouton situé juste à côté de `Publier` Les **Captures d'écran et GIFS** ci-dessous montre l'ensemble du processus de manière visuelle ⬇️ 1. Dans votre constructeur de site web, ajoutez un élément de **code personnalisé** à l'endroit où vous souhaitez intégrer la carte. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-04-16-at-40_1di5kpv.gif) 2. Cliquez sur Editer l'élément et collez le code d'intégration sous le champ HTML. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-27_1v4u81e.png) 3. Appuyez sur Enregistrer et publier et visitez votre site en appuyant sur le bouton situé juste à côté de Publier. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-28_tnkoe9.png) 4. Et voilà ! Voici votre carte Google avec plusieurs marqueurs ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-29_1fym60z.png) --- | Pour connaître l'ensemble du processus en un coup d'œil, reportez-vous à la vidéo ci-dessous ⬇️ ${youtube}[Embedding a Google Map with multiple markers](ciY1zB9wOUA) --- # Articles connexes [Custom Code Element](/en/article/custom-code-element-1igm3qa/) [Add Custom Code](/en/article/add-custom-code-19siwk8/) [Save, Preview, and Publish](/en/article/save-preview-and-publish-itz553/)