Интерактивный баннер

Компактный информер для вашего сайта, отображающий лучшую цену на самолёт по направлению. Цена определяется в сравнении предложений от агентств и перевозчиков. Имеется возможность приобрести билеты «в один клик» Любое направление задается параметрами или определяется автоматически из контекста страницы. Есть уникальная возможность использовать гео-локацию. То есть пункт отправления будет автоматически определен в зависимости от текущего местоположения вашего пользователя.

Интерактивные баннеры

Компактный информер для вашего сайта, отображающий лучшую цену на самолёт по направлению. Цена определяется в сравнении предложений от агентств и перевозчиков. Имеется возможность приобрести билеты «в один клик»Любое направление задается параметрами или определяется автоматически из контекста страницы. Есть уникальная возможность использовать гео-локацию. То есть пункт отправления будет автоматически определен в зависимости от текущего местоположения вашего пользователя.

Для отображения виджета на странице необходимо разместить два элемента:

Код виджета (можно демонстрировать до 10 разных виджетов на странице):
<div class="biletix_widget_container__best" data-from="Москва" data-to="Прага" data-date="3.02.2015" data-channel="widget_position_1"></div>

Подсвеченные параметры отвечают за направление (data-from и data-to) и дату вылета (data-date). Параметр даты вылета может быть опущен или оставлен пустым, в таком случае поиск будет производиться с учетом вылета завтрашним днем.
Параметр data-channel используется для отображения в статистике переходов — в нем можно отразить местоположение конкретного виджета

Скрипт для загрузки виджетов (поместить в конец страницы, перед закрывающим тегом </body> ):
<script type="text/javascript" id="biletix_widget_best_price" src="https://ps.biletix.ru/static/widget/build/biletix_widget_best_price.min.js" async></script>
Стилизация виджета:
В таблице стилей (.css) вы можете переопределить любой графический элемент виджета. Например, стилизация цвета кнопки (в синий #00a) производится добавлением следующего фрагмента кода: ):
/* обычное состояние кнопки */
a.biletix_widget_container__best__submit {
    background: #00a;
    border-color: #00a;
}

/* на кнопку наведен курсор */
a.biletix_widget_container__best__submit:hover {
    color: #00a;
}

/* кнопка покупки вдавлена */
a.biletix_widget_container__best__submit:active {
    background: #007;
    color: #55a;
}