Use the OpenTable block to let your visitors book a table at your restaurant directly through your website. In this guide you will learn how to set up the OpenTable block.
This feature is available on sites with our WordPress.com Premium, Business, and Commerce plans. For free sites and sites on the Personal plan, upgrade your plan to access this feature.
💡
If you do not have an OpenTable listing for your restaurant or cafe and wish to create one, you can sign up here.
To add the OpenTable block, click on the Add Block button to open the block library and select the OpenTable block.
Alternatively, you can type /opentable in a new block and press enter.
Check out our detailed instructions on how to add content using blocks.
Next, you will enter your OpenTable Reservation Widget embed code. If you need help locating your embed code, check this guide from OpenTable.
To reveal the block toolbar, you can click on the block and the toolbar will display. Each block has its own controls that allow you to manipulate the block:
The OpenTable block offers the following options in its toolbar:
- Alignment (includes wide and full-width options if supported by your theme)
When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:
You can choose from four different styles. Open the block settings to select from:
The additional settings allow you to add your OpenTable restaurant ID(s). Your first ID is added automatically when you added your embed code.
You can also select from a list of languages supported by OpenTable and set the reservation form to open in a new window.
For more, visit our detailed instructions on Advanced settings.
