The following article will provide widget instructions for the basic installation of a the Resy booking widget your website. If you would like to customize the color and/or text of the button, Advanced Instructions are provided in your Online Dashboard for a web developer familiar with Javascript. 

Instructions for Pulling your Resy Widget Code:

  1. Log into the Online Dashboard
  2. In the top left corner, click on the bar graph icon 
  3. Click on Venue
  4. Click on the Widget Tab
  5. Click “Get API Key”
  6. Enter in the email of who will be installing the widget
  7. Click “Get API Key” again 
  8. Copy the code in the Code Box 

Bentobox

  1. Navigate to the your Bentobox Page:  http://www.restaurant.com/bentobox  
  2. On the left hand side of the page, click on Integrations, and scroll down to Reservations 
  1. If  you have another reservation platform that is connected, disconnect that platform first. 
  2. Click on  “Connect” next to Resy 
  3. From the Online Dashboard (instructions above) obtain the following information: 
  4. API Key - First text box in the Widget Tab 
  5. Venue ID: 4 digit ID found in the widget code 
  6. Enter in the Venue ID in the first box, and then the API Key that was generated
  7. Save and Close

SquareSpace

  1. Navigate to your SquareSpace Page: account.squarespace.com
  2. Navigate to your Reservation Page or the page you have a widget/would like the widget
  3. If you have an existing widget with another reservation platform on the page follow these steps:
  4. At the top of the screen, next to page content click “Edit”
  5. Click on the box where the other widget is, tap on the trash can to delete 
  6. To add the Resy Widget, 
  7. In the top right corner of the screen tap on the +
  8. Scroll down to the “More” Section and select “Code” 
  9. Click Code 
  10. Remove the sample code in the block 
  11. Paste in the Resy code 
  12. Click “Apply”
  13. To preview the widget click --> Preview in Safe Mode 

**If the widget isn’t appearing unless you refresh on the page, please reach out to your Implementation Specialist or Account Manager for advanced instructions to fix***

WordPress

For Wordpress, please contact your Implementation Specialist or Account Manager for further instructions which will be customized depending on the theme of your Wordpress site. 

Wix

  1. To add the widget to your wix site follow these instructions and copy paste your widget code.

https://support.wix.com/en/article/adding-html-code

When you reach this step make sure to drag this box out as large as possible because wix will limit the widget to being the size of that box. This is a limitation of wix constraining our code to live here and not allowing it to be added directly to your site. On other platforms the widget is able to take up the entire browser window.

GoDaddy

  1. Navigate to your GoDaddy Page: websites.godaddy.com
  2. On the Left Handside, click “Add to this Page”
  3. Click “HTML”  and then “Add”
  4. Paste in the code from the Online Dashboard
  5. Change Forced Height to 750, this will allow the widget box to properly render on the page and not be a small box. 
  6. If you want to have the widget in the center of the page, toggle on Center Align at the bottom of the page 
Did this answer your question?