Skip to main content

How to add OTA Sync Booking Engine Widget on your website?

Updated this week

A widget is a website element that can be added to your website and is displayed like a search bar or search button. This article will show you how you can install our pre-built widget on your existing website. These do require a minimum knowledge of HTML, so make sure to be careful when adding them.

How does it look?

The look and feel of the Booking Engine is fully customizable.

Some examples are:


How to create such examples?

It is very easy through our specialized Booking Engine Generator.



There are multiple options such as:

  • Single or Multi-Property Booking Engine

  • Background Color

  • Text Color

  • Language

  • Horizontal or Vertical View

  • Background Gradient

  • Background Image if you prefer

  • Option to show/hide box for children

  • Option to show/hide box for Promo Code Section

  • Option that Engine Widget is always in the fixed bottom position

  • Custom Domain Option*

  • Default Room Type to be opened (add just Room Type ID)

  • If you want to open it in the iframe instead of new tab

When you click on Generate you will see a code snippet that you need to paste on your website and an example below of how the generated widget will look.

Now how to find your ID you can see here:

  1. Go to Settings

  2. Go to General

  3. On bottom-left you have this number, copy it and paste instead number above in bold

Copy this ID and paste it instead code "276" above

*Important Info for the Custom Domain - this is a feature needs to be activated by our support team therefore please contact us with details which custom domain name you wish to have. Usually if your website is www.hoteldomain.com the custom domain should be booking.hoteldomain.com or reservations.hoteldomain.com.

Pre-requests:

  1. You or your webmaster need to add CNAME Redirect (npr. booking.hoteldomain.com) to this subdomain:

  • booking.hoteldomain.comcustom-domain.otasync.me

  1. Once you set up the CNAME, let us know so we can configure the last step and this will be activated

Did this answer your question?