What you’ll need to do is paste the following code into the Footer - before the </body> (body end) tag of every page you’d like the widget to appear on.

Note:

  • YOUR_CLUB_ID will need to be replaced by your Club ID (typically a 3-6 digit number such as 123456). Example:

"clubId" : 123456,

  • To change the color of the widget, simply replace “#dd9933” with the colour you desire in hex format while keeping the “” symbols. Example if you’d like your widget to be blue:

"color" : "#0000ff"

  • For a French widget, simply change “en-US” to “fr-CA” once again keeping the “” symbols. Example:

"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 -->

Below you will find instructions on how to add this code to GoDaddy, SquareSpace and Wix.

Inserting Widget onto a GoDaddy Website

Step 1: Login to your GoDaddy account

Step 2: Click on Dashboard and then click on Edit Website.

Note: If the Dashboard option is not visible, then click on My Products which should then display your website for you to click on.

Step 3: Scroll all the way to the bottom and click on “Add Section”:

Step 4: The toolbar on the right hand side will change to ask what kind of section you’d like added. Under the Files & Web option you’ll need to click on HTML

Step 5: You’ll need to paste the Chronogolf Widget code found at the beginning of this article in the following area:

Note: Make sure to click on Done and Publish once the code has been added.

The final result will be:

Inserting Widget onto a SquareSpace Website.

Step 1: Log into your SquareSpace Account

Step 2: Once logged in, click on Dashboard and then Website:

Step 3: Once on the back-end of your website, you’ll need to first click on Settings

Then Advanced

Then Code Injection

Step 4: You’ll need to paste the Chronogolf Widget code in the area labeled Footer:

The final result should be:

Inserting the Widget onto a Wix website:

Step 1: Log into your Wix account

Step 2: Once logged in, you should see your Wix dashboard. From that dashboard you would click on Settings and then Custom Code:

Step 3: You would click on Add Custom Code (top right corner)

Step 4: You would paste the Chronogolf Widget code in the text box.

It’ll ask to give your code a name (you could use something like Chronogolf widget), and then under the Add Code to Pages section, you would select All Pages.

The final question you’ll be asked is where to Place Code In, and which you would select Body - End and click Apply.

Did this answer your question?