Collez le code suivant dans le pied de page avant la balise </body> (fin du corps) de chaque page où vous souhaitez que le widget apparaisse.
Remplacez YOUR_CLUB_ID par votre identifiant de club (généralement un numéro de 3 à 6 chiffres, comme 123456). Exemple : "clubId" : 123456,
Pour changer la couleur du widget, remplacez simplement "#dd9933" par la couleur hexadécimale souhaitée tout en conservant les guillemets. Exemple : si vous souhaitez un widget bleu : "color" : "#0000ff"
Pour un widget en français, remplacez "en-US" par "fr-CA" tout en conservant les guillemets. Exemple : "locale" : "fr-CA"
<!-- Start / Chronogolf Widgets -->
<div class="chrono-bookingbutton"></div>
<script>
window.chronogolfSettings = {
"clubId" : YOUR_CLUB_ID,
"locale" : "en-US"
};
// Optional
window.chronogolfTheme = {
"color" : "#dd9933"
};
</script>
<script>
!function(d,i){if(!d.getElementById(i)){var s=d.createElement("script");
s.id=i,s.src="https://cdn2.chronogolf.com/widgets/v2";
var r=d.getElementsByTagName("script")[0];
r.parentNode.insertBefore(s,r)}}(document,"chronogolf-js");
</script>
<!-- End / Chronogolf Widgets -->
Instructions pour insérer ce code sur GoDaddy, Squarespace et Wix
Insérer le widget sur un site GoDaddy
Étape 1 : Connectez-vous à votre compte GoDaddy.
Étape 2 : Cliquez sur Tableau de bord, puis sur Modifier le site Web.
Note : Si l'option Tableau de bord n'est pas visible, cliquez sur Mes produits, qui affichera alors votre site Web sur lequel vous pouvez cliquer.
Étape 3 : Faites défiler jusqu’en bas et cliquez sur Ajouter une section :
Étape 4 : Dans la barre d’outils à droite, sous l’option Fichiers & Web, cliquez sur HTML :
Étape 5 : Collez le code du widget Chronogolf dans l’espace prévu :
Note : Assurez-vous de cliquer sur Terminé et Publier après avoir ajouté le code.
Le résultat final sera :
Insérer le widget sur un site Squarespace
Étape 1 : Connectez-vous à votre compte Squarespace.
Étape 2 : Une fois connecté, cliquez sur Tableau de bord, puis sur Site Web :
Étape 3 : Accédez à Paramètres, puis Avancé, et enfin Injection de code :
Étape 4 : Collez le code du widget Chronogolf dans la zone Pied de page.
Le résultat final sera :
Insérer le widget sur un site Wix
Étape 1 : Connectez-vous à votre compte Wix.
Étape 2 : Dans le tableau de bord Wix, cliquez sur Paramètres, puis sur Code personnalisé :
Étape 3 : Cliquez sur Ajouter un code personnalisé (coin supérieur droit).
Étape 4 : Collez le code du widget Chronogolf dans la boîte de texte. Donnez-lui un nom (par exemple, "Widget Chronogolf"), sélectionnez Toutes les pages sous Ajouter le code aux pages, et choisissez Corps - Fin sous Placer le code dans. Cliquez sur Appliquer.