Our booking widget is a useful tool that allows your clients to book tee-times directly within your website. This tool can be used on Wordpress sites in the form of a plugin, or on other sites by embedding the necessary code script:

Wordpress - download the Golf plugin

To add the plugin to Wordpress, you will first have to download it from our release page:

  1. To download the plugin, click here

  2. The file should automatically start downloading. If not, right click on “Source code (zip)” and choose “Save link as” and click save.

Wordpress - install the Golf plugin

Once you have downloaded the plugin, please note where it was saved on your computer, so you can find the file and upload it to your Wordpress account:

  1. From your Wordpress admin left-hand toolbar, click on Plugins

  2. At the top of the Plugins page, click Add New

  3. At the top of the Add Plugins page, click Upload Plugin

  4. Click Choose File and select the plugin file that you just downloaded

  5. Once the plugin has been installed, click on Activate Plugin

Wordpress - set up your Golf plugin

Now that your plugin is installed, activated, and ready to go, it’s time to enable your booking functionality by adding your golf course ID, and adding the custom widget color.

  1. To access the plugin settings, choose Chrongolf in the left-hand toolbar of your Wordpress admin

  2. Fill in your golf course ID number (can be found in the URL of your Lightspeed Golf admin page)

  3. Choose a custom widget color

  4. Make sure the plugin is in Production Environment

  5. Click Save Changes, and check out your new booking widget on any page of your website!

Other website CMS platforms - How to insert the Chronogolf widget

If you’d like to use the booking widget on a different platform, such as Squarespace, Wix, or others, you will need to manually insert the following custom code in your website's footer on every page you want the widget:

  1. Copy and paste this plugin code before the < /body > (body end) tag of your website template:

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

2. Fill in your Club ID and custom Color HEX code. You can choose a HEX color code here: http://www.colorpicker.com/

3. Save, and refresh any page of your new site to ensure the widget is activated

Did this answer your question?