Blocs Carte

Ajoutez un affichage visuel de l’emplacement de votre entreprise ou de votre événement.

Dernière mise à jour le 8 août 2024

Utilisez les blocs Carte pour intégrer Google Maps sur votre site, avec une épingle indiquant votre emplacement. C'est le moyen idéal pour afficher l'emplacement de votre entreprise ou de votre événement. Il est courant d'ajouter des blocs Carte aux pages Contact.

Ajouter un bloc Carte

Pour ajouter un bloc Carte :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis sélectionnez Carte dans le menu.  Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Dans l’onglet Contenu, ajoutez une épingle de localisation.
  4. Utilisez l'onglet Design pour personnaliser la couleur et l'apparence de la carte.
  5. Lorsque vous avez terminé, cliquez en dehors de l’éditeur de bloc. Vos modifications sont enregistrées automatiquement.

Ajouter une épingle de localisation

Une épingle de localisation est un marqueur qui apparaît sur votre adresse dans le bloc Carte. En cliquant dessus, l'adresse s'ouvre dans Google Maps.

Pour ajouter une épingle de localisation :

  1. Dans l'onglet Contenu du bloc Carte, entrez une adresse. Lorsque vous commencez à saisir une adresse dans le champ Adresse, le bloc affiche des suggestions automatiques générées par Google. Le Nom de l'entreprise ne s'affiche pas sur le bloc Carte lui-même.
  2. Sélectionnez une adresse parmi les suggestions générées par Google pour renseigner les champs Adresse, Ville, État, Code postal et Pays. Une épingle sera automatiquement ajoutée au bloc Carte.
  1. Sous Adresse de l’entreprise, saisissez une adresse. Lorsque vous saisissez les premiers caractères d’une adresse, le bloc affiche des suggestions automatiques générées par Google. Le nom de l’entreprise permet de trouver l’adresse, mais il ne s’affiche pas sur le bloc Carte lui-même.
  2. Appuyez sur l'adresse d'une liste pour déposer une épingle de votre emplacement sur le bloc Carte.

Remarque

blocs Carte utilisent les informations de Google Maps. Si Google Maps ne localise pas une adresse, alors les blocs Carte ne le pourront pas non plus. Consultez la documentation de Google pour ajouter un endroit manquant ou signaler une erreur. Si le bloc Carte ne s'actualise pas même après l'ajout d'une adresse sur Google Maps, consultez notre FAQ.

Modifier le design

Pour personnaliser la couleur et l’apparence de la carte, utilisez l'onglet Design du bloc Carte.

Personnaliser la couleur de la carte

Sélectionnez un paramètre de couleur dans les options situées en haut de l’onglet :

  • Original : design Google Maps classique
  • Nuances de gris
  • Satellite
  • Sombre
  • Clair
  • Bleu : affiche l’eau en bleu et le reste de la carte en blanc

Ajouter d'autres calques

Activez les options ci-dessous pour ajouter d’autres calques à la carte :

  • Étiquettes : afficher les noms des emplacements
  • Terrain : afficher les caractéristiques du terrain
  • Commandes : afficher le zoom, les flèches de direction et l’échelle de la carte
  1. Dans l’éditeur de bloc, appuyez sur Design.
  2. Appuyez sur Style de carte et sélectionnez un style dans la liste.
  3. Vous pouvez activer les options Afficher les étiquettes, Afficher le terrain ou Afficher les commandes pour personnaliser davantage l’affichage.

Redimensionner le bloc (sur ordinateur uniquement)

Modifiez la hauteur du bloc Carte en cliquant et en faisant glisser la poignée du bas.

Astuce

maintenez la touche Maj enfoncée pendant que vous faites glisser la poignée afin de redimensionner la carte par incréments de 20 pixels. Vous pouvez ainsi aligner le bas de la carte avec un autre bloc.

KB Guide Image

Lorsque le bloc Carte se trouve dans une colonne à côté d'un autre bloc, vous pouvez ajuster sa largeur. Pour en savoir plus, consultez l'article Redimensionner les blocs.

Utilisation des blocs Carte par les visiteurs

Les visiteurs peuvent cliquer sur l’épingle sur les blocs Carte pour ouvrir l’adresse dans Google Maps. Sur ordinateur, les visiteurs se déplacent sur la carte par cliquer-déplacer. Sur un appareil mobile, les visiteurs utilisent deux doigts pour se déplacer sur la carte.

Cette fonctionnalité affiche l’emplacement et les coordonnées de votre entreprise uniquement sur votre site Squarespace. Pour transmettre votre adresse, vos coordonnées et vos horaires à une autre plateforme ou à un autre moteur de recherche, utilisez un outil tiers tel que votre fiche d’établissement Google.

FAQ

Puis-je ajouter plusieurs épingles de localisation sur la carte ?

Les blocs Carte ne peuvent afficher qu'une seule épingle de localisation. Pour créer des cartes de plusieurs emplacements, ajoutez plusieurs blocs Carte à une page.

Vous pouvez également incorporer une carte Google Maps sur votre site à l'aide d'un bloc Code. Les personnalisations basées sur du code ne sont pas prises en charge par notre service d’assistance. Pour plus d'informations, consultez la documentation de Google.

Sur les appareils mobiles, le bloc Carte est redimensionné et masque l’épingle

Les blocs Carte sont redimensionnés automatiquement selon la taille du navigateur. Bien que cette fonction améliore l’affichage de votre site sur les appareils mobiles, elle masque parfois l’épingle sur les navigateurs de petite taille. Si vous utilisez un ordinateur, élargissez la fenêtre du navigateur pour afficher l’épingle.

Prévisualisez l’apparence de votre carte sur smartphone et tablette grâce à la Vue par appareil.

Le bloc Carte affiche des informations incorrectes

Si vous saisissez votre adresse et que le bloc Carte s’actualise correctement, mais affiche des informations incorrectes, vous pouvez signaler le problème directement à Google. Cliquez sur Signaler une erreur de carte en bas à droite de la carte.

Si vous entrez votre adresse mais que le bloc Carte ne s'actualise pas, essayez de supprimer le bloc Carte et d'en ajouter un nouveau. Si cette action ne résout pas le problème, contactez-nous.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.