Как встроить билетный виджет на свой сайт

Обновлено 22 октября 2026 · 2 мин чтения

Билетный виджет позволяет продавать билеты прямо на вашем сайте: покупатель выбирает билеты и оформляет заказ, не уходя на FanPass. Один виджет показывает одно мероприятие.

  1. Откройте раздел «Интеграции»

    В кабинете организатора перейдите в раздел «Интеграции», вкладка «Виджеты». Здесь собраны все созданные виджеты.

    Раздел «Интеграции», вкладка «Виджеты»
    Важно. Раздел «Интеграции» доступен только владельцу кабинета организатора. Участники команды его не видят.
  2. Создайте виджет

    Нажмите «Создать виджет», выберите мероприятие и нажмите «Создать». Откроются настройки нового виджета.

    Окно «Создать виджет»
  3. Укажите разрешённые сайты

    В поле «Разрешённые веб-сайты» перечислите адреса сайтов, на которых будет стоять виджет, по одному на строку, например https://example.org. Разрешён только протокол https. На всех остальных сайтах браузер не покажет виджет.

    Настройки виджета: разрешённые сайты, цвет и тема
    Совет. Адреса с www и без него считаются разными сайтами. Если ваш сайт открывается по обоим, добавьте оба адреса.
  4. Настройте внешний вид
    • «Акцентный цвет»: цвет кнопок и ссылок в виджете. Укажите его в формате rgb(0, 0, 255).
    • «Тема оформления»: «Светлая» или «Тёмная». Выберите тёмную, если виджет стоит на тёмном фоне: фон виджета прозрачный.

    Нажмите «Сохранить изменения».

  5. Вставьте код на сайт

    В блоке «Код для встраивания» нажмите кнопку копирования рядом с полем «HTML-код виджета» и вставьте код в то место страницы, где должен быть виджет. В блоке «Предпросмотр» можно заранее посмотреть, как виджет выглядит на компьютере и телефоне.

    Блок «Код для встраивания»

Размер виджета

Виджет занимает всю ширину родительского элемента, а высоту подстраивает под содержимое автоматически. Ширину задавайте стилями вашего сайта и не ограничивайте высоту контейнера, иначе часть виджета будет обрезана.

Предпросмотр виджета
Совет. Для одного мероприятия можно создать несколько виджетов, например для разных сайтов с разным оформлением.

Смотрите также

Была ли статья полезна?