Putting the booking button on Squarespace

Squarespace works well with ArtistryHost. The simplest method works on every plan; the embed and overlay need a plan that allows custom code.

First, grab your booking address from the admin: Locations → (your venue) → Edit → "Add booking to your website." It looks like https://book.artistryhost.com/yourvenue/yourlocation.

Easiest: link a button (any plan)

1. Edit the page where you want the button.
2. Click an insert point → Button.
3. Set the button text to Book now.
4. Under the link field, paste your booking address (https://book.artistryhost.com/yourvenue/yourlocation).
5. Set it to open in a new tab if you prefer. Save.

That's it. This needs no code and works on the Personal plan.

You can do the same with the Button in your site header: Edit → Site header → enable the button → link it to your booking address.

Embed the booking flow on a page (Business plan and up)

Custom code blocks require a Business plan or higher.

1. Edit the page → click an insert point → Code block.
2. Set the block to HTML.
3. Paste the inline embed from your admin:

   <iframe src="https://book.artistryhost.com/yourvenue/yourlocation"
           title="Book your experience"
           style="width:100%;min-height:680px;border:0;"
           allow="payment *"
           data-artistryhost></iframe>
   

   The version in your admin comes with a small script that resizes the frame to fit, so there's no inner scrollbar.
4. Save. The booking flow now appears directly on the page.

Overlay button (Business plan and up)

This is an advanced option — there's no copy button for it in your admin, so you write the snippet by hand. For a "Book now" button that opens booking over your current page, the small script needs to go in Code Injection, not a Code Block (Code Blocks don't reliably run scripts):

1. Settings → Advanced → Code Injection.
2. In the Footer box, paste the script line (fill in your own booking address elsewhere):

   <script src="https://book.artistryhost.com/embed.js" async></script>
   

   Save.
3. Now add the button itself with a Code block on the page where you want it, pasting a <a … data-artistryhost-book … data-ah-url="https://book.artistryhost.com/yourvenue/yourlocation">Book now</a> link.

If you're on the Personal plan, skip the overlay and use the linked button above — it gives guests the same booking flow.

Need a hand? The Question button at the bottom-right of any help page reaches us.