How do I add Square Appointments to my Squarespace site?

1. Publish your Square booking site first

Square’s help page, which I read in September 2026, says you get the link and the code after you’ve published your online booking site. In the Square Dashboard:

1. Click Appointments, or Payments, then Appointments.
2. Click Online Booking, then Channels.
3. Switch on Enable online booking.
4. Under Booking channels, click Preview & edit next to Square Online website, set up the booking site, and click Publish.

Square says the online booking site can be your whole website or something you link to from an existing one. This page is about the second case.

2. Get the link or the code

In the Square Dashboard, click Appointments, then Online Booking, then Channels. Under Add your booking flow to an existing site, click Get Started. There are three choices.

Get URL. Select your location if you have more than one, select your booking type, and copy the booking flow URL. This is the one for a Squarespace button.

Create button. Select your location, customize the button’s color, text, shape and font, and copy the HTML code. Square says it’s for a website or an email.

Get embed code. Select your location and copy the HTML code. Square says clients will be taken to a flow in another tab or window, so the booking itself happens on Square’s site.

3a. The URL, on a Squarespace button

This works on every Squarespace plan, because it’s a link and not custom code. The 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 the booking flow URL 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 booking flow URL. There’s a toggle for opening it in a new tab.

3b. Square’s code, in a Code block

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 Square’s code into the text field.

Squarespace 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. Look at the code Square gives you. If it contains <script or <iframe, you need one of those plans.

Squarespace also 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 open the page in a private window on a phone after you publish.

A widget for one service or one stylist

Square calls these advanced widgets. In the Square Dashboard:

1. Click Appointments, then Online Booking, then Advanced widget.
2. Select your location if you have more than one, and click Create New Widget for Location.
3. Name it, choose the staff and services to include, and save.
4. Copy the widget’s embed code and add it to your site.

Square says a staff member who doesn’t have a selected service assigned won’t show that service, and that all service variations are shown. It also says edits to a widget update automatically wherever it’s installed, and that deleting a widget in the Dashboard doesn’t remove it from your site. The old code shows an error message instead, so take it out.

On a page about one treatment, a widget limited to that treatment is the one I’d use. SEO for estheticians covers why a page per treatment is worth having.

Instagram and Google

Square has its own steps for a Book Now button on Instagram and Facebook, and they’re in adding Square Appointments to Instagram. For Google, adding a booking link to your Google Business Profile has Google’s steps, and Square has its own Reserve with Google setup in its help center. If your site is on Wix instead, the Wix version of this page exists.

Squarespace for salons and estheticians covers what else the site needs for search. I build on Squarespace. If you’d rather have the site built with booking wired in, that’s The Full Bloom, $1,000, once, and the audit on the home page is free.