With the OpenTable block, you can add a reservation form on posts or pages.
As a restaurant owner, your ultimate goal in getting online is to drive reservations to your property. The OpenTable block can help you achieve that by facilitating visitors’ ability to quickly fill out an online reservation form to book a table.
Requirements
The OpenTable block is a part of the Jetpack Blocks suite and is activated by default. It does not require a paid upgrade to use. See our Jetpack Blocks article to learn about the available blocks and how to activate them.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you will need to switch back to the Block Editor either by:
- Deactivating the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enabling both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin. Set Allow users to switch editors to Yes.
See Using Blocks and the Classic Editor for more details.
It may happen that an editor that comes with a custom theme or plugin prevents you from using the Block Editor. In that case, please contact the respective plugin or theme author for further assistance.
Adding the OpenTable block
You can add the OpenTable block by searching and/or selecting it from the Jetpack section of the block selector:
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2023/06/markup-on-2023-06-06-at-123203.png?w=696)
See Jetpack Blocks for detailed instructions on adding blocks.
After adding the block, you’ll see a field in which you can enter an OpenTable Reservation Widget embed code:
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2023/06/markup-on-2023-06-06-at-123120.png?w=1024)
If you need help locating your embed code, this guide from OpenTable explains it in detail.
Once you have the code, paste it into the field and click Embed. You will then see the embedded reservation widget:
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2023/06/markup-on-2023-06-06-at-123100.png?w=1024)
Block Settings
Every block has specific options in the editor sidebar and options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2023/06/screenshot-2023-06-06-at-12.28.21-pm.png?w=550)
Styles
At the top of the options for the OpenTable block, you can choose from four different styles (click to view):
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2020/02/standard.png?resize=390%2C390)
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2020/02/tall.png?resize=457%2C457)
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2020/02/wide.png?resize=209%2C209)
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2020/02/button.png?resize=160%2C160)
The default style is Standard. Choose any other style to change the look of the widget in the block.
Additional Settings
The additional settings allow you to add your OpenTable restaurant ID(s). Your first ID is added automatically when you add 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.
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2023/06/screenshot-on-2023-06-06-at-12-27-55.png?w=556)
Advanced
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
![](https://cdn.statically.io/img/jetpack.com/wp-content/uploads/2019/01/additional-css.png)
Still need help?
Please contact support. We’re happy to advise.
Privacy Information
The OpenTable block is activated by default. It cannot be deactivated; the OpenTable block is always available in the Block Selector.
Consult this service’s documentation for the most accurate, up-to-date privacy information.