Add OpenTable Booking Block to Your Website

Add OpenTable Booking Block to Your Website

By Michael Thompson

January 18, 2025 at 05:50 PM

OpenTable blocks let you add restaurant reservation booking or waitlist signup functionality directly to your website. Here's how to set it up and customize it effectively.

Prerequisites:

  • Active OpenTable Restaurant ID
  • SSL-enabled domain
  • Restaurant located in: Canada, Germany, Ireland, Japan, Mexico, UK, or US
  • Available languages: English, French, German, Japanese, Spanish

Adding the OpenTable Block:

  1. Edit page/footer/post
  2. Click Add Block
  3. Select OpenTable
  4. Enter your OpenTable Restaurant ID
  5. Choose your location domain
  6. Select preferred language

Customization Options:

  • Hide/show title
  • Remove icons from drop-down menus
  • Toggle OpenTable logo visibility
  • Customize background color
  • Adjust heading fonts and colors

Best Practices:

  • Use only one block per page
  • Place on homepage, footer, or dedicated reservations page
  • For multiple locations, create separate pages for each restaurant

OpenTable reservation interface on Squarespace

OpenTable reservation interface on Squarespace

Troubleshooting:

  • If block isn't displaying, view in incognito mode or while logged out
  • For unsupported countries, use a button block linking to your OpenTable page
  • Ensure SSL is working if Find A Table button is unresponsive on mobile

Styling Tips:

  1. Edit fonts through Site Styles > Fonts > Headings
  2. Modify colors via Site Styles > Colors > Theme settings
  3. Block title follows Heading 3 formatting
  4. Background color can be customized specifically for the OpenTable block

Note: OpenTable fees may apply to bookings made through the block. Contact OpenTable support for fee details.

Related Articles

Previous Articles