Кнопка «Купить билеты» на сайте организатора чаще всего ведет на сайт билетного оператора. Посетитель, которого вы привели рекламой или постом в соцсетях, уходит на чужой сайт — и видит там не только ваше событие, но и афишу всех остальных. Билетный виджет убирает этот переход: выбор мест и оплата происходят на вашей странице.
Ниже — что такое виджет, как он устроен, как встроить его на сайт и что проверить до того, как вы откроете продажи.
Что такое билетный виджет
Билетный виджет — это небольшой JavaScript-модуль билетной системы, который встраивается в HTML вашего сайта. Он берет на себя всю покупку: показывает афишу или конкретное событие, рисует интерактивную схему зала, держит бронь на время оформления, принимает оплату и отправляет электронный билет. Все это происходит в окне поверх вашей страницы — покупатель не меняет сайт и не теряет контекст.
С точки зрения кода виджет — это две вещи: подключение скрипта и элемент-триггер, к которому привязан токен события. Серверной интеграции для типового сценария не нужно, поэтому код одинаково работает на самописном сайте, на WordPress, Tilda и любом другом конструкторе, который разрешает вставку HTML.
Что обычно закрывает виджет:
- афишу событий или отдельное событие;
- схему зала с секторами, рядами и местами — и входные сектора без рассадки;
- бронь мест на время оформления заказа;
- оплату через эквайринг;
- отправку электронного билета покупателю.
Что меняется, когда клиент остается у вас
Разница между виджетом и переходом на сайт оператора не в удобстве. Она в том, чей это покупатель. Когда человек уходит оформлять заказ на чужой сайт, он становится клиентом билетного оператора: оператор знает его почту и телефон, видит, что он покупает, и в следующий раз позовет его сам — на чужое событие. Вы остаетесь с одной строкой в отчете.
С виджетом покупатель остается у вас. Из этого следуют четыре вещи, и все они денежные.
Своя база. Контакты покупателей попадают в вашу систему, а не в чужую CRM. Через год это уже актив: на новую премьеру можно позвать тех, кто ходил на предыдущую, — такая рассылка обходится дешевле рекламы и отвечает на нее аудитория охотнее. Разумеется, при условии, что вы собрали согласие на рекламные сообщения: без него письма — нарушение. У организатора, который продает только через операторов, такого актива нет вообще: согласие покупатель дал не вам.
Свой бренд. Покупатель весь путь видит ваш сайт, ваш домен и ваш электронный билет — с вашим логотипом и вашими правилами, а не чужой шаблон с рекламой соседних концертов. Шаблон билетанастраивается отдельно и работает на узнаваемость не хуже сайта: билет пересылают друзьям, показывают на входе, оставляют на память.
Свои деньги. Если билетная система работает на вашем эквайринге, оплата уходит напрямую на ваш расчетный счет: платформа не встает между вами и покупателем и не держит выручку до отчетного периода. В схеме билетного оператора деньги сначала попадают к посреднику, а к вам приходят по графику выплат — и это кассовый разрыв ровно в тот момент, когда нужно рассчитываться с площадкой и артистами.
Своя аналитика. Вся воронка — от захода на страницу до оплаты — видна в одной системе. Когда покупка происходит на чужом сайте, вы теряете половину пути и не можете честно посчитать стоимость привлечения.
При этом виджет не означает отказ от билетных операторов. Рабочая схема — продавать одновременно у себя, через партнеров и на кассе площадки, когда все каналы работают с общим остатком мест: место, проданное в любом из них, мгновенно исчезает во всех остальных. Разница в том, что свой канал не берет комиссию сверх тарифа платформы.
Как встроить виджет: три шага
Шаг 1. Продавец и прием оплаты
Виджет всегда продает от имени продавца — юридического лица или подразделения, чьи реквизиты попадут в чек. Поэтому до кода нужно завести продавца и явно выдать ему доступ к виджету, иначе кнопка работать не будет.
Второе обязательное условие — способ оплаты типа «эквайринг», помеченный как доступный в виджете. Параметры подключения (адрес шлюза, логин, пароль) выдает ваш банк-эквайер. Если такого способа оплаты нет, покупатель дойдет до оплаты и упрется в пустой экран. Исключение — бесплатные билеты с нулевой ценой: они оформляются без оплаты.
Шаг 2. Код виджета для события
Дальше в билетной системе выбирается то, что виджет должен открывать, — и система отдает готовый код. Вариантов три: конкретное событие, полная афиша со всеми доступными событиями или афиша, отфильтрованная по организатору, площадке или мероприятию. Токен в коде уже привязан к этому выбору, править ссылки руками не нужно.
Код на конкретное событие ставят на страницу этого события, полную афишу — на главную или в раздел «Расписание», отфильтрованную — на страницу площадки или гастрольного тура. На одном сайте спокойно уживаются все три варианта.
Момент, который часто упускают: на каждое событие — свой код. Скопировать код с прошлого концерта и поменять в нем название не получится.
Шаг 3. Вставка кода на страницу
Скрипт подключается один раз на странице — перед закрывающим тегом </body>:
<script src="https://widget.ticketprime.ru/script-x.js"></script>
А в том месте, где должна появиться кнопка, — элемент с атрибутом токена:
<button data-tp-widget="ВАШ_ТОКЕН_ВИДЖЕТА"></button>
Скрипт сам превратит этот элемент в кнопку и повесит на нее открытие виджета. Текст и цвета настраиваются атрибутами data-tp-text, data-tp-color и data-tp-text-color, а если нужна своя верстка — атрибут можно повесить на любой элемент: ссылку, блок, картинку. Для сложных сценариев виджет открывается из вашего кода:
TicketPrime.open('ВАШ_ТОКЕН_ВИДЖЕТА')
Что проверить до старта продаж
Мобильные устройства
Покупают сегодня в основном со смартфона, а схема зала на маленьком экране — самое узкое место. Проверяйте на реальном телефоне, а не в режиме эмуляции: открывается ли схема, работает ли зум и выбор места пальцем, не перекрывает ли виджет ваше меню. Отдельно посмотрите, что кнопка не уезжает под «липкую» шапку сайта.
Куда приходят деньги и как выглядит чек
Проведите одну реальную покупку на минимальную сумму — до объявления продаж. Убедитесь, что платеж прошел, деньги видны в личном кабинете банка, а кассовый чек ушел покупателю и содержит правильные реквизиты продавца. Здесь же проверяются признак предмета расчета и ставка НДС — то, что потом дорого исправлять задним числом.
Что покупатель получает после оплаты
Электронный билет должен прийти на почту сразу, а не «в течение дня», и открываться на телефоне без установки приложений. Посмотрите на него глазами покупателя: понятно ли, куда и во сколько идти, есть ли адрес площадки, ваши контакты и правила возврата. Тот же штрихкод потом сканируется на входе, поэтому он должен читаться и с экрана телефона, и с распечатки на плохом принтере.
Схема зала
Схема в виджете — это то, что покупатель видит вместо консультанта. Названия секторов должны совпадать с указателями в зале, нумерация рядов — с реальной, а ценовые категории — различаться на глаз, в том числе у людей с нарушением цветовосприятия. Если схему рисовали давно, сверьте ее с текущей рассадкой: снятый ряд или новый техпроход обернутся конфликтом на входе.
Нагрузка в момент старта
Если продажи открываются в объявленное время, пик придется на первые минуты. Проверять нужно не только виджет, но и свою страницу: чаще ложится именно сайт организатора на дешевом хостинге, а не билетная система. Простая страховка — заранее опубликовать страницу события и не анонсировать ее через редирект с главной.
Метки источников
Проставьте UTM-метки на все ссылки в рекламе и постах до старта, а не после. Задним числом восстановить, какой канал принес продажи, невозможно — а именно от этого зависит, куда вы потратите следующий бюджет.
Пять ошибок, которые стоят продаж
- Кнопка «Купить» ниже первого экрана. На странице события она должна быть видна сразу, рядом с датой и ценой, и дублироваться внизу длинной страницы.
- Один код на все события. Токен привязан к событию: для нового события нужен новый код.
- Скрипт подключен не на всех страницах. Если кнопка есть в карточке события, в афише и в футере, скрипт должен быть на каждой из этих страниц.
- Не проверена оплата. Эквайринг без пометки «доступен в виджете» выглядит настроенным в админке — и не показывается покупателю.
- Нет правил возврата. Их спросят в первый же день. Лучше, чтобы они были в билете и на странице события, а не в переписке.
Коротко
Билетный виджет — это способ не отдавать покупателя посреднику на последнем шаге. Технически это две строки HTML; содержательно — продавец, эквайринг и схема зала, которые настраиваются один раз, плюс проверка перед стартом, которую нельзя пропускать.
Как это выглядит в работе — на странице виджета продажи билетов. Условия подключения описаны в тарифе.