# Wix Bookings: Adding and Setting Up a Book Button

Source: https://support.wix.com/en/article/wix-bookings-adding-and-setting-up-a-standalone-book-button (updated 2026-03-09)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

You can add a button to your site, then customize it to say 'Book Now' and link it to your calendar, service page, or any other relevant location on your site.

![A screenshot showing a book button on a Wix Site.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/04/01/841070f1-2d5a-4e2a-b5b1-71c3bd580fa0/b22b98ed-d4a3-4dc4-bcc7-91c5202fc7d8.png)

### To add and set up a button as a book button:

Add a button element and customize it to act as a quick book button. Follow the instructions below to connect your button for seamless booking so visitors can make reservations quickly.

**Wix Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Click **Add Elements** ![](https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png) on the left side of your editor.
3. Click **Buttons**.
4. Scroll through the designs and click **Themed Buttons** or **Text & Icon Buttons**.
5. Click **Settings** to customize your button:  
   * (Optional) Click the drop-down to select what the button should display: **Text only** or **Text and icon**.  
   * **Text:** Add text that appears on the button. For example, **Book Now**, **Schedule Session**, or something similar.  
   * **Links to:** Customize the button to direct visitors to your services:  
         * **Service List**: Send clients to your full list of services.  
         * **Specific Service Page**: Link clients to a specific service to learn more.  
         * **Booking Calendar**: Link clients directly to a calendar where they can book an available time.

![A screenshot showing an example of how to link a button to one of a site's service pages in Studio Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2024/08/27/5c3b0347-750e-43b1-b3d3-55e51d64743f/b368db47-5717-4014-bb58-0d41723113cb.png)

**Studio Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Click **Add Elements** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png) on the left side of your editor.
3. Click **Buttons**.
4. Scroll through the designs and click **Themed Buttons** or **Text & Icon Buttons**.
5. Click **Settings** to customize your button:  
   * (Optional) Click the drop-down to select what the button should display: **Text only** or **Text and icon**.  
   * **Text:** Add text that appears on the button. For example, **Book Now**, **Schedule Session**, or something similar.  
   * **Links to:** Customize the button to direct visitors to your services:  
         * **Service List**: Send clients to your full list of services.  
         * **Specific Service Page**: Link clients to a specific service to learn more.

![A screenshot showing an example of how to link a button to one of a site's service pages in Studio Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2024/08/27/5c3b0347-750e-43b1-b3d3-55e51d64743f/b368db47-5717-4014-bb58-0d41723113cb.png)

**Wix Harmony Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Click **+ Add** at the top left of the editor.
3. Select the **Buttons** category.
4. Drag a design you like onto your page.
5. Click the **Link** icon ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/09/05/2f5907bf-74d4-45fd-8ee2-8868a482b078/da8f54ea-e708-4aa6-8dbc-347107f12349.png) on the action bar.
6. Click **Choose a link** and click the **Page** icon ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/14/72e29ec3-2df5-4d9d-930b-66185b92a3eb/ba888026-17e2-4db9-a595-995fa37ea5d5.png).
7. Scroll down to the **Bookings Pages** and select the relevant page.
8. (Optional) Click the button in your editor and click **Edit Text** on the action bar. Then rename your button, e.g., "Book Now" or "Schedule Session".

> To meet accessibility standards, the standalone book button widget is no longer available.