Adding OpenTable to your B12 website

Allow your B12 website visitors to book reservations via OpenTable

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 

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-hand 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 into your B12 editor 

2. On the lefthand editing panel navigate to the section labeled Website and select it

3. Once you're in the Website tab, click Pages > Home

4. Navigate to the button that says Add Section and select it

5. Select 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