Scope
The search bar is an HTML widget that can perform search redirections to product search results (for example: hotel search results) on the Last Minute Travel site.
Please note, React / Redux websites might require a different integration.
Integration
Styles
The Last Minute Travel search bar allows you to execute searches for all our travel services: hotels, flights, cruise, car rentals, vacation homes, packages and activities.
Our search bar is responsive, the default is a search bar mode. However, if you would like to integrate the search bar as a search box, you can do this by adding different CSS. Both of the modes are fully responsive.
1. Search-bar mode
In your <head> tag add:<link rel="stylesheet" href="https://s3.amazonaws.com/lmt-product/search-bar/searchBar.min.css"/>
2. Search-box mode
In your <head> tag add:<link rel="stylesheet" href="https://s3.amazonaws.com/lmt-product/search-bar/searchBox.min.css"/>
3. Customizing styles
Since our widget is JS generated and not an Iframe, you can easily override any CSS rule.For example, to change the font, simply add the following after the above <link> tag.
<style> #lmt-search-bar { font-family: sans-serif; } </style>
Javascript
At the bottom of your <body> tag add:<script src="https://s3.amazonaws.com/lmt-product/search-bar/searchBar.min.js"> </script>
HTML
Add the following where you want the search bar to be rendered on your page:<div id="lmt-search-bar"></div>
Configuration
| Attribute | Behavior | Mandatory |
|---|---|---|
| club | Every search will lead to LMT for authentication first, and then to lmtClub.com for old flows. Authentication will be done automatically if user token is provided, otherwise a login popup / screen will appear. | No |
| currentTab | Searches are opened in a new tab unless currentTab attribute is added. | No |
| tabs | Determines which tabs to show, the default value is for all products: hotels, flights, cruises, cars, vacation-homes, packages, activities If you wish to have all products, there is no need for this configuration. Any combination of the options above is allowed. I.E: hotels,flights | cruises, activities | etc… | No |
| targetHost | Determines which host the search bar should redirect to. This is relevant for white-labels only. | No (default is https://www.lastminutetravel.com) |
Example
<div id="lmt-search-bar" club currentTab tabs="hotels,cruises,cars,packages,activities"></div>
Test mode
To test the integration on our stage environment, simply add the “targetHost=lmtStage” attribute to the search bar HTML div. Example:<div id="lmt-search-bar" targetHost="lmtStage" club></div>
For white labels, targetHost will be provided by your account manager