CMS UBLO / Sites marchands esf
Une carte éditable pour vos lieux de rendez-vous
Découvrez comment transformer votre carte de lieux de rendez-vous en un véritable guide interactif ! Ce tutoriel vous présente les nouvelles fonctionnalités qui rendent la carte éditable et facile à personnaliser : ajoutez des points d’intérêt, créez des zones et insérez des informations clés. Simplifiez la navigation pour vos clients et améliorez leur expérience avant même qu’ils n’arrivent !
1 • Introduction
Pourquoi avoir mis en place de nouvelles fonctionnalités ?
Ces nouvelles options de personnalisation permettent aux écoles de ski de disposer d’une carte interactive des lieux de rendez-vous entièrement éditable. Grâce à elles, vous pouvez désormais ajouter des photos aux points de repères, tracer des chemins et délimiter des zones, ou encore insérer des titres pour nommer des espaces spécifiques (ex : zone nordique).
L’objectif est de simplifier l’orientation des clients en rendant les lieux et points clés de votre espace immédiatement compréhensibles. Votre carte devient ainsi un véritable outil intuitif pour guider les clients de façon claire et précise vers chaque point de rendez-vous, facilitant leur expérience avant même leur arrivée.
Comment cela se traduit-il sur la carte ?
- Connectez-vous à votre site esf et accédez à la page "Lieux de rendez-vous" ou "Départ des cours".
- Cliquez ensuite sur le crayon bleu pour activer le mode édition. Un panneau de contrôle s'affiche alors à gauche de la carte, vous offrant un accès direct aux options pour ajouter, modifier ou supprimer des éléments. En sélectionnant l'un des boutons (1, 2, 3,...), vous activerez l'une des fonctionnalités suivantes :

- Ajouter un point d'intérêt
- Ajouter une ligne
- Ajouter un rectangle
- Ajouter un cercle
- Ajouter un polygone
- Ajouter un texte
- Modifier un élément
- Déplacer un élément
- Effacer / supprimer un élément
- Changer la couleur des tracés
- Réordonner la liste des points d'intérêts
2 • Ajouter un point d'intérêt
Les points d’intérêt sont un moyen efficace de guider vos clients tout en fournissant des informations clés. Que ce soit pour indiquer un départ de cours, une garderie, vos bureaux ou tout autre élément important, chaque point peut être enrichi de détails supplémentaires ou d'un lien vers une page annexe.
Étapes à suivre :
- Dans le panneau de contrôle, cliquez sur l'icône point d'intérêt (1) pour débuter l’ajout.
- Placez le point à l'emplacement souhaité sur la carte, puis cliquez une seconde fois pour le fixer.
- Personnalisez-le en cliquant dessus. Un panneau de personnalisation s'affichera avec plusieurs options :
- Pictogramme : Cliquez sur l'icône rouge 🔴 pour choisir un pictogramme dans la bibliothèque. Cela permet de symboliser visuellement l'emplacement (ex : un bonhomme en raquette pour les départs de raquettes).
- Image : Ajoutez une photo en cliquant sur l'encadré Image 🖼️. Pour supprimer une image, survolez-la avec la souris et cliquez sur la corbeille rouge. (Facultatif)
- Titre : Donnez un nom à votre point d'intérêt (ex : "Rdv Cours Collectifs", "Garderie", "Club Piou Piou",...)
- Description : Ajoutez des informations pratiques comme les horaires d’ouverture ou des détails utiles. (Facultatif)
- Lien et Libellé : Insérez une URL (vers une page spécifique de votre site, par exemple) et personnalisez le bouton (ex. : "En savoir plus") pour rediriger les utilisateurs vers plus de contenu. (Facultatif)
- Pour valider les informations du point d'intérêt, cliquez sur "Valider".
- N’oubliez pas de recentrer la carte et d’enregistrer, une fois vos modifications terminées.
3 • Créer des formes et des tracés
Vous pouvez ajouter différents types de formes sur la carte pour indiquer des zones ou des chemins spécifiques, comme un passage, une aire de rassemblement ou une zone particulière.
Types de formes et couleurs disponibles
- Ligne : Idéale pour tracer des chemins ou itinéraires.
- Rectangle et Cercle : Pour marquer des emplacements ou zones spécifiques.
- Polygone : Pour dessiner une zone avec plus de précision qu’un cercle ou un carré.
Vous disposez de deux couleurs pour distinguer vos formes : marron et prune. Par défaut, les formes sont en marron. Pour utiliser le prune, cliquez sur l'icône de palette 🎨 (10) en haut à droite avant de sélectionner un type de forme.
a) Créer une ligne
- Cliquez sur l’icône ligne (2), puis :
- Sélectionnez un point de départ sur la carte.
- Cliquez à nouveau pour chaque nouveau point de direction.
- Pour arrêter le tracé, cliquez sur le bouton "Terminer" ou sur le dernier point placé.
Boutons disponibles à côté de l'icône pendant la création :
- Terminer : Enregistre le tracé et quitte le fonctionnalité en cours.
- Retirer le dernier sommet : Supprime le dernier point ajouté.
- Annuler : Annule toute la ligne en cours de création ou quitte la fonctionnalité en cours d'utilisation.
- Terminer : Enregistre le tracé et quitte le fonctionnalité en cours.
- Retirer le dernier sommet : Supprime le dernier point ajouté.
- Annuler : Annule toute la ligne en cours de création ou quitte la fonctionnalité en cours d'utilisation.
b) Créer un rectangle ou un cercle
- Sélectionnez l’icône pour le rectangle (3) ou le cercle (4), puis :
- Cliquez sur la carte pour commencer à créer la forme, et ajustez la taille en cliquant à nouveau pour finaliser.
Boutons disponibles pendant la création : “Annuler”.
c) Créer un polygone
- Cliquez sur l'icône polygone (5), puis :
- Tracez la forme en reliant le dernier point au premier pour fermer le polygone. La zone intérieure sera légèrement colorée.
Boutons disponibles pendant la création : “Terminer”, “Retirer le dernier sommet” et “Annuler”.
Pensez toujours à recentrer votre carte et à enregistrer les modifications une fois satisfait. Appuyer sur "Terminer" permet de quitter la fonctionnalité en cours, mais ce n'est en aucun cas un enregistrement !
4. Ajouter un texte
Vous pouvez ajouter un texte sur votre carte, par exemple, si vous souhaitez préciser le nom d'une zone pour aider le client à se retrouver et à visualiser.
Étapes à suivre
- Dans le panneau de contrôle, cliquez sur l'icône "T" (6),
- Sélectionnez ensuite l'endroit où vous souhaité ajouter le texte.
- Saisissez votre texte, par exemple "Zone nordique",
- Une fois satisfait, cliquez à un autre endroit sur la carte pour valider.
- Recentrez votre carte et enregistrer les modifications.
5. Modifier, déplacer, supprimer un élément
Si un élément (point d'intérêt, forme, texte) a été mal placé ou n’est plus nécessaire, vous pouvez le modifier (sauf le texte), le déplacer ou le supprimer facilement.
Étapes à suivre
- Pour modifier une forme déjà enregistrée :
- Dans le panneau de contrôle, sélectionnez l'icône modification (7), cela fera apparaître les points d'édition de chaque forme présente sur la carte,
- Cliquez sur un point d'édition et maintenez pour ajuster sa position afin de changer la forme.
Note : Pour modifier un point d'intérêt, cliquez simplement dessus pour rouvrir le panneau de personnalisation. Quant aux textes, ils ne peuvent pas être modifiés après validation ; en cas d'erreur, supprimez le texte et créez-en un nouveau.
- Pour déplacer un élément (point d'intérêt, forme, texte) :
- Sélectionnez l'icône déplacement (8) dans le panneau de contrôle.
- Cliquez sur l'élément que vous souhaitez déplacer, puis faites-le glisser jusqu’à l’emplacement désiré.
- Pour supprimer un élément (point d'intérêt, forme, texte) :
- Dans le panneau de contrôle, sélectionnez l'icône gomme (9),
- Puis, cliquez sur l'élément à supprimer pour l'effacer de la carte.
6. Réordonner la liste des points d'intérêt
Par défaut, vos points d'intérêt sont classés par ordre alphabétique. Vous pouvez désormais les réorganiser pour créer une structure logique et fluide, particulièrement utile si vous gérez un grand nombre de points. Cette hiérarchisation rend chaque point plus visible et facilite l’orientation pour vos utilisateurs.
Étapes à suivre
- Survolez les points d’intérêt dans la liste située à droite de la carte.
- Utilisez les flèches 🔼🔽 (11) à côté de chaque point pour les réorganiser à votre convenance.
- Une fois la réorganisation effectuée, enregistrez vos modifications.
7. Conclusion
🎉 Félicitations ! 🎉 Vous avez désormais toutes les clés en main pour métamorphoser votre carte éditable des lieux de rendez-vous en un outil incontournable pour vos clients. Profitez de ces nouvelles options de personnalisation et combinez-les pour offrir une expérience d'orientation fluide, intuitive et agréable !