Search form

Search form

Form for plane ticket search


Form for hotel search


Main properties

  • Form size can be flexibly configured, with the ability to set any width from 200px to 940px.
  • The form is available in seven bundled color themes. You can also specify a color for the form manually (changing the color of the background, border, text, icons, and buttons).
  • The upper part of the form contains a logo (which can be disabled if necessary). We do not recommend hiding the logo since our trademark increases the trust placed in forms and, therefore, improves conversion rates. In addition, when the logo is clicked an affiliate marker (a cookie) is placed on the client computer, meaning that all sales from the logo are counted for our affiliates.
  • The lower part of the form contains a constantly updated Best Deals section (can be disabled).
  • The form is available in English, Russian, German, French, Spanish, Italian.

Form code can be copied from your account page, under Tools –> Search forms.

Form builder (for independent development)

You can use our special form builder to create your own form and integrate it into the design of your site. Go to the affiliate account page and go to the Search forms tab. Then click the Create new search form button to create a form and click the Edit button to edit it. In the window that opens, you can configure the appearance and content of the search form:



To track the ratio of profitable clicks to the total number of clicks for different forms on different sites or pages, add a unique additional marker, which is displayed in the statistics on your account page.

If you need a unique form that fully “meshes” with your design, use HTML. HTML and CSS knowledge is necessary for this customization, which you can learn more about here.

Additional marker

An additional marker is a parameter that allows tracking sales separately for each traffic source/promo material.


Say that you are using several different promo materials on different parts of various sites: a search module in the sidebar, links to ticket searches in site articles, a banner in the footer, etc.

To get separate statistics for each promo material, you need to make use of additional markers. 

Statistics on additional markers

For statistics on additional markers, go to Report -->Sales report. Information can be grouped by markers.

Example: of how to place an additional marker in a link:, where “sidebar” is the additional marker.

In the form builder, the additional marker is set using a special field. You should enter only the marker in the field, without any additional characters. The marker can contain numbers, latin letters, underscores (_), and hyphens (-).

Creation of a text link is similar in this regard: an additional marker can be added to a link through the form builder on the affiliate account page.

How to edit code of search form 

To edit the fields of the search form uncheck the checkbox "Short code".


Form code becomes:

<script charset="UTF-8" type="text/javascript">
window.TP_FORM_SETTINGS = window.TP_FORM_SETTINGS || {};
window.TP_FORM_SETTINGS["51226f99649ab833e300000a"] = {
"handle": "51226f99649ab833e300000a",
"widget_name": "Wix",
"border_radius": "5",
"additional_marker": "wix",
"width": 940,
"show_logo": true,
"show_hotels": true,
"form_type": "avia_hotel",
"locale": "en",
"currency": "usd",
"sizes": "default",
"search_target": "_parent",
"active_tab": "avia",
"search_host": "",
"hotels_host": "",
"hotel": {
"name": "Ритц-Карлтон Москва",
"location": "",
"hotels_count": " отелей",
"search_id": "333601",
"search_type": "hotel"
"hotel_alt": "Hotellook - best prices on hotels worldwide. Compare prices across 30 booking websites and save on your hotel.",
"avia_alt": "",
"id": 316,
"marker": "16886.wix",
"origin": {
"name": "Moscow",
"iata": "MOW"
"destination": {
"name": "Berlin",
"iata": "BER"
"color_scheme": {
"name": "white_blue",
"icons": "icons_blue",
"background": "#ffffff",
"color": "#000000",
"border_color": "#cccccc",
"button": "#03bae4",
"button_text_color": "#ffffff"
"hotels_type": "hotellook_host",
"best_offer": {
"locale": "en",
"currency": "usd",
"marker": "16886.wix",
"search_host": "",
"offers_switch": false,
"api_url": "//",
"routes": []
"hotel_logo_host": "",
"search_logo_host": "",
"hotel_marker_format": "marker=",
"hotelscombined_marker": null
<script charset="UTF-8" src="//"></script>

Parameters of search form

  • handle - a unique id form (cann't be modified!).
  • widget_name - form name.
  • border_radius - rounding radius of borders.
  • additional_marker - additional marker.
  • width - width of the form.
  • show_logo - display a logo of Aviasales (if true).
  • show_hotels - display search tab hotels.
  • form_type - the type of form (only air, only hotels and mixed).
  • locale - language of form.
  • currency - select the currency to display in search results. 
  • sizes - is responsible for size of the form (a / compact). 
  • search_target - how search are opening (in a new window, in a new tab, in the same window). 
  • active_tab - the name of the active tab by default. 
  • search_host - service parameter. 
  • hotels_host - service parameter. 
  • hotel - information about the default hotel. 
  • id - service parameter. 
  • marker - affiliate marker. 
  • origin - name or IATA code for the point of departure. IATA code is shown by uppercase letters, for example MOW.
  • destination - name or IATA code for the flight destination. IATA code is shown by uppercase letters, for example MOW.
  • color_scheme - color scheme of a form.
  • hotels_type - service parameter.
  • best_offer - settings of a block "Best Offer".
  • hotel_logo_host - service parameter.
  • search_logo_host - service parameter.
  • hotel_marker_format - service parameter.
  • hotelscombined_marker - service parameter.

Pay attention! If you are working with full version of a code form you must make changes in code directly on the page where it is embedded. 

How to integrate the search form in Livejournal

1, Create a search form on your account page.

2. Copy the id of code from "Code for posting on the site":


3. Insert the id of the search form into the code:

<lj-template name="shop" shop="aviasales_flights_hotels" api="ID_search_form" width="342" height="293" />

4. Edit the width and height of the form if it's required. The maximum width of the form is 940 px.

5. Place this code in your blog.

6. Don't delete the search form in your account, otherwise it will be lost in your blog.

How to place the search form on the jimdo-site

Log in the settings "Head" and put the first part of the form code. The illustration shows how to enter section "Head".


Paste the code:

<link rel="stylesheet" type="text/css" href="//">

After that you need to switch to HTML mode (in the post editing, body of site or any other part where you want to insert the form) and insert the second part of the code.


Here is an example of this form of the "Affiliate Tools" - "Search form":

<script charset="UTF-8" src="//"></script>

After that save the changes and the form will be displayed.

How to place the plugin and the search form in Wordpress-blog

Download the plugin to your computer from the site Wordpress. After that read our instruction about installing and setting the plugin.

How to place the search form in the Wix-site

This article describes how to place the code of the search form on the site created on Wix.

1. Create and configure the search form in your account page on the

2. Log in Wix and open the page editor. In the left menu click "Add" and select "Apps".


3.  In the next menu you should select "HTML".


4. To add code of the search form select the mode "HTML code".


5. In the box "html" add this code:

<script charset="UTF-8" src="//"></script>

where instead of

<script charset="UTF-8" src="//"></script>

paste the code of the search form from the your account in the


The result will be:


Click "Update". The search form will be displayed on the page of your site.

Have more questions? Submit a request