How to create a Search Box

How to create a Search Box

Let users search directly from your site


The search box is our highest converting integration tool and is used by many of our top partners. It allows travelers to begin searching hotels directly from your site and can be integrated by simply copying and pasting the code into your website. They are then directed to the relevant agoda.com page where search results are displayed and where the user can complete their booking.


In this article:
1. Create a Search Box
2. Common questions


Navigate to Tools and click Search Box.




Click on Create New Search Box




Select CID and Enter the description for the search box (this is text that will help you remember the purpose for which you wanted to create the search box later)




Customize your Search Box by selecting the default language and the city/property to be shown as placeholder text in the Search bar. 




Further customize with different layouts, sizes dates, and texts.




Once satisfied, click ‘Generate’. A script will appear which you can then implement on your site.




Common questions

1) Is the widget fully responsive?
The Search Box widget is not fully responsive. Please customize the size to suit your website before generating the search box.

2) Can I dynamically pass parameters from outside?
Only destination can be dynamically modified by setting – stg.OverideConf to ‘true’. Dates can not be dynamically modified.

    • Related Articles

    • Tools and Features Overview

      We provide tools and features in our affiliate program where you can receive commissions from selling our hotel inventory through your website or your digital presence. The following tools are available to you to support fast integration: Hotel ...

    • How to create a Banner

      Build beautiful image banners that look great on your site There are dynamic banners and static banners for different use cases. Dynamic banners will direct users to the Agoda homepage (Agoda.com) with Site ID indicating that the booking has been ...

    • How to create a Hotel Map

      Show hotels on an interactive map In this article: 1. How to create a map  2. Common questions How to create a Map 1. Navigate to https://partners.agoda.com/tools/map.  2. Click Create New Map  3. Select / enter the following (all these are mandatory ...

    • Search API Guideline

      Create custom assets effortlessly Every website is built differently. For this reason we cannot provide the best support on API integration. Please note that Lite API integration is partner self-service and requires technical expertise. We provide ...

    • How to create a Text Link

      Use text widget to add links to a specific search result Text widget allows you to easily create custom affiliate links. The text link is one of our most popular feature for it's flexibility to be used by all websites to effectively redirect users to ...