OpenTable blocks

Encourage visitors to book reservations or sign up for waitlists through OpenTable.

Last updated January 17, 2025

Use OpenTable blocks to add restaurant reservation booking or waitlist signup to your site. We recommend adding the OpenTable block to your homepage, footer, or its own reservations page in your main navigation.

To get started, you'll need your OpenTable Restaurant ID. If your restaurant isn't on OpenTable yet, register here.

Accessing this feature

OpenTable blocks are available in the Basic, Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. To learn more, visit Choosing the right Squarespace plan.

Before you begin

  • Bookings made through the OpenTable block may be subject to OpenTable's fees. For more information, contact OpenTable's support.
  • Ensure SSL is enabled and working for your domain. If there's an issue with your SSL certificates, the Find A Table button on the block may be unresponsive on mobile.
  • This guide covers the latest version of OpenTable blocks. If you added the block before November 16, 2017, delete it and replace it with a new block to see the latest features.

Supported countries and languages

OpenTable blocks are optimized for restaurants in these countries:

  • Canada
  • Germany
  • Ireland
  • Japan
  • Mexico
  • United Kingdom
  • United States

You can choose one of these languages when setting up OpenTable blocks:

  • English
  • French
  • German
  • Japanese
  • Spanish

For restaurants outside of the supported countries, we recommend linking your OpenTable page to a button block or a text link, or using OpenTable's embed code within a code block.

Add an OpenTable block

To add an OpenTable block:

  1. Edit a page, footer, or post, click Add Block or an insert point, and click OpenTable from the menu. For help, visit Adding content with blocks.
  2. Open the block editor by clicking the pencil icon on the block.
  3. In the Content tab, enter your OpenTable Restaurant ID.
  4. Select the OpenTable domain for your country from the Location (Domain) drop-down menu.
  5. Select your language from the Language drop-down menu.
  6. Use the Design tab to customize what shows in the block. If your site is on version 7.0, click Apply to publish your changes.
  7. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Can I add more than one OpenTable block to a page?

We recommend only adding one OpenTable block per page. If you add more than one to the same page, neither will work correctly.

To add booking for multiple restaurants, there are a few other options:

Customize what shows in the block

In the Design tab, you can customize what displays in the block:

  • Check Hide Title to remove the "Make a Reservation" or "Online Waitlist" text.
  • Check Hide Icons to remove the icons in the reservation drop-down menus.
  • Check Hide OpenTable Logo to remove the OpenTable logo.

Style the block

To customize the block's appearance:

Fonts

To style the block's fonts:

  1. While editing a page, open site styles, then click > next to Fonts.
  2. Click Headings.
  3. Use the tweaks to style the OpenTable block's title font. The block's font size follows the Heading 3 tweak.
  4. Click Back, then click Site Styles to return to site styles. You can click Save to save your changes and keep editing, or click Exit and then Save to close the editor.
    .

Colors

To style the block's colors:

  1. While editing a page, open site styles, then click > next to Colors.
  2. Hover over your color theme and click the pencil icon.
  3. Use the OpenTable background color tweak to change the block's background color. The block's title color follows the Paragraph (medium) tweak.
  4. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.
  1. Open the Site styles panel.
  2. Find the corresponding style tweaks.
  3. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Use these style tweaks to change the block's appearance:

  • OpenTable background color - Change the background color. The text will become lighter and darker automatically so it contrasts with the background color.
  • Heading 1 - Change the font and color of "Make a Reservation" text.

Example

OpenTable blocks look like the example below, depending on how you style it. When visitors click Find a Table, a window opens where they can complete the reservation.

If your restaurant isn't taking active reservations and uses a waitlist instead, the OpenTable block displays a Join Waitlist button instead.

Screen_Shot_2017-11-16_at_11.25.10_AM.png

OpenTable blocks not displaying

OpenTable blocks might not display correctly to you when you're logged in because our integration recognizes the booking widget as code. To preview the block, log out or open the page in an incognito window.

Next step

If you're building a restaurant website, you may want to use menu blocks to add menus to your site.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.