La fonctionnalité Plan de ville vous permet de créer des produits personnalisés à base de cartes en intégrant Customix à Mapbox. Les clients peuvent saisir leur propre lieu et, si vous le souhaitez, choisir parmi vos styles de carte personnalisés lors de la conception du produit.

1. Connecter Customix à votre compte Mapbox

Commencez par vous connecter à votre compte Mapbox : https://console.mapbox.com/, puis, dans la section Token, créez et copiez un jeton public :

Accédez à Paramètres → Services, repérez Mapbox sous Services disponibles, puis saisissez votre jeton d'accès Mapbox. Une fois la connexion établie, la carte affiche un statut vert Connecté.

2. Enregistrer des styles de carte dans votre bibliothèque de ressources

Ne suivez cette étape que si vous souhaitez que les clients puissent choisir entre plusieurs styles de carte sur la boutique. Ignorez-la si un seul style vous suffit.

  • Accédez à Ressources → Cartes.
  • Cliquez sur Ajouter une carte → Ajouter un dossier, nommez le dossier (par exemple Map Styles), puis ouvrez-le.
  • Cliquez sur Ajouter une carte, puis sélectionnez l'option Ajouter une carte
  • Dans Mapbox Studio, ouvrez le style souhaité → Share → Production → faites défiler jusqu'à Developer resources et copiez l'URL du style (mapbox://styles/...).
  • Collez-la dans le champ URL du style de carte de Customix, puis cliquez sur Enregistrer.

Répétez l'opération pour chaque style que vous souhaitez proposer.

3. Ajouter l'élément Plan de ville à un modèle

  • Ouvrez un modèle et cliquez sur l'icône Éléments dans la barre latérale gauche.
  • Sélectionnez Plan de ville. L'élément est ajouté au canevas et ses paramètres s'affichent à droite.
  • Sous Contenu, configurez Emplacement initial, saisissez des coordonnées ou cliquez sur Sélectionner sur la carte.
  • Pour le Style de carte, choisissez un style par défaut (Streets, Satellite, Outdoors, Light, Dark) ou sélectionnez Personnalisé :

Si vous choisissez Personnalisé, retournez dans Mapbox Studio → ouvrez le style → Share → copiez l'URL Preview only (https://api.mapbox.com/styles/v1/...), collez-la dans le champ URL de style de carte personnalisé, puis cliquez sur Appliquer le style

4. Activer la personnalisation par le client

Dans la section Personnalisation des paramètres du plan de ville :

  • Personnaliser avec un lieu : cochez cette option pour que les clients puissent rechercher et sélectionner leur propre adresse sur la boutique. Vous pouvez définir un Libellé (par exemple Your address) et un Texte d'aide facultatif.
  • Personnaliser avec un style de carte : cochez cette option pour permettre aux clients de choisir entre plusieurs styles de carte. Dans la fenêtre qui s'affiche, sélectionnez le dossier que vous avez créé à l'étape 2 (par exemple Map Styles) et cliquez sur Terminé

Enregistrez le modèle. L'élément Plan de ville est maintenant prêt sur votre boutique : les clients peuvent saisir leur propre lieu et, si cette option est activée, choisir leur style de carte préféré :

5. Masque du plan de ville

Si vous souhaitez afficher le plan de ville dans une forme personnalisée, vous pouvez utiliser la fonctionnalité Masque. Dès que vous importez un masque, la carte prend automatiquement la forme du masque importé.

Mis à jour le : 23/09/2026