.png?table=block&id=218105a2-9d95-817d-88d0-c43dddcdd2c1&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
OpenTable Integration
Squarespace
restaurant website setup
Tags Synced
Tags Synced
AI summary
To add OpenTable blocks to your Squarespace site, ensure you have an OpenTable Restaurant ID and SSL enabled. Use one block per page, customize its appearance, and be aware of OpenTable's booking fees. The integration allows customers to book directly from your site.
Last edited by
Platform
Category
Topic
How to Add OpenTable Blocks to Your Squarespace Site
What You Need to Know
- OpenTable blocks let customers book tables directly from your website
- Works on all Squarespace plans from Basic to Commerce Advanced
- You need an OpenTable Restaurant ID and SSL enabled
- Only use one OpenTable block per page to avoid problems
- OpenTable charges fees for bookings made through their system
Before You Start
First, you'll need an OpenTable Restaurant ID. If you're not already signed up with OpenTable, you'll need to register your restaurant on their platform first.
Make sure SSL is turned on for your site. This is crucial because the "Find A Table" button won't work properly on mobile devices without it. SSL should be enabled by default on modern Squarespace sites, but check under Settings > SSL if you're having issues.
Be aware that OpenTable charges fees for reservations made through their system. Check their current pricing before setting this up.
Adding the OpenTable Block
- Go to the page where you want to add reservations (homepage, dedicated booking page, or footer work well)
- Click an insert point or the + button to add a block
- Select "OpenTable" from the block menu
- Enter your OpenTable Restaurant ID in the settings
- Choose your OpenTable domain and language
- Save your changes
The block supports English, French, German, Japanese, and Spanish, so pick whatever matches your main audience.
Customising the Look
Under the Design tab in the block settings, you can:
- Hide the OpenTable title
- Remove the OpenTable logo for a cleaner look
- Adjust the overall appearance
For deeper styling changes like colours and fonts, go to Design > Site Styles. Here you can modify the block's background colour, text styling, and button appearance to match your brand.
Quick tip: Always check your changes in an incognito window. This gives you a fresh view without cached files interfering.
Common Questions
Can I add multiple OpenTable blocks on one page?
No, stick to one per page. Multiple blocks cause functionality problems. If you run several restaurants, create separate pages for each or use a custom code block with multi-restaurant booking code.
Which Squarespace plans work with OpenTable blocks?
All current plans support OpenTable blocks, from Basic through to Commerce Advanced.
Are there extra costs?
Yes, OpenTable charges fees for reservations made through their platform. Contact OpenTable directly for current pricing details.
Quick Definitions
OpenTable Block: A Squarespace feature that embeds restaurant booking functionality directly into your website pages.
SSL: Security technology that encrypts data between your website and visitors. Essential for the booking system to work properly on mobile devices.
Wrapping Up
OpenTable blocks are straightforward to set up and give customers an easy way to book tables without leaving your website. The key is keeping it simple (one block per page), making sure SSL is working, and customising the appearance to match your restaurant's style.
The integration works well once it's set up properly, and the customisation options mean it won't look out of place on your site.