# Tripfusion JavaScript SDK ## Installation Add the following script to the `` section on all pages where the widget will be used. Replace `` and `` with the appropriate values. ```html ``` ## Usage The booking widget can be controlled both via JavaScript function calls and via html-links. **Using the widget with JS functions** To display the widget, you need to add the `book` function as an event handler, for example: ```html ``` The widget configuration is done using the optional [parameters](#configuration-options). To hide the widget, you need to call the `closeWidget()` function. **Using the widget with HTML links** To trigger the booking widget, simply add the following parameters to any HTML link on the page: ``` https:///?tripfusion=true[&options=...] ``` The widget configuration is done by passing additional [parameters](#configuration-options) in the link (parameter names are the same as those used when calling the JS `book()` function, all parameters should be separated by `&` symbol), for example: - Standard booking: ``` https://website.com/?tripfusion=true ``` - Booking with an offer: ``` https://website.com/?tripfusion=true&offerId= ``` - Experience booking mode with predefined check-in and check-out dates, number of adult guests, and children (children's ages separated by commas): ``` https://website.com/?tripfusion=true&checkin=2022-10-10&checkout=2022-10-12&adults=2&children=5,7 ``` ## Configuration options | Parameter | Required | Description | | ---------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | client | yes (in script tag) | You can override the default client ID that normally should be set in `