Интеграция виджета на сайт

В этом разделе мы рассмотрим:

  • Как использовать кнопку с модальным окном;
  • Как интегрировать кнопку-ссылку на ваш сайт;
  • Как редактировать оттенки кнопки и активных элементов.

Как использовать кнопку с модальным окном

Этот вариант удобно использовать на своём собственном сайте, который позволяет свободно внедрять любой HTML-код там где вам нужно. Если вы работаете с сайтом, созданном на конструкторе, то удобнее работать с кнопкой-ссылкой (следующий параграф). Откройте раздел «Мероприятия», выберите мероприятие, а затем перейдите в подраздел «HTML-коды». Скопируйте строку из поля «Кнопка с модальным окном» и добавьте в код страницы сайта.

Как интегрировать кнопку-ссылку на сайт

Этот вариант наиболее удобен, если вы пользуетесь сервисами создания сайтов (Tilda, Wix, Ucoz и другими), где не всегда есть возможность управлять полностью кодом страницы. В этом случае воспользуйтесь ссылкой для кнопки, которая находится в подразделе HTML-коды в поле «Ссылка кнопки для конструктора сайта». Однако, этот способ так же сработает на сайте, который запрограммирован не через сервисы-конструкторы, а вручную. Вы прописываете в кнопку указанную ссылку:

И добавляете в любое место страницы строку кода:
<script type="text/javascript" src="https://qtickets.ru/js/openapi"></script>

Как редактировать оттенки кнопки и активных элементов

Вы можете изменять цвет кнопок и активных элементов в подразделе HTML-коды. Например, нажав на кнопку “Активные элементы”, вы увидите палитру цветов и оттенков.

Пример не стандартного оттенка активных элементов внутри окна покупки:


По такому же принципу работает изменение цвета кнопки.

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

Если у вас есть дополнительные вопросы, обращайтесь в поддержку продавцов билетов на info@qtickets.ru

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

Статьи по теме