Здесь будет показан пример "глубокой" интеграции виджета Radario на ваш сайт.

Этот способ интеграции рекомендуется пользователям, обладающим базовыми знания html, либо поручите это вашему техническому специалисту (пример для специалистов).


Итак, приступим.


  1. Разместите скрипт
    <script data-class="radarioButtonScript" src="https://radario.ru/scripts/widget/buy-button-widget.js"></script>
    в заголовке вашего (в теге head) сайта.


    Также вы можете вставить скрипт и в самом конце тега body


  2. Добавьте (или укажите, если они у вас уже есть) элементы которые будут служить кнопками для показа виджета покупки или афиши.

    В данном случае это два элемента div с содержимым "Купить билет на Тестовое событие №1" и "Посмотреть тестовую афишу".


    Для того чтобы указать на какое событие будет открывать покупка при нажатии на кнопку нужно добавить к элементу кнопки атрибут data-radario-event-id со значением, равным идентификатору нужного события.

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



    Для того чтобы при нажатии на кнопку открывалась афиша к элементу нужно добавить атрибут data-radario-widget-key со значением, равным ключу вашего виджета-афиши:


    Получить ключ можно во время генерации кода виджета в вашем личном кабинете:



    Если ваш виджет уже был создан ранее, то его ключ вы можете получить из разметки вашего сайта:



    Пример кода