Skip to content
  • There are no suggestions because the search field is empty.

Adding OpenTable to your B12 website

Allow your B12 website visitors to book reservations via OpenTable

Written by: Madeline B.

Last Updated: 20th Aug. 2025

What is OpenTable?

OpenTable is an online reservation platform that allows restaurants to manage their bookings efficiently. By integrating OpenTable into your B12 website, you can provide a convenient way for your customers to reserve tables directly from your website. This integration enhances the overall dining experience for your customers.

How to acquire OpenTable embed code 

Note: While OpenTable provides detailed instructions and a video tutorial for general website integration, this guide offers specific information on integrating OpenTable into your B12 website.

1. Log in to your OpenTable account

2. Access your OpenTable for Restaurants account or create an account.

3. Navigate to the Reservation Widget settings

4. Go to Restaurant Profile.

5. Select Reservation Widget from the left panel

6. Click Customize.

7. Customize your widget

  • Language: Choose the language for your widget.
  • Type: Select the desired widget type (e.g., button, form).
  • Reservation path: Specify the reservation path.
  • Theme: Customize the colors and appearance.
  • Logo and background image: Upload your brand’s logo and a background image.
  • Cross-sell: Add other restaurants if applicable.

8. Generate the embed code

9. Once you’ve customized your widget, click Copy Code.

How to add OpenTable to your B12 website 

1. Log in to your B12 editor 

2. On the left sidebar, select Website 

3. Click Pages > Home

4. Select Add Section 

5. Click Add Integration and then select OpenTable 


6. Paste the OpenTable embed code in the B12 code box and select Add integration

7. To preview your widget, select Preview in the upper right-hand corner of your editor

8. To ensure these edits are live, publish your page by clicking 

Publish in the upper right-hand corner of your editor

Get in touch with support for further assistance!

If you need further assistance with the B12 editor, feel free to use the Chat button in the lower right corner of your Editor to reach a live agent during support hours or email hello@b12.io!