WEB WIDGET (2018) ДЛЯ ПРОДАЖИ БИЛЕТОВ
ОБЩИЕ СВЕДЕНИЯ
СОЗДАНИЕ ССЫЛКИ
КАСТОМИЗАЦИЯ ДИЗАЙНА
СОЗДАНИЕ САЙТА С WEB WIDGET
СОЗДАНИЕ ПРИЛОЖЕНИЯ ВКОНТАКТЕ
ИЗМЕНЕНИЯ В ВЕРСИИ 2.0
ПРОДАЖА АТРИБУТИКИ (ТОВАРА)
WEB WIDGET платформы BIL24 предназначен для продажи билетов в сети Интернет. WIDGET можно встроить в любой сайт. При отсутствии собственного сайта, можно получить ссылку на сайт-контейнер BILW.ru, и продавать билеты по этой ссылке где угодно, например, в социальных сетях. В любом случае, каждая продажа билетов принадлежит конкретному агенту BIL24, чьи учетные данные интерфейса (FID и токен) передаются в ссылке. Соответственно, за эти продажи агент получает вознаграждение.
WEB WIDGET может использоваться для продажи атрибутики или других товаров. Для этого есть соответствующий Режим. Как это работает можно посмотреть здесь.
Чтобы установить WEB WIDGET на свой сайт необходимо скачать АРХИВ и развернуть его в корневом каталоге сайта. В этом каталоге появится папка bilorder, в которой находится код WEB WIDGET.
Если планируется использовать сайт-контейнер BILW.ru, то архив с WIDGET можно не скачивать.
Для создания ссылки на WEB WIDGET необходимо войти в приложение Менеджер с правами Агент или Оператор и окрыть вкладку Widget (рис.1).
1. Выбор Агента.
2. Выбор интерфейса для создания виджета. В ссылке на виджет передается FID и токен интерфейса.
3. Виджет позволяет продавать билеты как на отдельное представление, так и на все представления в городе или определенном месте проведения. Для этого необходимо выбрать один из трех вариантов использования:
- для всех доступных представлений в городе.
- для всех доступных представлений в месте проведения.
- только для выбранного представления.
4. Выбор языка.
5. Выбор города.
6. Выбор представления, из списка доступных для этого интерфейса в этом городе.
7. В поле "URL страницы успешной оплаты" необходимо указать адрес HTML-страницы, на которую банк перенаправит пользователя после успешной оплаты заказа. По умолчанию используется страница успешной оплаты на сайте bilw.ru.
8. В поле "URL страницы неуспешной оплаты" необходимо указать адрес HTML-страницы, на которую банк перенаправит пользователя если оплата заказа не прошла. По умолчанию используется страница неуспешной оплаты на сайте bilw.ru.
9. Чаще всего ссылка на виджет устанавливается на кнопку "Купить билет". В этом поле можно указать HTML-код этой кнопки, тогда он будет добавлен в код ссылки автоматически.
10. Текстовое поле, в котором размещена сгенерированная ссылка на сайт-контейнер bilw.ru. На этом сайте установлена последняя версия виджета, которая может использоваться всеми Агентами без ограничений.
11. Текстовое поле, в котором размещена сгенерированная ссылка на виджет, установленный на сайте агента.
12. Скрипт для отображения виджета поверх страницы в отдельном фрейме. Скрипт должен быть размещен в заголовке страницы. Пример использования такого скрипта: sochitop10.ru.
13. Кнопка копирования HTML-кода из текстовых полей в буфер обмена.
14. Ссылка на архив с WEB WIDGET.
15. Для пользователей с ролью Оператор доступна возможность загружать шаблоны билетов.
16. URL Страницы соглашения. В процессе покупки билетов необходимо принять пользовательское соглашение, ссылка на которое берется из этого поля и указывается в корзине виджета.
Для изменения дизайна в WEB WIDGET (кастомизации) имеется файл bilorder\styles\custom-style.css. Этот файл применяется после стилей, доступных по умолчанию, и содержит примеры изменения цвета фона страницы, панели событий, шрифта, календаря.
1. Цвет фона (по умолчанию #FFFFF) меняется в custom-style.css.
2. Изображение афиши поступает по протоколу билетной системы и меняется в Редакторе событий.
3. Панель события, высота подстраивается автоматически под объем данных. Фоном панели является градиент (переход цвета) сверху вниз. Градиент меняется в custom-style.css
4. Фоновое изображение для указания минимальной цены на билеты представления. Файл images/circle.png размером 66х66 пикселей.
5. Стиль шрифта меняется в custom-style.css
6. Стиль календаря меняется в custom-style.css.
В новой версии WEB WIDGET 2.0 (рис.2) сделаны следующие изменения:
рис.2
1. Добавлена работа с промокодами. Для пользователей, подтвердивших свой email, доступно поле ввода Промокодов. Акции по промокодам создаются и контролируются в приложении Менеджер.
2. Добавлено меню пользователя, с доступом к своим билетам, картам, заказам, промокодам. После подтверждения адреса email, пользователь получает доступ к этим данным (рис.3).
рис.3
3. Мобильные Электронные Карты (МЭК) теперь доступны для WEB WIDGET и всех интерфейсов типа Браузер.
4. К режиму «Город» добавлен режим «Площадка». В режиме Площадка WEB WIDGET отображает представления, сеансы которых проходят на указанной площадке.
5. На комбинированных схемах и при продаже входных билетов подписываются виды билетов (с местами и без мест).
6. Дата, время и день недели сеанса выводится в одну строку. При выборе сеанса осуществляется автоматическая прокрутка к загружаемой схеме.
7. Добавлена иконка для авторизации через подтверждение адреса email.
8. На мобильных устройствах иконки меню, авторизация, корзина, показываются в отдельной панели над основной страницей.
9. С WEB WIDGET 2.0 необходимо использовать новый скрипт для отображения поверх страницы в отдельном фрейме:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css"
/><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script
src="/bilorder/scripts/modernizr-custom.js"></script><script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script><script>
$(document).ready(function(){ $(document).on('click', '.bilorder-trigger', function(e){ if( Modernizr.mq('(min-width: 1280px)') ){ e.preventDefault(); $.fancybox.open({ src: $(this).attr('href'),
type: 'iframe', opts: { iframe : { css : { width : '80vw', height : '80vh' } } } }); } }); });</script>
Чтобы переключить WEB WIDGET в режим продажи товаров, необходимо указать в ссылке параметр goods=true. В этом режиме "билетная" терминология в виджете заменяется на "товарную" терминологию. Этот режим полезен, когда кроме билетов на событие необходимо продать атрибутику, мерч, различные сопутствующие материалы. Посмотреть, как это работает, можно на этой странице