How to Add OpenTable Reviews to Your Website

Summarize with:

With Jotform’s OpenTable Reviews Widget, you can easily showcase customer reviews from your OpenTable restaurant profile on your website. Connect your OpenTable page, customize the widget, and embed it to build trust, highlight great dining experiences, and encourage more reservations.

Note

To display reviews in the widget, you’ll need a valid OpenTable restaurant URL. And your restaurant listing should be publicly accessible so the widget can retrieve the review information.

Creating Your OpenTable Reviews Widget and Getting the Embed Code for it

Before you can add the OpenTable Reviews Widget to your website, you’ll first need to connect your OpenTable page, customize how the reviews are displayed, and copy the embed code for it. Get started like this:

On the top-left side of your Workspace page, click on Create.

Workspace page highlighting the Create button in the top-left corner

Then, in the menu that opens up, select Website Widget.

Next, in the Search bar in the upper-left corner of the Choose Website Widget page, enter OpenTable Reviews.
Then, at the bottom of the search results, click on Use Widget.

Searching for the OpenTable Reviews widget in the Choose Website Widget menu and selecting Use Widget

Now, in the Widget Properties menu that opens on the right side of Website Widgets, set up these properties:
- OpenTable Restaurant URL — Enter the URL of your OpenTable restaurant profile to import and display your customer reviews.
- Title — Enter a custom title to be shown above the review section.
- Widget Header — Show or hide the widget header.
- Header Title — Customize the text displayed in the widget header.
- Review Details
  - Rating — Show or hide your restaurant’s overall OpenTable rating.
  - Number of Reviews — Show or hide the total number of reviews your restaurant has gotten.
- Review Fields
  - Photo — Show or hide the reviewer’s profile photo, when available.
  - Name — Show or hide the reviewer’s name.

OpenTable Reviews widget General tab open in the Widget Properties menu for configuring the widget

Next, under the Styles tab, customize these properties:
- Dark Theme — Enable a dark color scheme for the widget to better match your website’s design.
- CTA Button — Show or hide a Call-to-Action (CTA) button that encourages visitors to view your restaurant on OpenTable or make a reservation.
- Button Color — Choose the color of the CTA button.
- Text Color — Customize the color of the text displayed throughout the widget.
- Jotform Branding — Show or hide Jotform branding on the widget.
- Font — Select the font used for the widget’s titles, reviews, and other text.
- Custom CSS — Apply your own CSS code for advanced styling beyond the built-in settings.

Customizing the OpenTable Reviews widget with a dark theme, CTA button, colors, font, Jotform branding, and custom CSS

Now, under the Layout tab, configure these properties:
- Layout Options — Choose how customer reviews are arranged within the widget.
- Full Width — Expand the widget to fill the entire width of its container.
- Navigation Arrows — Show or hide arrows that let visitors navigate between reviews.
- Pagination — Show or hide pagination controls so visitors can browse through multiple pages of reviews.
Once you’ve finished configuring the widget, in the pink navigation bar at the top of the page, click on Publish.

Configuring the OpenTable Reviews widget layout by adjusting review arrangement, width, navigation arrows, pagination, and clicking Publish to save the changes

Note

You’ll be asked to log in to your Jotform account, if you’re not already, or sign up for one. Once you’ve done that, you’ll be able to get the embed code for your widget.

Then, in the Embed section, click on Copy Code, and, if you already know how, paste that into the Embed section on your platform, and you’re good to go.
To view embedding instructions for your widget, click on Platforms in the menu on the left side of the page.

Copying the OpenTable Reviews widget embed code or selecting Platforms to view platform-specific embedding instructions

Next, in the Platforms section on the right, select the platform you want to view embedding instructions for. Or, use the Search bar at the top of the section to find it easily.

Selecting a website platform or using the Search bar in the Platforms section to find OpenTable Reviews widget embedding instructions

Then, follow the steps in the How to Embed Your Widget section to add it to your website.

Following the How to Embed Your Widget instructions to add the OpenTable Reviews widget to a supported website platform

That’s it! Your OpenTable Reviews widget will appear on your website based on how you set it up. Take a look at the screenshot below to see how it’ll look.

Example of the OpenTable Reviews widget embedded on a website, showing customer reviews based on the selected settings

Note

You can manage the website widgets you’ve created at any time from your account. For a full breakdown of how to do it, head over to our guide on How to Manage Website Widgets.

Pro Tips

Place the widget on high-visibility pages, such as your homepage, reservations page, or contact page, where positive customer reviews can help encourage more bookings.
Enable the Rating and Number of Reviews options in the widget header to give visitors a quick snapshot of your restaurant’s reputation.