The widget allows you to display a block with prices in a predefined destination for specific dates on your site. The departure airport is automatically filled from the user’s location by default, but the user has the option to change the departure airport manually in the widget.<\/p>\n
An example of the code for displaying the tool on a page:<\/p>\n
<div<\/span> id=\"test\"<\/span>><\/span>\n\n<\/div><\/span>\n\n<script <\/span>src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"<\/span>><\/script><\/span>\n\n<script <\/span>src=\"\/\/misc.travelpayouts.com\/khl2017\/script.php?lang=en&marker=66886&container=test&destination=MOW&flights=2018-03-27:2018-03-29|2018-04-15:2018-04-18|2018-05-01:2018-05-07\"<\/span>><\/script><\/span>\n<\/pre>\n<\/div>\nNow, the widget does not have features for a quick creation in the personal account while the rest of our tools have. However, you can already use all functions manually today. For this, follow the instructions below.<\/p>\n
\n- Add an element where it is necessary to display the widget and add to this element any arbitrary ID, for example:<\/li>\n<\/ol>\n\n
<div<\/span> id=\"test\"<\/span> ><\/div><\/span>\n<\/pre>\n<\/div>\n\n- Next, you need to connect the Jquery library. If you have not done it before on your page, to do this, use this code:<\/li>\n<\/ol>\n\n
<script <\/span>src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"<\/span>><\/script><\/span>\n<\/pre>\n<\/div>\n\n- After connecting JQuery, specify the path to the widget. In this part are written the main parameters for working. For example:<\/li>\n<\/ol>\n\n
<script <\/span>src=\"https:\/\/misc.travelpayouts.com\/khl2017\/script.php?lang=en&marker=66886&container=test&destination=TSE&flights=2018-01-09:2018-01-15|2018-01-10:2018-01-14|2018-01-12:2018-01-14|2018-01-12:2018-01-15\"<\/span>><\/script><\/span>\n<\/pre>\n<\/div>\nParameters to work with the widget:<\/p>\n
\n- lang \u2014 the language of the widget (in the example above: en, you can change to Russian: ru);<\/li>\n
- marker \u2014 your marker (6 digits, look at your account);<\/li>\n
- container \u2014 the container for the widget (see above, for example, \u201ctest\u201d or another name you chose);<\/li>\n
- destination \u2014 the city of destination (for example TSE – Astana, LAX – Los Angeles, three letters);<\/li>\n
- flights \u2014 an array with the required flight dates;<\/li>\n<\/ul>\n
Working With the Flights Field<\/h2>\n
Let’s imagine that you want to set 2 flights:<\/p>\n
\n- From December 21, 2018, to December 28, 2018<\/li>\n
- From December 18, 2018, to December 22, 2018<\/li>\n<\/ul>\n
In this case, the flight will have the value:<\/p>\n
\nflights=2018-12-21:2017-12-28|2018-12-18:2017-12-22<\/pre>\n<\/div>\nTo form the block, the symbols \u2018:\u2019 and \u2018|\u2019 are used:<\/p>\n
\n- Each date (to\/from) will be separated by the symbol “:”.<\/li>\n
- Each flight, which has the flight for both sides, is divided by the symbol “|”.<\/li>\n<\/ul>\n
This tool will perfectly fit into the materials about the forthcoming World Cup 2018. You can make an offer for each game through this new widget because the dates are already known. Regional hotels have ridden prices that some fans are searching seriously for the options of living in Moscow and flying for selected matches to other cities. Recently we considered other options<\/a> about how you could earn on World Cup 2018 with Travelpayouts tools \u2014 don\u2019t miss this chance.<\/p>\nThe tool is suitable for other events \u2014 large industry conferences, holidays (St. Valentine\u2019s Day, International Women’s Day, etc.), the beginning of the holiday season and any other that is associated with specific dates.<\/p>\n