Integrate Tock Reservations into Your Squarespace Site Easily

Adding Tock Reservations to Squarespace

TL;DR:

• You need a Tock plan that includes reservation features to use this integration
• Add the reservations block through Squarespace's block editor
• Connect using your Tock Business URL slug from your account settings
• Customise layout, alignment, and branding through the Design tab
• All booking management happens in your Tock account, not Squarespace

Integrating Tock with your Squarespace website gives visitors a direct way to book tables or make reservations. The setup is straightforward once you have the right accounts in place.

Getting Started with Tock

First, you'll need a Tock account with a plan that supports reservations. Not all Tock plans include this feature, so check your subscription details before starting. You can sign up directly through Tock's website or create an account when adding the reservations block to your Squarespace site.

Adding the Reservations Block

Here's how to add Tock reservations to any page:

Joun Pixelhaze for free and gain access to courses, plugins and discounts.

1. Open your page in the Squarespace editor
2. Click 'Add Block' and look for 'Reservations' under the Powered by Tock section
3. Click the pencil icon to edit the block settings
4. Connect your Tock account using your Business URL slug (you'll find this at the end of your Tock URL)
5. Save your changes

Customising Your Reservations Block

The Design tab gives you several options to match your site's style:

Layout Options:

• Button layout works well for one-time events or special bookings
• Inline layout suits restaurants taking regular reservations

Alignment:
Choose left, center, or right alignment depending on your page layout.

Branding:
You can choose whether to display the Tock logo alongside your booking button.

Managing Your Bookings

All reservations made through your Squarespace block are managed directly in your Tock account. You can't handle bookings from within Squarespace itself.

Make sure your block connects to the correct Tock URL to avoid sending customers to the wrong booking system.

Squarespace 7.0 tip: If you're having trouble with button styling options, temporarily add a form block to the same page. This reveals additional style settings you can adjust. Remove the form block once you've made your changes.

FAQs

Can I change the 'Book now' button text?
No, the button text is fixed and can't be customised.

My button styling options aren't showing up. What's wrong?
This sometimes happens on older Squarespace templates. Add a temporary form block to the page to reveal the styling options, then remove it after making changes.

How do I check if my Tock plan includes reservations?
Log into your Tock account and check your subscription details, or contact Tock support directly.

The reservations aren't appearing in my Squarespace analytics. Is this normal?
Yes, because the booking process happens on Tock's platform, not Squarespace. You'll need to check your Tock dashboard for booking data.

Jargon Buster

Reservations Block: Squarespace's integration tool that connects your website to Tock's booking system

Tock: A booking and reservation management platform designed for restaurants and hospitality businesses

Business URL Slug: The unique identifier at the end of your Tock URL that connects the Squarespace block to your specific account

Wrap-up

Setting up Tock reservations on your Squarespace site creates a smooth booking experience for your customers. The integration handles the technical side while keeping your branding consistent.

Get a 20% discount on your first Squarespace subscription (annual or monthly).

Remember to test your booking flow after setup to make sure everything connects properly. Your customers should be able to click through to Tock and complete their reservations without any hiccups.

Ready to build a website that works harder for your business? Join Pixelhaze Academy for step-by-step Squarespace training and ongoing support.