Install guide
Add online booking to Squarespace
Put your booking form on a Squarespace page with a Code Block.
Use: Embed code
Squarespace often strips outside script tags, which breaks the inline script. The embed works across plans. If your plan has no Code Block, point a button at your booking link.
Steps
- 1Edit the page, click where the form should go, and add a Code Block.
- 2Paste the embed code below into the Code Block.
- 3Save the block and the page, then check it on desktop and on a phone.
- 4No Code Block on your plan? Add a Button block and set its link to your booking link.
The code
Swap <your-business> for your booking name. Or skip that: your code, already filled in, is in the AutoRev app under Settings > Booking.
Embed code
<iframe src="https://book.autorev.ai/<your-business>" width="100%" height="780" frameborder="0" style="border:0;max-width:640px;" title="Book a service" ></iframe>
Book Now button
Want a button instead of the whole form? This opens the form in a pop-up.
<a href="https://book.autorev.ai/<your-business>" data-autorev-booking>Book Now</a> <script src="https://app.autorev.ai/booking-widget.js" async data-slug="<your-business>" data-mode="popup"></script>
Booking link
For a plain button or menu item that links out.
https://book.autorev.ai/<your-business>
Good to know
- The Code Block needs a Business plan or higher. On a Personal plan, use a button with your booking link.
- The editor may show a script disabled box. That is normal. Open the live page to check it.
Not on AutoRev yet?
Your customers pick what's broken, pick an arrival window, and the job lands in ServiceTitan, Housecall Pro or AutoRev. Try AutoRev online booking.
