How to add Booksy booking to your website
Booksy is the booking system of choice for barbers, salons, and beauty pros. Here's how to put it on your own website so clients book you directly instead of browsing competitors in the marketplace.
Quick answer
In Booksy Biz, open the 'Your Website' tile to find your unique booking widget code, and copy it. On your website, paste it into an HTML or embed block where you want the Book Now button to appear — on Adviita, ask the AI editor to add a Book Now button with your Booksy link. Put it in your header so it's on every page. The widget needs a site that allows custom scripts.
Step-by-step
- 1
Find your widget code in Booksy Biz
Each Booksy business has its own unique booking widget code. In Booksy Biz, look for the 'Your Website' tile, which is where the widget code lives. Copy the snippet — it's short, and you don't need to understand it to use it.
- 2
Customise the button before you copy
Booksy lets you adjust the appearance of the Book Now button — colour, size, and placement — so it matches your branding rather than looking bolted on. Do this before copying the code; a button that looks like part of your site gets tapped more than one that looks like an advert.
- 3
Paste it into your website
Add an HTML or embed block to your page and paste the widget code in. On Adviita, open the AI editor and say 'add a Book Now button in the header linking to [paste your Booksy link]'. The widget requires JavaScript, so if your site or builder blocks custom scripts, use a plain button linking to your Booksy page instead — it works just as well.
- 4
Put it where booking intent peaks
Header, so it follows people around the site. Hero, so it's the first thing visible. And at the end of your services list, where someone has just decided what they want. Repetition isn't clutter for booking buttons — it catches people at the moment they commit.
- 5
Test a real booking on your phone
Open the live site on mobile and book yourself in as a client would. Check the right services, staff, and availability appear, and that the notification reaches you. Fix anything wrong in Booksy rather than on the website — the site only points at it.
Tips & best practices
- ▸Booking direct from your own site keeps the client relationship yours rather than sending them to browse competitors.
- ▸A bold button beats a text link by a wide margin — 'Book Now' should look tappable.
- ▸Keep your Booksy services and prices current; the website inherits whatever is there.
- ▸Add a WhatsApp or call button alongside for clients who'd rather not book online.
Common questions
Can clients book on my website instead of the Booksy marketplace?
+−
Yes — that's exactly what the widget is for. Clients who arrive via your own website book with you directly, rather than landing in a marketplace where competitors are one tap away.
Where do I find my Booksy widget code?
+−
In Booksy Biz, in the 'Your Website' tile. Each business has its own unique code, so you can't reuse someone else's. Copy the snippet and paste it into an HTML block on your site.
What if my website builder doesn't allow custom code?
+−
Use a plain button or link pointing at your Booksy booking page URL. You lose the inline widget, but the client journey is nearly identical and it's more reliable — Booksy's own booking flow is well optimised for mobile.
Does the Booksy widget work on mobile?
+−
Yes, and mobile is where most beauty and barbering bookings happen. Always test the flow on an actual phone rather than a desktop browser window resized to look like one.