Registration on Your Own Website
Players register, book and pay without leaving your site. Turn on the widget, match your colors, and paste one piece of code.
Before you start
What you need
Turn it on and choose what to show
On nextoncourt.com
- 1Open your club and go to Settings → Website widget.
- 2Under Status, turn on Show the widget on my website.
- 3Under What to show, pick any of Events, Leagues, Academy and Lessons. Each one shows how many are open for registration right now.
- 4Fix anything listed under What to fix. Each item has a button that takes you to the setting.
Switching it off
Turn off Show the widget on my website and your site shows “Online registration is paused” instead. Players never see why, and the code on your site keeps working when you turn it back on.
Make it look like your site
How it appears
Preview before you save
The preview next to the settings is the real widget. Switch it between a list, a program and the payment step, at phone or desktop width. If a color makes text hard to read, the page warns you.
Choose which coaches take bookings
The Coaches list
- 1In Website widget, scroll to Coaches. Every coach at your club is listed with their status.
- 2Showing means players can book them from your site. Use the switch to hide a coach; they show as Hidden by you.
- 3Any other status says what that coach still needs. They fix it themselves, in the NextOnCourt app (Coach hub → Booking rules) or on the web (Academy → Coaching → Booking rules).
What each status means
Each coach sets their own rules
In their booking rules, a coach chooses whether they approve each request or confirm instantly, how much notice they need, how far ahead players can book, and the gap between lessons. The rules apply in the app and on your website alike.
Add it to your website
Copy the code
- 1Under Add it to your site, choose the widget: Everything (a tab for each thing you offer), or just Events, Leagues, Academy or Lessons.
- 2Choose how it opens: On the page, or Button (a button that opens it in a window; you choose the button text).
- 3Pick your website builder for the steps that fit it, then click Copy next to the code.
- 4Not the one who edits your site? Use Email these steps to my web person and send them to whoever does. Their replies come to you.
If nothing shows after you publish
Some builders and plans remove scripts. Use the Simple code instead: it works everywhere but doesn't resize itself, so make its box about 900px tall.
Squarespace
- 1In Website widget, pick your builder and copy the code.
- 2Open the page where registration should appear and click Edit.
- 3Click Add Block (+) where you want it, and choose Code.
- 4Paste the code, and make sure "Display Source" is off.
- 5Click outside the block, then Save.
Good to know
Squarespace only runs code blocks on plans that allow custom code. If yours doesn’t, use the "Simple" code instead.
Wix
- 1In Website widget, pick your builder and copy the Simple code.
- 2In the Wix Editor, click Add (+) → Embed Code → Embed HTML.
- 3Click Enter Code, choose "Code", and paste the code.
- 4Click Update, then drag the box’s bottom edge so it’s tall (about 900px).
- 5Publish your site.
Good to know
Wix places custom code in its own frame, so use the "Simple" code here.
WordPress
- 1In Website widget, pick your builder and copy the code.
- 2Edit the page in the block editor.
- 3Add a "Custom HTML" block where registration should appear.
- 4Paste the code.
- 5Click Update (or Publish).
Good to know
Some WordPress.com plans remove scripts. If nothing shows after publishing, use the "Simple" code instead.
GoDaddy
- 1In Website widget, pick your builder and copy the code.
- 2In Websites + Marketing, click Edit Website and open the page.
- 3Click Add Section, search for "HTML", and add it.
- 4Choose "Custom Code" and paste the code.
- 5Click Done, then Publish.
Webflow
- 1In Website widget, pick your builder and copy the code.
- 2Open the page in the Designer.
- 3From the Add panel, drag a "Code Embed" element where registration should appear.
- 4Paste the code and click Save & Close.
- 5Publish your site (custom code doesn’t run in the Designer preview).
No website? Use the link
- 1Under No website? Use the link, copy your registration page's link.
- 2Link it from a button, a social post or an email, or click Download QR and print it for the front desk.
Check it worked
- 1Open the live page on your website once.
- 2Back in Website widget, Status shows the site it was last seen on. Until then it says it hasn't been seen on a website yet.
- 3Registrations in the last 30 days shows how many came through the widget and in total.
Where it can appear
Optional: add your site's address under Where it can appear to stop other sites copying your code. Leave it empty to allow any website.
What players see
Registering from your site
- 1They browse what's open and pick an event, league, program or coach, without leaving your site.
- 2They enter their email. Someone new to NextOnCourt adds their name and date of birth; someone with an account gets a 6-digit code by email.
- 3Parents choose who is playing and can add a child on the spot. Children don't need an email; everything goes to the parent.
- 4They pay by card in the same window when there's something to pay. Prices, fees and discount codes work exactly as they do on NextOnCourt.
- 5The confirmation email comes with your club's name and email branding, and a link that opens the registration in the NextOnCourt app.
Nothing new to manage
Website registrations land in the same lists, rosters and payouts as everything else on NextOnCourt. They're marked as coming from your website.
Troubleshooting
Quick fixes for the things that most often get in the way.
My site says “Online registration is paused”
The widget is switched off, the club is private, your plan doesn't include it, your site isn't under Where it can appear, or the club's address in the code is wrong. Open Settings → Website widget: Status and What to fix say which. If they look fine, copy the code again and replace what's on your site.
Nothing appears after I publish
Your builder or plan probably removes scripts. Use the Simple code instead. On Webflow, custom code only runs on the published site, not in the Designer preview.
The widget is cut off or has a scrollbar
That's the Simple code, which can't resize itself. Make its box taller (about 900px), or use the regular code if your builder allows scripts.
A coach isn't listed
Check their status under Coaches in Website widget. It says what they still need: opting in, weekly hours, prices, or payouts.
Academy programs don't show
Your plan has to include the Academy, and the Academy tab must be showing on your club page. What to fix has a button for the tab.
Players can't pay
Set up club payouts under Settings → Payments. Free registrations work without them.
Common Questions
Which plan includes the website widget?
The Academy plan. Academy programs and lesson booking inside the widget also need those features on your plan.
Do players need a NextOnCourt account?
No. They register with their name and email, and an account is set up for them in the background. The confirmation email has a link that signs them into the app whenever they want it.
Are card details safe on my website?
Card details are entered inside the NextOnCourt window and processed by Stripe. They never touch your website.
Do fees work the same as on NextOnCourt?
Yes. Prices, platform fees, discount codes and add-ons are exactly the same as registering on NextOnCourt.
Can I put more than one widget on a page?
Yes. Paste each code where you want it; the second and later ones reuse the same script.
Who can change the widget's settings?
The club owner and club admins. Plan, privacy and payouts settings stay with the owner.
Can my web person tell when someone finishes registering?
Yes. The page receives a noc:complete event with what was registered, which they can use for analytics or a thank-you message.
Still Need Help?
Send us your club's name and a link to the page you're adding it to, and we'll take a look.
[email protected]