How to add Square Appointments to your website
If you already use Square for payments, Square Appointments lets clients book you online too. Here's how to put it on your own website so booking and payment happen in one place.
Quick answer
In Square Appointments, open Online Booking settings and copy your booking site link or the embed code. On your website, add a 'Book Now' button pointing to that link (or an embed block for the widget) — on Adviita, ask the AI editor to add the button with your Square booking URL. Place it in the header and hero for visibility on every page.
Step-by-step
- 1
Enable Online Booking in Square
In your Square Dashboard, go to Appointments → Online Booking and make sure it's turned on. Set your services, durations, prices, and availability here — the website simply points clients to this booking flow.
- 2
Copy your booking link or embed code
In the Online Booking settings, Square gives you a booking site URL and an embed/'Book Now' button code. Copy the link for a simple button, or the embed code if you want the widget to appear inline on your page.
- 3
Add it to your website
On Adviita, open the AI editor and say: 'Add a Book Now button in the header linking to [paste your Square booking link]'. On other builders, add a button and set the link, or paste the embed code into an HTML block. Open the link in a new tab so your site stays open behind it.
- 4
Position for bookings and payment
Because Square handles payment at booking, a client who taps through is often paying too — so make the button prominent: header, hero, and end of your services list. The fewer taps between 'I want this' and the Square checkout, the more bookings complete.
- 5
Test end to end
On your phone, tap the button and complete a test booking (Square lets you cancel it after). Confirm services, times, deposit/payment settings, and that the confirmation arrives. Adjust anything wrong in Square, not on the website.
Tips & best practices
- ▸Turn on deposits or prepayment in Square to cut no-shows — the website button then collects payment upfront.
- ▸Keep one source of truth: manage services and hours in Square, and let the website just link to it.
- ▸Add a WhatsApp or call button beside 'Book Now' for people who prefer to ask first.
- ▸If you take walk-ins too, say so near the button so you don't lose people who can't find a slot.
Common questions
Do clients pay when they book through Square Appointments?
+−
They can — Square Appointments supports deposits and full prepayment at the time of booking, using Square's payment processing. Turn it on in your Square settings; it's one of the best ways to reduce no-shows.
Can I add Square booking to any website?
+−
Yes. A simple button linking to your Square booking site works on any builder, including Adviita. If you want the inline widget instead, your builder needs an HTML/embed block — most, including Adviita, support one.
Is Square Appointments free?
+−
Square Appointments has a free tier for individuals plus paid tiers for teams, and Square's standard payment-processing fees apply to transactions. Check Square's current pricing for the details; adding the link to your website costs nothing extra.