Skip to content

Guide

How do I add the Booksy booking widget to my website?

Barbers, stylists and salon owners who book through Booksy and have, or want, their own website3 min readSeptember 2026

The short answer

In Booksy, go to Business Settings, then Online Booking, then Your Website, and copy the widget code. Booksy says it works on JavaScript-enabled sites that allow custom scripts, and that its support doesn't help with placing it. On Squarespace that means a Code block on the Core plan or higher. If your plan can't run scripts, put your Booksy profile link on a button instead.

What Booksy gives you

Booksy’s help center has one article on this, titled for WordPress, Joomla and other CMS platforms. I read it in September 2026. The steps:

  1. Go to Business Settings. In the mobile app it’s Profile, then Settings.
  2. Select Online Booking.
  3. Click Your Website.
  4. Copy the widget code, or have Booksy email it to the person who manages your website.

Booksy says each business has its own unique widget code, that the widget is compatible with JavaScript-enabled websites and CMS platforms that allow custom script insertion, and that it doesn’t provide additional assistance with implementing it. The website’s administrator handles that.

So this is a script, and the question for your site is whether it can run one.

On Squarespace

Squarespace’s help center, read in September 2026, says code blocks take plain HTML on all plans, and that JavaScript or iframes in a code block need Core, Plus, Advanced or one of its older Business and Commerce plans. Booksy’s widget needs JavaScript, so you need one of those plans.

  1. Edit the page.
  2. Hover over the section and click Add block, then Code.
  3. Click the pencil icon on the block.
  4. Make sure HTML is selected in the Type menu, and paste Booksy’s code into the text field.

Then check it logged out. Squarespace says code sometimes won’t appear while you’re logged in, even when visitors can see it, and offers Preview in Safe Mode for that. I’d also open the page in a private window on a phone and on a computer after you publish.

Squarespace says custom code is outside its support, and Booksy says its support doesn’t help with placement. So if the widget misbehaves, there isn’t an obvious place to take it, and the link below doesn’t depend on either.

On WordPress.com

WordPress.com’s help center, read in September 2026, has a Custom HTML block. In the editor, click the block inserter, search for “HTML” and add the Custom HTML block, then paste the code in.

The same page says the block takes ordinary HTML on every plan, and that tags like script and iframe need a paid plan with hosting features activated. Booksy’s widget is a script, so check your plan before you count on it.

If your WordPress site is hosted somewhere other than WordPress.com, the editor is similar, but whether scripts run is between you and your host. Ask them, or whoever built the site.

If your plan can’t run the script, or you’d rather not depend on it, Booksy’s profile link works on any button. In Booksy, go to Profile, then Share Profile, and copy the link. Owners get the business link, and Booksy says staff members have their own.

On Squarespace, a link works on every plan, and there are three places for it. These steps are from Squarespace’s help center for version 7.1.

A button on a page. Edit the page, hover over the section and click Add block, then Button. Click the pencil icon on the block. Type the button’s words in the Text field, then attach a link and paste your Booksy link under URL.

A button in the header. Open the Pages panel, click Edit, hover over the header and click Edit site header. Click Add elements and switch the Button toggle on. Click the new button, then Edit design, and set its text and link under Content.

A link in the menu. In the Pages panel, click the + icon, then Link. Give it a title like “Book” and paste the Booksy link. There’s a toggle for opening it in a new tab.

Booksy’s page on avoiding Boost charges suggests putting your unique link on your website and business cards, so existing clients are kept separate from new clients who find you through Boost.

Google and Instagram

Booksy has its own route to a Book Online button on Google, through Reserve with Google, and it depends on your Booksy details matching your Google Business Profile exactly. It’s in adding a booking link to your Google Business Profile. Instagram is in adding Booksy to Instagram.

Booking page or website? covers whether a site of your own is worth it yet.

If you’d rather have it built, a new site with the search work is $1,000, once. The free audit on the home page recognizes a Booksy page, so you can run yours through it first.

Follow-ups

The questions this usually leads to

Same rule as above: short answers, no hedging. If yours isn't here, just ask.

Does the Booksy widget work on Squarespace?

Booksy's article doesn't name Squarespace. It says the widget is compatible with JavaScript-enabled websites that allow custom script insertion, and Squarespace lists JavaScript in code blocks from its Core plan up. So it goes in a Code block on one of those plans. Squarespace says custom code is outside its support, and Booksy says its support doesn't help with placement, so test it yourself after you publish.

Does the Booksy widget work on WordPress?

Booksy's article names WordPress and Joomla in its title. On WordPress.com, the Custom HTML block takes plain HTML on every plan, and WordPress.com says script and iframe tags need a paid plan with hosting features activated. If your WordPress site is hosted somewhere else, ask your host or your developer whether custom scripts are allowed.

Can I send the widget code to my web designer?

Yes. On the Your Website tile in Booksy, you can copy the code to your clipboard, or Booksy can email it to the person who manages your website. Booksy says each business has its own unique widget code.

Is there a Booksy link I can use instead of the widget?

Yes. Go to Profile, then Share Profile, and copy your profile link. It works on any button. Booksy's page on Boost also suggests putting your unique link on your website and business cards, so existing clients are kept separate from new clients who find you through Boost.

Beep me

Tell me about your studio and what you're trying to fix. I read every message myself and usually reply within a day.