Ajouter des fonctions de Curling IO au site Web de votre club
Ajoutez le calendrier public, les résultats, les parties en cours, les plages de location disponibles ou un commanditaire de votre club à un site Web que vous gérez en dehors de Curling IO. Chaque widget lit les renseignements publics à jour sur le site Curling IO de votre club.
Si Curling IO héberge votre site Web
Utilisez Studio pour placer des blocs de parties en cours et de commanditaires sur vos pages. Vous pouvez demander à l’assistant du Studio de les ajouter. Votre site hébergé possède aussi une page publique Calendrier, vers laquelle vous pouvez ajouter un lien dans la navigation.
Les blocs de commanditaires et de parties en cours du site hébergé exigent Premium. Vous n’avez pas besoin des extraits pour sites externes ci-dessous pour utiliser ces fonctions du site hébergé.
Ajouter un widget à un autre site Web
- Trouvez l’adresse Curling IO de votre club, par exemple
yourclub.curling.io. - Copiez l’extrait correspondant à la fonction voulue.
- Remplacez
yourclub.curling.iopar l’adresse de votre club. - Ajoutez l’extrait au HTML de votre site Web, à l’endroit où la fonction doit apparaître.
- Prévisualisez la page publiée et testez ses commandes.
Votre éditeur de site Web doit autoriser le HTML et le JavaScript. S’il offre un bloc HTML personnalisé, placez l’extrait dans ce bloc. Chargez le script de chaque fonction une seule fois par page, même si vous placez cette fonction à plusieurs endroits.
Conservez les noms d’éléments exactement comme ils sont présentés. Les widgets de calendrier et de parties en cours utilisent des noms différents.
Réservation de locations
Affichez les plages de location disponibles et permettez aux visiteurs de sélectionner Réserver pour passer à votre panier Curling IO. Consultez Ajouter la réservation de locations à votre site Web pour l’extrait, les filtres, le placement sur un site hébergé et le passage à la finalisation de la commande.
Calendrier
Votre Calendrier public doit être activé dans Studio. Le widget de calendrier affiche votre horaire public, y compris les parties, les locations disponibles et les autres entrées publiques du calendrier. Les visiteurs peuvent changer de date et de vue.
<curling-io-calendar styling="curling-io" view="day"></curling-io-calendar>
<script src="https://yourclub.curling.io/widgets/calendar.js" defer></script>
Commencez par la vue Jour lorsque vous placez le calendrier dans une colonne étroite. Prévoyez plus d’espace pour les vues Semaine et Mois.
Vous pouvez ajouter ces attributs à l’élément de calendrier :
| Attribut | Exemple | Utilité |
|---|---|---|
view | view="list" | Commencer dans la vue day, week, month ou list. |
date | date="2026-11-01" | Commencer à une date précise. |
categories | categories="games,other" | Choisir parmi games, rentals et other. |
hide-category-filter | hide-category-filter | Masquer les commandes de catégories. |
products | products="1,2" | Limiter les entrées aux identifiants de produits indiqués. |
resources | resources="1,2" | Limiter les entrées aux identifiants de ressources indiqués. |
language | language="fr" | Demander les libellés en français. |
Les identifiants de produits et de ressources sont les nombres dans les URL de leurs pages d’administration. Seuls les renseignements publics du calendrier sont affichés. Consultez Calendrier pour gérer ce qui y apparaît.
Parties en cours
Affichez les parties en cours, à venir et récentes, avec leurs scores et leur état. Les parties doivent être publiques et leurs résultats doivent être publiés. Le widget affiche Aucune partie en cours. lorsqu’aucune partie ne répond aux critères.
<cio-current-games styling="curling-io"></cio-current-games>
<script src="https://yourclub.curling.io/widgets/current-games.js" defer></script>
Ajoutez language="fr" pour demander les libellés en français. Ajoutez
color-mode="dark" pour afficher le widget en mode sombre.
Le pointage en direct bout par bout exige Premium. Utilisez Résultats pour gérer la publication et le pointage.
Résultats
Utilisez le widget de résultats pour afficher l’horaire publié d’un événement, le classement, les équipes et les scores des parties sur un autre site Web. Ses liens de parties ouvrent le résultat détaillé, y compris les bouts enregistrés lorsque le pointage par bout est activé.
Commanditaire
Le widget de commanditaire exige Premium. Il affiche le nom d’un commanditaire activé, ainsi que son logo et le lien vers son site Web si des valeurs valides sont configurées. Laissez Curling IO choisir le commanditaire ou sélectionnez-en un à l’aide de son identifiant.
<cio-sponsor styling="curling-io"></cio-sponsor>
<script src="https://yourclub.curling.io/widgets/sponsor.js" defer></script>
Pour un commanditaire précis, ajoutez sponsor-id="123" à l’élément en utilisant
le nombre dans l’URL de sa page d’administration. Ajoutez language="fr" pour
demander les libellés en français. Si aucun commanditaire activé n’est disponible,
le widget reste vide.
Consultez Commanditaires pour ajouter des logos et des liens.
Apparence et anciens widgets
Les extraits utilisent styling="curling-io" pour donner à chaque widget sa propre
apparence Curling IO. Prévisualisez-le dans votre page réelle, surtout si vous
utilisez des colonnes étroites.
Si votre site Web utilise déjà d’anciens widgets Curling IO, conservez les instructions propres à cette intégration. L’API des anciens widgets documente ces anciennes intégrations.