How to add Search Widget

Booking Engine

This document explains the steps required to add the search module to your website. The main purpose of the document is to describe the process of adding a reservation module to your website in the shortest possible way.

The Search Widget allows users to make more specific booking searches by selecting information such as dates, room number, and number of people. After making their selections, users are directed to the Booking Engine.

How to add Standard button

1) Select the Channels > Engine page.

2) Select Buttons from the menu on the left.

3) After the Add Booking Button option, click on the Search Button option.

4) Complete the features detailed below and complete the button addition process with the Save option.

Search Widget Features
Below are the details that can be configured for the Search Widget:

Domain: Determines which website the button will appear on. If the website is not managed via HotelRunner, the correct domain name must be selected for proper redirection.

Language: This field allows access to the language option that will be used for the module.

Currency: The currency to be displayed in the Booking Engine is selected. This ensures users make transactions in the correct currency during the payment process.
Widget Style: This option ensures the module is compatible with mobile devices or different screen sizes. The design can be adjusted using clear or sequential choices.

Menu Opening: This option sets whether the button will appear at the top or bottom of the screen.

Target: This option determines whether the page opened when the button is clicked will be in the same window or a new window.

Color: The button colors are defined using HEX codes, allowing customization of the button’s visual design.

Once the search button is saved, its appearance can be seen under the Preview heading at the top right. This feature allows users to check the button in real-time.

🔔 Note: For websites and booking models managed in multiple languages, separate buttons should be created for each language, and each must be shared individually. This ensures the correct translations and language configurations are applied for each language.

🔔 Note: Website Integration (For Hotels Not Managed by HotelRunner):
If the hotel does not manage its website through HotelRunner, the HTML script on the left side of the screen is used. This script functions as an integration tool to enable the hotel to receive reservations through its own website and is shared with the hotel webmaster. This allows the hotel to integrate the booking process into its website.

Did you find this article helpful?