Calculateur de course depuis 2015

Générateur de widget

Créez un calculateur d'allure spécialement pour votre événement, configurez vos distances (vous pouvez bien sûr leur donner vos propres noms). Si vous avez des questions, n'hésitez pas à nous contacter via le bouton de feedback.

Configuration du widget

Langue

Unité de distance

Titre du widget

Texte du bouton

Texte de message personnalisé

URL de lien personnalisé Texte du lien

Personnalisation des couleurs

Couleur primaire (bouton)

Couleur d'Arrière-plan

Couleur du texte

Couleur de bordure

Distances du widget

Distances disponibles dans le widget :

Aucune distance ajoutée. Utilisez le formulaire ci-dessous pour ajouter des distances.

Aperçu en direct

L'aperçu du widget apparaîtra ici après génération du code

Aperçu des résultats en direct

Calculateur d'Allure

Distance

--,-- km

Temps

--:--:--

⏱️ Vos temps pour les distances populaires :

Charger/Enregistrer la configuration

Méthode d'Intégration

Choisir la méthode d'intégration :

Iframe (Recommandé) Code direct

Iframe : Plus facile à implémenter, fonctionne sur tout site web, se met à jour automatiquement.
Code direct : Plus de contrôle, chargement plus rapide, nécessite des connaissances HTML/CSS.

Code widget généré

Cliquez sur "Générer" pour créer votre widget personnalisé

Instructions d'Intégration

Intégration iframe (Recommandée)

Copiez le code iframe depuis la zone générée
Collez le code là où le widget doit apparaître sur votre site web
Terminé ! Le widget fonctionne immédiatement et se met à jour automatiquement

Code direct (pour utilisateurs Avancés)

Copiez le code généré complet (HTML, CSS et JavaScript ensemble)
Collez tout le code là où le widget doit apparaître
Testez le widget pour vous assurer qu'il fonctionne correctement
Plusieurs widgets par page : Vous pouvez coller le code plusieurs fois (par ex. avec des distances ou des couleurs différentes) - chaque widget fonctionne de manière indépendante

💡 Conseil Pro : L'iframe est la solution la plus simple - il fonctionne sur n'importe quel site web sans conflits et se met à jour automatiquement. Le code direct vous donne plus de contrôle mais nécessite des connaissances HTML. Certains constructeurs de pages et outils de cookies suppriment ou bloquent les balises script - utilisez alors l'iframe.