Articles on: Publishing

How to Add a “Reserve a Table” Button to Your Website

How to Add a “Reserve a Table” Button to Your Website


Overview


The “Reserve a Table” button allows restaurant owners to add a reservation button to an existing website. When visitors click the button, the reservation form opens in a popup, allowing them to make a booking without leaving the website.


The dashboard provides embed code options for HTML, WordPress, Webflow, Squarespace, and Wix.


How to Access the Reservation Button Code




  1. Log in to your restaurant dashboard.
  2. Navigate to Grow → Publishing.
  3. Scroll down to the Booking reservation section.
  4. Locate the “Reserve a Table” button card.
  5. Click Get button code.


The embed-code panel will open with platform options and a code snippet.


How to Get the Embed Code




  1. Open the “Reserve a Table” button panel.
  2. Select the platform used by your website:
    • HTML
    • WordPress
    • Webflow
    • Squarespace
    • Wix
  4. Review the code displayed for your selected platform.
  5. Click Copy to copy the embed code.


Always use the code generated by your own dashboard.


How to Add the Button to Your Website


HTML Website


  1. Select HTML in the embed-code panel.
  2. Copy the displayed snippet.
  3. Open your website's HTML editor.
  4. Paste the snippet inside the page's <body> section, where you want the reservation button to appear.
  5. Save your changes and publish the page.


WordPress, Webflow, Squarespace, or Wix


  1. Select your website platform in the panel.
  2. Copy the generated code.
  3. Open your website editor.
  4. Add the snippet using a supported custom-code or embed area.
  5. Save or publish your changes.


The exact steps depend on your website platform, subscription plan, and access permissions. If you cannot add custom code yourself, ask your website administrator or developer for assistance.


How the Reservation Button Works


When a visitor clicks the Reserve a Table button:


  1. The reservation form opens in a popup.
  2. The visitor selects the available reservation details.
  3. The visitor submits the reservation.
  4. The new reservation appears under Reservations in your restaurant dashboard.


The widget reads its colours and branding from your storefront settings. According to the dashboard, changes to your storefront theme are reflected in the embedded widget automatically, without needing to redeploy the code.


How to Test the Button


After adding the code:


  1. Open your website.
  2. Locate the Reserve a Table button.
  3. Click it and confirm that the reservation form opens.
  4. Check that the form displays correctly on desktop and mobile devices.
  5. If appropriate, submit a test reservation and verify that it appears under Reservations.


Important Notes


  • Use the code generated for your restaurant.
  • Select the correct website platform before copying the snippet.
  • You may need permission to add custom code to your website.
  • Review your reservation availability under Settings → Reservations.
  • Test the button after publishing your website changes.


Summary


The “Reserve a Table” button lets customers make reservations directly from your existing website. Copy the platform-specific embed code from Grow → Publishing, add it to your website, and test the popup before making the button available to visitors.

Updated on: 22/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!