If you already have a website, you can add Hospitable’s booking functionality using widgets. This allows guests to view availability, see pricing, and submit booking requests directly from your site.

Use this article to get your property's booking widget code from Hospitable, embed it on your website, and test that guests can start booking requests directly from your site.

Before you add a booking widget to your website, you'll need to make sure:

Also see: Managing Property Eligibility for Direct Bookings

Each property has its own booking widget, which you will need to add to your website. To get your widget code:

Each property widget code is unique, ensure that the property matches the widget to avoid wrong property linking.

*Export widget codes allows you to get all the codes to all properties scoped on your Self Hosted Site. This can be used to enable AI agents or web developers without Hospitable access to make updates to your site.

To embed the widget, you'll need your property's widget code from Direct Bookings > Website. Follow these steps to add it to your website:

The widget will load on your page and allow guests to start the booking process.

Starting in August 2026, the booking widget moved from a static iframe to a dynamic widget loader. The new loader passes itinerary parameters from Google Vacation Rentals into your booking widget — when a guest selects dates on Google Vacation Rentals and clicks through to your website, those dates carry over automatically.

If you embedded a widget before August 2026, you need to update your website with the new widget code to continue being listed on Google Vacation Rentals. Get the updated code by navigating to your site using the steps in How to Get Your Widget Code above, and copying the widget code again.

Each property requires its own widget.

For best results:

This ensures:

If you have multiple properties, you can also add a search widget. This widget enables guests to search across multiple properties, select dates, and specify guest count. Available properties are displayed at the top, while unavailable ones are shown below. Clicking on a property redirects guests to its booking widget with pre-filled dates.

This allows guests to:

Some website builders may require additional setup.

For example:

Also see: Using Hospitable with Wix

Once you've embedded your property's widget code and published the page, test it using the following steps:

A successful test completes when you can submit a booking request without errors. You'll receive a reservation notification (email and in-app) and the booking will appear in your Hospitable dashboard under Inbox, Calendar, or Reservations. This can be done on Self-hosted sites too, but the site URL should be validated

If your widget is not working, consider the following troubleshooting steps:

If the steps above don't resolve the issue, these are common causes:

Also see: Troubleshooting Widget Issues

Will my Direct site's calendar stay in sync with my OTA (Online Travel Agency) calendars (Airbnb/Vrbo/Booking.com)?

Yes, your Direct site's calendar automatically stays in sync with your OTA calendars (Airbnb, Vrbo and Booking.com).

Hospitable runs a unified calendar — any reservation made on a connected channel (including Direct) instantly blocks the date everywhere else, and the Hospitable calendar is the single source of truth.

Can Hospitable Help with Embedding Widgets?

Hospitable provides guides and resources for embedding widgets, but the process is self-service. If you need additional help with troubleshooting embedding widgets in your website, you will need to contact your web developer or platform developer.

For the most common website builders, these guides explain exactly where to paste your widget code:

Use this section to check whether your website platform can display the Hospitable booking widget, and to learn what to do if your platform isn't named here.

The Hospitable booking widget works on almost any platform that lets you add custom HTML to a page. The platforms below are grouped into three types: website builders, content management systems, and no-code and developer platforms. This list is not exhaustive — if your platform isn't shown, see "What if my website platform isn't listed here?" at the end of this section.

Some platforms restrict embeds to paid plans. On Squarespace, embedding code requires the Core plan or higher. On WordPress.com, embedding code requires a paid plan that includes plugin and hosting features. Check your platform's plan details before adding the Hospitable booking widget.

The following hosted website builders let you add the Hospitable booking widget using a custom HTML, embed, or code element:

A content management system (CMS) is software for creating and managing website content. The following content management systems let you add the Hospitable booking widget using a custom HTML block, code module, or embed:

No-code platforms let you build websites without writing code, while developer platforms host sites you build yourself. The following platforms let you add the Hospitable booking widget using an embed element or by pasting the code into your page template:

If your website platform isn't named above, you can still add the Hospitable booking widget as long as your platform allows custom HTML. To add it:

If you cannot find where to add custom code, search your platform's own help centre for "embed HTML" or "custom code", or contact your platform's support team.

Hospitable can help with the Hospitable booking widget code itself, but adding it to your specific website is managed on your platform.