> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ressto.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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


![](https://storage.crisp.chat/users/helpdesk/website/-/f/e/c/2/fec2bb2c3e13f800/screenshot-2026-10-22-at-21843_e1py1d.png =900x700)

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


![](https://storage.crisp.chat/users/helpdesk/website/-/f/e/c/2/fec2bb2c3e13f800/screenshot-2026-10-22-at-21908_sqag56.png =900x700)

1. Open the **“Reserve a Table” button** panel.
2. Select the platform used by your website:
   * HTML
   * WordPress
   * Webflow
   * Squarespace
   * Wix
3. Review the code displayed for your selected platform.
4. 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.