List of All Blocks » OpenTable Block

This feature is available on sites with our WordPress.com Pro plan. If your site has one of our legacy plans, this feature is available on Premium, Business, and eCommerce.

As a restaurant owner, your ultimate goal online is to drive reservations and OpenTable can help you achieve just that. With the OpenTable block, your visitors will be able to book a table right from a post or page on your site.

💡

If you do not have an OpenTable listing for your restaurant or cafe and wish to create one, you can sign up here.

Table of Contents

1. Adding the OpenTable Block
2. Block Toolbar
3. Block Settings
4. Styles
5. Additional Settings
6. Advanced

Adding the OpenTable Block

In order to add the OpenTable block, click on the Add Block button to open the block library and select the OpenTable block.

Adding the OpenTable block

Alternatively, you can type /opentable in a new block and press enter.

Detailed instructions on adding blocks can be found here.

Next, you will enter your OpenTable Reservation Widget embed code. If you need help locating your embed code, check this guide from OpenTable.

↑ Table of Contents ↑

Block Toolbar

In order 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 toolbar

The OpenTable block offers the following options in its toolbar:

• Alignment (includes wide and full-width options if supported by your theme)
• Styles (more on that below)

📌

Once a block is placed inside a container like a Group block, the width setting on the nested block will no longer be available. Instead, the container (Group, Layout, etc.) defines the alignment of the content within. Ideally, you’ll want to think about the layout of your content and apply the width options to the container block before adding the content within.

↑ Table of Contents ↑

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

Block settings

↑ Table of Contents ↑

Styles

You can choose from four different styles (click each image to see in full screen):

• 

  Standard

• 

  Tall

• 

  Wide

• 

  Button

↑ Table of Contents ↑

Additional Settings

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.

↑ Table of Contents ↑

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. Learn more.

The advanced section lets you add a CSS class to your block.