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:

This code is unique to that property.

The widget code is now copied to your clipboard and ready to paste into your website editor.

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.

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.