---
title: Integrating the Booking Site Using HTML
description: Integrating the booking site using HTML
---

[Skip to content](https://info.resova.com/resova-knowledge-center/integrating-the-booking-site-using-html#main-content)

English

Show submenu for translations

[![Resova\_powered\_by\_Clubspeed](https://info.resova.com/hs-fs/hubfs/Resova_powered_by_Clubspeed.png?width=653&height=170&name=Resova_powered_by_Clubspeed.png)](https://info.resova.com/resova-knowledge-center?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Contact us](https://share.hsforms.com/1B5QyPF-YRQutaoGEnmQD5w1etz6)

[Contact us](https://share.hsforms.com/1B5QyPF-YRQutaoGEnmQD5w1etz6)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Resova Customer Knowledge Center](https://info.resova.com/resova-knowledge-center?hsLang=en)
2. [Settings](https://info.resova.com/resova-knowledge-center/settings?hsLang=en)
3. [Booking Site Settings](https://info.resova.com/resova-knowledge-center/settings?hsLang=en#booking-site-settings)

# Integrating the Booking Site Using HTML

Seamlessly embed Resova into your HTML or PHP website by following these steps:

### **1. Retrieve the Embeddable Code from Resova**

- Navigate to **Settings** \> **Booking Site Settings** from the main navigation.
- Select the **Publish Booking Site** button in the settings menu on the left. 
    - Choose which part of Resova you would like to publish: 
          - **Booking Site**: Link or integrate your entire booking site.
          - **Items**: Link or integrate individual items for customers to book.
          - **Gift Vouchers**: Integrate the option for customers to purchase gift vouchers.
          - **Customer Accounts**: Allow customers to log into their accounts.
          - **Waivers**: Enable customers to sign waivers online.

![](https://info.resova.com/hs-fs/hubfs/image-png-Jan-24-2025-11-17-51-2019-PM.png?width=634&height=373&name=image-png-Jan-24-2025-11-17-51-2019-PM.png)

- Under “How do you want to publish?”, choose **HTML Integration**.

![](https://info.resova.com/hs-fs/hubfs/image-png-Jan-25-2025-12-46-26-6774-AM.png?width=309&height=275&name=image-png-Jan-25-2025-12-46-26-6774-AM.png)

- Copy the HTML and JavaScript code provided by Resova.

![](https://info.resova.com/hs-fs/hubfs/image-png-Jan-25-2025-12-46-38-5276-AM.png?width=611&height=407&name=image-png-Jan-25-2025-12-46-38-5276-AM.png)

### **2. Add the Code to Your HTML/PHP Page**

1. Open your HTML or PHP file in a code editor (e.g., Visual Studio Code, Sublime Text, etc.).
2. Paste the copied Resova code into the desired location within your HTML structure, where you want the booking widget to appear.
3. Save the changes to your file.

For example:

```
<div id="resova-wrapper"></div><script>    (function(d, s, id) {        var js, fjs = d.getElementsByTagName(s)[0];        if (d.getElementById(id)) return;        js = d.createElement(s);        js.id = id;        // Your Resova embed script        js.src = "https://your-resova-code-url.com";        fjs.parentNode.insertBefore(js, fjs);    }(document, 'script', 'resova-jssdk'));</script>
```

### **3. Upload and Test**

- If your website is hosted, upload the updated HTML/PHP file to your web server using an FTP client or hosting dashboard.
- Visit your website to confirm the Resova booking widget is displayed and functioning as intended.

### **4. Customize and Optimize**

- Use CSS to style or position the booking widget, if necessary, to match your website’s design.
- Test the widget’s functionality, including browsing items, making bookings, and payments, to ensure a smooth customer experience.

### **5. Additional Notes**

- For advanced customizations or troubleshooting, ensure you have a basic understanding of HTML and JavaScript.
- If you encounter any issues, reach out to your web developer for assistance.

 

By following these steps, you can integrate Resova into your HTML/PHP website, offering customers a seamless booking experience directly from your site.

- [General](https://info.resova.com/resova-knowledge-center/general?hsLang=en)
- [FAQs](https://info.resova.com/resova-knowledge-center/faqs?hsLang=en)
- [Getting Started](https://info.resova.com/resova-knowledge-center/getting-started?hsLang=en#main-content)

    - [Accounts Menu](https://info.resova.com/resova-knowledge-center/getting-started?hsLang=en#accounts-menu)
    - [Help Icon (?)](https://info.resova.com/resova-knowledge-center/getting-started?hsLang=en#help-icon)
- [Settings](https://info.resova.com/resova-knowledge-center/settings?hsLang=en#main-content)

    - [General Settings](https://info.resova.com/resova-knowledge-center/settings?hsLang=en#general-settings)
    - [Booking Site Settings](https://info.resova.com/resova-knowledge-center/settings?hsLang=en#booking-site-settings)
    - [Emails and Messaging](https://info.resova.com/resova-knowledge-center/settings?hsLang=en#emails-and-messaging)
- [Calendar](https://info.resova.com/resova-knowledge-center/calendar?hsLang=en#main-content)

    - [Modes](https://info.resova.com/resova-knowledge-center/calendar?hsLang=en#modes)
    - [Misc](https://info.resova.com/resova-knowledge-center/calendar?hsLang=en#misc)
    - [Create](https://info.resova.com/resova-knowledge-center/calendar?hsLang=en#create)
    - [Items View](https://info.resova.com/resova-knowledge-center/calendar?hsLang=en#items-view)
- [Reports](https://info.resova.com/resova-knowledge-center/reports?hsLang=en)
- [Integrations](https://info.resova.com/resova-knowledge-center/integrations?hsLang=en#main-content)

    - [Marketing (Integrations)](https://info.resova.com/resova-knowledge-center/integrations?hsLang=en#marketing-integrations)
    - [Productivity](https://info.resova.com/resova-knowledge-center/integrations?hsLang=en#productivity)
    - [Google Tag Manager (GTM) - Getting Started](https://info.resova.com/resova-knowledge-center/integrations?hsLang=en#google-tag-manager-gtm-getting-started)
    - [Advanced GTM Configurations](https://info.resova.com/resova-knowledge-center/integrations?hsLang=en#advanced-gtm-configurations)
- [Inventory](https://info.resova.com/resova-knowledge-center/inventory?hsLang=en#main-content)

    - [Extras](https://info.resova.com/resova-knowledge-center/inventory?hsLang=en#extras)
    - [Items](https://info.resova.com/resova-knowledge-center/inventory?hsLang=en#items)
    - [Resources](https://info.resova.com/resova-knowledge-center/inventory?hsLang=en#resources)
    - [Gift Vouchers](https://info.resova.com/resova-knowledge-center/inventory?hsLang=en#gift-vouchers)
- [Customers](https://info.resova.com/resova-knowledge-center/customers?hsLang=en#main-content)

    - [All Customers](https://info.resova.com/resova-knowledge-center/customers?hsLang=en#all-customers)
    - [Unassigned Waivers](https://info.resova.com/resova-knowledge-center/customers?hsLang=en#unassigned-waivers)
- [Payments](https://info.resova.com/resova-knowledge-center/payments?hsLang=en#main-content)

    - [FAQ](https://info.resova.com/resova-knowledge-center/payments?hsLang=en#faq)
- [Subscription](https://info.resova.com/resova-knowledge-center/subscription?hsLang=en)
- [Marketing](https://info.resova.com/resova-knowledge-center/marketing?hsLang=en#main-content)

    - [Discounts](https://info.resova.com/resova-knowledge-center/marketing?hsLang=en#discounts)
    - [Cart Abandonment](https://info.resova.com/resova-knowledge-center/marketing?hsLang=en#cart-abandonment)
    - [Customer Reviews](https://info.resova.com/resova-knowledge-center/marketing?hsLang=en#customer-reviews)
    - [FOMO Badge](https://info.resova.com/resova-knowledge-center/marketing?hsLang=en#fomo-badge)
- [Purchases](https://info.resova.com/resova-knowledge-center/purchases?hsLang=en#main-content)

    - [All Bookings](https://info.resova.com/resova-knowledge-center/purchases?hsLang=en#all-bookings)
    - [All Transactions](https://info.resova.com/resova-knowledge-center/purchases?hsLang=en#all-transactions)
    - [All Gift Purchases](https://info.resova.com/resova-knowledge-center/purchases?hsLang=en#all-gift-purchases)
- [POS](https://info.resova.com/resova-knowledge-center/pos?hsLang=en)
- [Migrations](https://info.resova.com/resova-knowledge-center/migrations?hsLang=en)
- [Playbook](https://info.resova.com/resova-knowledge-center/playbook?hsLang=en)

[![Resova\_byCLubspeed-1](https://info.resova.com/hs-fs/hubfs/Resova_byCLubspeed-1.png?width=720&height=93&name=Resova_byCLubspeed-1.png "Resova_byCLubspeed-1")](https://info.resova.com/resova-knowledge-center?hsLang=en)

Copyright © 2024, Club Speed, LLC