ClubRight gives you a set of widgets you can add to your own website so visitors can see your activities and get in touch before they sign up. Each widget is a small piece of code you paste onto a page of your website. Once it is in place, the widget pulls live information straight from ClubRight, so it stays up to date on its own.
There are four widgets to choose from: a Calendar, a Timetable, an Opening Times display, and an Enquiry Form. You can use as many or as few as you like.
To find them, open your Settings and go to Your Club, then Apps & Widgets. Each widget has its own Set Up button that opens a window with the code snippet to copy and a live preview of how it will look.
How to add a widget to your website
The steps are the same for every widget:
Go to Settings, then Your Club, then Apps & Widgets.
Find the widget you want and click its Set Up button.
For the Calendar and Timetable widgets, choose which activities should appear (see the sections below).
Copy the code snippet shown in the window.
Paste the snippet into the page of your website where you want the widget to appear. If you are not sure how to edit your website, your website provider or web developer can do this for you.
The window shows a live preview so you can see what the widget will look like before you add it to your site.
š” Tip: the code snippet includes your club's own name automatically, so the widget connects to the right account. Copy it exactly as shown.
Calendar Widget
The Calendar Widget shows your activities in a week view on your website, with a Book button on each session so visitors can book directly. When you open its Set Up window, choose which activities you want to appear, then copy the snippet.
The snippet looks like this:
<div id="clubrightcalendar" data-clubname="yourclubname"></div><script src="https://yourclubname.clubright.co.uk/js/calendar.js"></script>
Timetable Widget
The Timetable Widget shows your activities as a daily card layout on your website. As with the Calendar, choose which activities should appear when you open its Set Up window, then copy the snippet.
The snippet looks like this:
<div id="clubrighttimetable" data-clubname="yourclubname"></div><script src="https://yourclubname.clubright.co.uk/js/timetable.js"></script>
Opening Times Widget
The Opening Times Widget shows visitors the best times to visit, based on how busy your club usually is. The preview displays popular times for each day so members can plan around quieter periods. Open its Set Up window and copy the snippet.
The snippet looks like this:
<div id="clubrightopeningtimes" data-clubname="yourclubname"></div><script src="https://yourclubname.clubright.co.uk/js/openingTimes.js"></script>
Enquiry Form Widget
The Enquiry Form Widget puts a lead capture form on your website. Visitors fill in their first name, last name, email address, phone number, and a message. Each enquiry flows through to your dashboard so your team can follow it up. Open its Set Up window and copy the snippet.
The snippet looks like this:
<div id="clubrightenquiryform" data-clubname="yourclubname"></div><script src="https://yourclubname.clubright.co.uk/js/enquiryForm.js"></script>
For more on how enquiries appear and how to work them in ClubRight, see Enquiry page on your website.
QR codes for membership sign-ups
The same Apps & Widgets page has a QR codes for your venue section, below the widgets. This gives you a ready-made QR code for membership sign-ups, so you can promote online joining on posters, flyers, social media, or a sign at reception.
The Membership Selection QR code links to your membership sign-up page, where visitors can see your plans and join. Visitors scan it with their phone and sign up there and then. Click Download to save the image, then print or display it wherever you want to capture sign-ups.
Above it, the Embed your club logo in QR codes toggle places your club's square logo in the centre of your QR codes when switched on. This applies to this membership selection code and to the individual codes on each membership plan.
QR codes for a single plan
As well as the membership selection code, each membership plan has its own QR code that takes visitors straight to the sign-up page for that one plan. You will find it on the plan itself, under Membership Plans, on the plan's Details tab, along with a direct link you can copy. For how to use these, see Branded QR codes for membership plans.
Need a hand?
If a widget is not appearing on your website after you have added the snippet, click the orange chat button to talk to our team.