Vous pouvez intégrer le tableau de réservation directement sur votre site web sous forme de widget. Ainsi, vos membres et clients peuvent voir la disponibilité des places sur leur propre page et peuvent réserver dans un environnement familier.
Il suffit d'ajouter le code ci-dessous à l'élément de votre site web (HTML/JS). Vous trouverez un exemple de ce que cela peut donner sur votre site web ici, chez TC Eggersriet.
Créer un code HTML
Veuillez adapter le code ci-dessous avec l'ID de votre club. Vous pouvez le trouver lorsque vous appelez votre club en tant que joueur via www.gotcourts.com. L'ID du club est un numéro à plusieurs chiffres et se présente comme suit :
clb_11e7461dcc2d3786a7376545076843b59922
***
<div id="gotcourts-calendar" data-club="clb_00000000000000000000000000000000"></div>
<script>
(function(w, d) {
var s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://apps.gotcourts.com/newplayer/widget.js";
var p = d.getElementsByTagName("script")[0];
p.parentNode.insertBefore(s, p);
w.addEventListener("load", function() {
const data = d.querySelector('#gotcourts-calendar').dataset;
const config = {
clubs: data.club ? [data.club] : ("" + data.clubs).split(","),
language: data.language || "de"
}
gcCalendar(config);
});
})(window, document);
</script>
***
Intégration de plusieurs installations
Il est également possible d'inclure les tableaux de réservation de plusieurs établissements. Dans ce cas, il suffit d'adapter d'autres noms de clubs dans la "div-line" et de remplacer "data-club" par "data-clubs".
<div id="gotcourts-calendar" data-clubs="clb_000000000000000000000000000000, clb_000000000000000000000000000001"></div>
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.