Установите виджет покупки
Продавайте билеты зрителям на своем сайте и в социальных сетях без посредников. Готовое решение от Радарио сделает этой возможным за один день
Что такое виджет и зачем он нужен?
Виджет — это форма, которая позволяет посетителю вашего сайта или группы в социальной сети купить билет без перехода на другой ресурс.
В чем преимущества виджета?

  • Это выгодно. Продажа совершается без посредника.
  • Прямая коммуникация со зрителем и, как следствие, высокий уровень доверия.
  • Вся информация о покупателях остается у вас и ее можно использовать для повторного привлечения зрителя к покупке

Как может выглядеть виджет покупки?

С помощью конструктора виджетов Радарио вы легко сможете сделать виджет для одного или нескольких событий, а также кастомизировать его под индивидуальный дизайн сайта.
Создайте виджет
Вы можете создать виджет покупки для одного или нескольких событий с помощью конструктора виджетов. Чтобы это сделать, перейдите в раздел «События» в главном меню личного кабинета.

Как сделать виджет для одного события?

1. Перейдите в карточку события.
3. Нажмите на кнопку «Виджет для события».
4. Выполните настройку внешнего вида виджета и нажмите на кнопку «Получить код».
Как сделать виджет для нескольких событий?

Вы можете сделать виджет для нескольких событий сразу двумя способами. Оба они доступны из вкладки «События» главного меню. Первый способ описан ниже.
Чтобы воспользоваться вторым способом, следуйте инструкциям под картинками.
Настройте внешний вид виджета
После того как вы выбрали одно или несколько событий для виджета, самое время перейти к настройке внешнего вида. На первом этапе вам будет предложено два варианта: кнопка и фрейм.

Кнопка представляет собой форму с целевым действием, при нажатии на которую открывается виджет одного или нескольких событий.

Фрейм выглядит как афиша из нескольких событий сразу. Она встраивается на сайт без кнопки.
Выберите один из вариантов виджета и перейдите к настройкам ниже.
Настройка кнопки
Настройка фрейма
По завершении настроек нажмите кнопку «Получить код».
Установите виджет на сайт
Всего один шаг и вы сможете открыть онлайн-продажи билетов. У вас уже есть html-код виджета. Теперь необходимо встроить его на ваш сайт. Для этого есть несколько способов — все зависит от особенностей вашего сайта.
Вариант 1. Если ваш сайт написан с помощью языков программирования

То есть сайт написан самостоятельно, без использования конструкторов сайтов. Тогда мы просто вставляем код виджета в код страницы между тегами по следующей схеме:
<head>
<script src="https://radario.ru/frontend/src/api/openapi/openapi.js"></script>
  <body>
<script>radario.Widgets.Afisha({"params":{},"standalone":false,
"createButton":true,
"key":"01106bb07f3b726a899dd2ac93300217cd13d573f6f57"})</script>
  </body>
</head>
Рассмотрим вариант, если ваш сайт написан с помощью одного из языков программирования, но вам необходимо поместить виджет на заранее созданную разработчиками кнопку. Данный метод описывает настройку для виджета-афиши
  1. В личном кабинете на странице «События» выбираем функцию «Виджеты».
  2. Кликаем на «Виджет для сайта».
  3. Выбираем «Виджет для всех событий», а затем переключаем на форму «Фрейм».
  4. Выполняем настройки внешнего вида афиши.
  5. Нажимаем на «Получить код».
  6. Переход в код страницы на вашем сайте, куда необходимо выполнить установку.
  7. В тег <button> или <a> (зависит от вашей реализации) встраиваем <a href="#afisha/055010caf3fb34e2ee4e05661478dfaad6700ddddba0e" class="knopka">Купить билет</a> // из полученного кода виджета в личном кабинете.
  8. Оставшуюся часть виджета (в теге <script></script> ) вставляем в тег <head></head> на странице вашего сайта.
    <script src="https://radario.ru/frontend/src/api/openapi/openapi.js"></script>
    <script>radario.Widgets.setDefaultParams</script>

На этом установка закончена, пробуем перейти на сайт и удостовериться в ее работе. По нажатию на кнопку получаем фрейм афиши.

Вариант 2. Если сайт создан с помощью конструктора сайтов

Например, сайт располагается на базе wix.com или tilda.cc. Необходимо учитывать особенности каждого программного обеспечения. Ниже рассматриваются самые распространенные варианты.
Виджет для сайта на Tilda.cc
Есть два способа для установки виджета на странице, созданной на этом конструкторе. Подробная и наглядная инструкция здесь.
Виджет для сайта на Wix.com
В редакторе WIX создайте необходимые вам страницы сайта.
Присвойте странице, где будет располагаться виджет соответствующее название, так будет проще найти ее для редактирования.
В меню слева выберите элемент «Кнопка», а затем и сам дизайн кнопки.
В меню слева выберите элемент «Кнопка», а затем и сам дизайн кнопки. В настройках переадресации («Куда ведет этот элемент») выберите страницу виджета.
Затем выберите опцию «Вставка кода» и элемент «Вставка виджета».
Разместите виджет на странице, задайте размер, и вставьте сохраненный ранее код для виджета.
Вы также можете разместить виджет и без кнопки. Для этого просто необходимо пропустить шаги со вставкой кнопки выше.
Следите за продажами
Отслеживайте основные показатели с помощью систем аналитики.
Для этого достаточно единожды создать несколько целей в системах Яндекс.Метрика и Google Analitics и вам всегда будут доступны следующие данные:

  1. Пользователь открыл виджет.
  2. Пользователь выбрал билет.
  3. Пользователь перешёл на 2 шаг покупки.
  4. Пользователь нажал кнопку «Оплатить».
  5. Пользователь успешно купил билет.
Подробная инструкция о том, как установить цели, находится здесь.
Если у вас появились другие вопросы о работе с виджетом Радарио, вы всегда можете обратиться к нам по почте help@radario.co или телефону, указанному в вашем кабинете. Мы будем рады вам помочь!