Виджет для покупки билета

Для интеграции виджета покупки билета на своем сайте вам необходимо использовать скрипт с нашего сайта. Для этого разместите в блоке <header> страницы, на которой хотите вызывать виджет следующую строку:

<script type="text/javascript" src="https://ticketplan.ru/js/ticketplan.js"></script>

Интеграция виджета возможна во всплывающий оверлей или непосредственно в страницу.

Для вызова оверлея необходимо использовать функцию ticketPlanShowOverlay(eventId, formType); параметрами в которой являются:

• eventId - идентификатор вашего события на нашем сайте;
• formType - тип формы, которую следует отобразить в виджете.

• buy - форма покупки билета;
• return - форма возврата билета;
• redelivery - форма повторного скачивания билета.

В качестве примера вызова функций можно использовать следующий код:

<input type="button" onclick="ticketPlanShowOverlay(25, 'buy')" value="Купить в оверлее">
<input type="button" onclick="ticketPlanShowOverlay(25, 'return')" value="Вернуть в оверлее">
<input type="button" onclick="ticketPlanShowOverlay(25, 'redelivery')" value="Скачать в оверлее">

Результат его работы можно протестировать ниже:

Для интеграции формы непосредственно в страницу необходимо использовать функцию ticketPlanLoadForm(blockId, eventId, formType); первый параметр которой должен содержать идентификатор блока на странице, в который следует поместить форму.

В качестве примера вызова функций можно использовать следующий код:

<input type="button" onclick="ticketPlanLoadForm('ticketplan', 25, 'buy')" value="Купить во фрейме">
<input type="button" onclick="ticketPlanLoadForm('ticketplan', 25, 'return')" value="Вернуть во фрейме">
<input type="button" onclick="ticketPlanLoadForm('ticketplan', 25, 'redelivery')" value="Скачать во фрейме">
<div id="ticketplan" style="margin: 1em 0; padding: 1em; border: 1px solid #fed;">Сюда загрузим виджет</div>

Результат его работы можно протестировать ниже:

Если вы хотите чтобы виджет был загружен в страницу сразу без каких-либо нажатий на кнопки, необходимо просто вызвать фнкцию ticketPlanLoadForm сразу после загрузки страницы. С использованием библиотеки jQuery это можно сделать следующим образом:

<script>
    $(document).ready(function(){
        ticketPlanLoadForm('ticketplan', 25, 'buy');
    });
</script>