How to integrate a Direct Booking Engine into your website?

NOBEDS allows you to embed your Direct Booking Form directly into your personal website, allowing guests to book rooms without leaving your site.

Integration Methods

You can integrate your direct booking form (accessible at https://nobeds.app/DirectForm/Index/{hotel_id}) using the following options:

1. Direct Link or Button

You can add a simple hyperlink or format it as a button on your website pointing directly to your reservation page:

<a class="btn btn-sm btn-success" href="https://nobeds.app/DirectForm/Index/{hotel_id}">Direct booking form</a>

2. Iframe Embed

To display the booking form seamlessly inside your website's layout, copy and paste this iframe code into your webpage's HTML:

<iframe src="https://nobeds.app/DirectForm/Index/{hotel_id}" frameborder="0" onload="this.width=screen.width;this.height=screen.height;"></iframe>

3. Custom Color Styling

To match your website's branding, you can customize the background and button colors of the booking form by appending custom color hex values (without the # symbol) to the URL:

https://nobeds.app/DirectForm/Index/{hotel_id}/{background_color_hex}/{button_color_hex}

Example – To set the background color to #6e778a and buttons to #131925, use the link:

https://nobeds.app/DirectForm/Index/{hotel_id}/6e778a/131925