/widget
, далее в примерах используется именно это имя/widget
в корневую директорию вашего сайта (не обязательно того, где будет открываться виджет)https://your-site/widget
(если всё в порядке, вы увидите крутящиеся шестерёнки)Для работы виджета в формате одного события, сформируйте ссылку следующего вида:
<a href="/widget/#/
?frontendId=1111
&token=55a7a636b26fbb3c3956
&id=122
&cityId=1">Текст ссылки</a>
- Конструктор URL
🧩 для одного события
Полный список GET-параметров:
frontendId
: FID (Обязательный)token
: Token (Обязательный)zone
: Режим работы (Обязательный для продакшнreal
, по умолчаниюtest
)id
: ID события (Обязательный)cityId
: ID города (Обязательный)venueId
: ID площадки (Обязательный, если событие проходит на разных площадках в одном городе)agr
: Адрес страницы пользовательского соглашения (Необязательный)success
: Адрес страницы успешной покупки (По умолчанию/widget/success/
)fail
: Адрес страницы неудачной покупки (По умолчанию/widget/fail/
)lng
: Язык интерфейса (По умолчаниюen
)goods
: Для продажи товаров вместо билетов укажитеtrue
bank
: Для открытия страницы банка в новом окне укажитеtrue
Для работы виджета в формате листинга событий, измените адрес ссылки на:
<a href="/widget/city/#/ …
- Конструктор URL
🧩 для листинга событий
Список GET-параметров для листинга событий:
frontendId
: FID (Обязательный)token
: Token (Обязательный)zone
: Режим работы (Обязательный для продакшнreal
, по умолчаниюtest
)cityId
: ID города (Обязательный)venueId
: ID площадки (Необязательный)kindId
: ID вида события (Необязательный)agr
: Адрес страницы пользовательского соглашения (Необязательный)success
: Адрес страницы успешной покупки (По умолчанию/widget/success/
)fail
: Адрес страницы неудачной покупки (По умолчанию/widget/fail/
)lng
: Язык интерфейса (По умолчаниюen
)goods
: Для продажи товаров вместо билетов укажитеtrue
bank
: Для открытия страницы банка в новом окне укажитеtrue
Вставьте следующий код в контейнер <head>
страницы:
<script src="/widget/lib/cdn/jquery-3.5.1.min.js"></script>
<script src="/widget/lib/modernizr-custom.js"></script>
<script src="/widget/lib/cdn/jquery.fancybox-3.5.7.min.js"></script>
<link rel="stylesheet" href="/widget/lib/cdn/jquery.fancybox-3.5.7.min.css"/>
<script>$(document).ready(function(){$(document).on('click','.widget-trigger',function(e){if(Modernizr.mq('(min-width:1280px)')){e.preventDefault();$.fancybox.open({src:$(this).attr('href'),type:'iframe',opts:{iframe:{css:{width:'90vw',height:'80vh'}}}})}})})</script>
Добавьте к тегу a
класс и дополнительный атрибут:
<a class="widget-trigger" data-fancybox-type="iframe" …
попробовать
попробовать
попробовать
попробовать
попробовать
Обратите внимание
cdn.jsdelivr.net
.<head>
data-source
.email
.lng
(если он определен и язык присутствует в списке доступных);en
.success
и fail
по-прежнему можно указать в адресе ссылки.agr
теперь не является обязательным.agr
в меню не будет ссылки Соглашение, также в корзине не потребуется подтверждение ознакомления с пользовательским соглашением.BIND_EMAIL
, CONFIRM_EMAIL
для авторизации пользователя.AUTH 2.0
/custom
, содержащей ваши персональные настройки.JS
-код в тег <head>
.JS
в отдельный файл.JS
-код в файл, и он не пропадёт при обновлении виджета.CSS
в отдельный файл.BIND_EMAIL
.CONFIRM_EMAIL
.RESERVE
.UN_RESERVE
.BASKET
.UN_RESERVE_ALL
.CREATE_ORDER
.GET_USER_INFO
.GET_ORDERS
, GET_ACTION_EVENTS_GROUPED_BY_TICKETS
, GET_PROMO_CODES
, GET_MECS
для кабинета пользователя.