Insérer une iframe sur son site web

Vous avez la possibilité d'insérer sur votre site web un parcours, une table des passages ou une carte multi-parcours personnalisée, sous forme d'iframe. 

1. Créer une iframe
  • Rendez-vous dans votre espace personnel, rubrique Mes iframe

  • Cliquez sur l'un des 3 boutons "nouvelle balise iframe" selon votre besoin : trace, carte ou table des passages

  • Remplissez les éléments du masque de saisie qui s'ouvre

  • Une fois validé, l'iframe apparaît dans la rubrique Mes iframe, cliquez sur le picto pour récupérer votre code html

2. Actualiser votre iframe
Astuce spéciale organisateurs
Encore + de facilité avec la nouvelle version du site Trace de Trail !

Une fois le code html de l'iframe intégré sur votre site web pour présenter vos parcours de compétition : n'y touchez plus !

D'une année sur l'autre, pour mettre à jour les parcours de la nouvelle édition, actualisez simplement l'iframe :

  • Revenez dans votre Espace utilisateur dans la rubrique Mes iframe
  • Cliquez sur pour modifier l'iframe souhaitée
  • Remplacer le n° de l'ancienne trace / carte par le n° de la nouvelle
  • Et le tour est joué !

La mise à jour faite sur Trace de Trail se répercutera automatiquement sur votre site web !

3. Iframe Trace

La fonctionnalité Iframe trace est accessible à tous les membres Trace de Trail.

L'iframe trace présente le parcours avec un fond de carte par défaut personnalisable et le profil, le tout de manière interactive.

Options de personnalisation de l'iframe Réservé Premium

  • Modifier la couleur de l'interface et la couleur de la trace pour que l'iframe soit aux couleurs de votre évènement !
  • Choisissez les cartes que vous souhaitez mettre à disposition aux utilisateurs en affichage
  • Pensez à faire un réglable raisonnable de vos bulles kilométriques (notamment sur les grands parcours pour éviter une surcharge!)

Ajouter une bordure autour de votre trace permet de la faire ressortir davantage !

4. Iframe Table des passages

1. Avant de créer une iframe Table des passages, il faut créer sa table des passages (logique)!

Tout se passe sur vos traces, dans la partie Points d'intérêt. Activez l'affichage dans la table, ajouter des catégories pour créer des tags, indiquez les barrières horaires pour les parcours de compétition... Retrouvez l'aide détaillée ici.


2. Pour la création de l'iframe en elle-même Réservé Premium
 RDV dans la rubrique Mes iframe comme expliqué plus haut et c'est encore plus simple que pour la trace, c'est fait en quelques clics. Pensez juste à personnaliser la couleur de l'interface pour la mettre aux couleurs de votre évènement.

5. Iframe Carte
Réservé Premium

1. Même topo que pour l'iframe Table des passages, avant de créer une iframe Carte il faut avoir préparé sa Carte.

Un tuto détaillé pour cela est déjà disponible ici.


2. Pour la création de l'iframe carte, le module de saisie est simple. Vous pouvez simplement personnaliser la couleur de l'interface et les cartes disponibles que l'utilisateur peur afficher. Toute la partie "apparence" des traces, des profils, etc. se fait lors de la création de la carte.

OK
Annuler