Hostinger Créateur de Site Web : Comment Ajouter une Carte

Montrez votre emplacement en ajoutant une carte à votre site Web.

Updated 2 semaines ago

Il existe plusieurs façons d’ajouter une carte à votre site web :

Élément de carte

Dans l’éditeur, ouvrez le panneau Ajouter des éléments sur la gauche. Choisissez l’élément Carte et faites-le glisser à l’endroit souhaité sur votre site Web :

Hostinger Créateur de site : bouton Ajouter un élément et option Carte sélectionnée dans le menu

Cliquez sur l’élément pour afficher d’autres options (modifier, dupliquer, supprimer, redimensionner) :

Créateur de site Hostinger : bouton « Modifier la carte » sur une carte Google intégrée sélectionnée

Cliquez sur Modifier la carte et insérez l’adresse souhaitée (vous pouvez simplement la copier depuis Google Maps).

REMARQUE : Au lieu d’utiliser l’élément carte, vous pouvez également insérer une section dédiée à la carte sur votre site Web.

Utilisez Google My Maps

Si vous gérez une entreprise sur plusieurs sites et que vous souhaitez tous les marquer sur la carte, vous pouvez le faire avec My Maps de Google.

1. Créez la carte

Ouvrez Google My Maps, puis cliquez sur Créer une nouvelle carte. Cliquez sur Carte sans titre, puis ajoutez le nom et la description de votre carte. Vous pouvez également choisir l’apparence de la carte en cliquant sur Carte de base :

Hostinger Créateur de site : menu Carte de base sélectionné dans Google My Maps

Dans la barre de recherche, insérez votre adresse et placez un marqueur sur la zone souhaitée sur la carte :

Google My Maps : suggestion « 9ème Arrondissement, Paris, France » sélectionnée et repère à Paris 9e indiqué par une flèche rouge

Cliquez sur Ajouter à la carte :

Google Maps : bouton « Ajouter à la carte » mis en évidence dans l’éditeur de carte Hostinger

De cette façon, vous pouvez marquer plus d’adresses sur la carte :

Google Maps : calque sans titre avec style individuel et lieu Paris 9e Arrondissement sélectionné

En savoir plus : Créer ou ouvrir une carte

2. Intégrez la carte à votre site web

Une fois que vous avez créé votre carte, il est temps de l’intégrer à votre site Web. La première étape consiste à la rendre visible pour tous – cliquez sur Partager :

Google Maps, bouton Partager surligné dans un panneau de carte personnalisée

Basculez les options Toute personne disposant de ce lien peut voir et Laisser les autres chercher et trouver cette carte sur Internet. Cliquez sur Partager sur Drive :

Google Maps : options de partage de la carte et bouton Partager sur Drive mis en évidence

Enfin, cliquez sur OK :

Partager la carte Google avec accès général et bouton OK mis en évidence

Maintenant, vous êtes prêt à obtenir un code. Cliquez sur le bouton ellipse ⋮ en haut de la fenêtre des paramètres, puis cliquez sur Intégrer la carte sur mon site :

Google Maps : option « Intégrer la carte à mon site » dans le menu de la carte

Vous obtiendrez le code de votre carte. Copiez-le, et collez-le sur votre site Web à l’aide de l’élément de code incorporé. Si vous souhaitez que la carte soit plus grande ou plus petite, redimensionnez l’élément de code ou modifiez les chiffres de largeur et de hauteur dans le code de l’élément de code incorporé :

Carte Google intégrée avec code d’intégration mis en évidence pour largeur et hauteur