Иногда автоматическая кнопка или виджет консультанта не подходят: дизайн сайта требует своей кнопки, или квиз должен открываться из конкретного места — например, из блока с оффером. В этом случае квиз можно подключить к собственной кнопке. Она останется частью вашего дизайна, а открытие квиза будет работать через хэш.
Два способа подключения
Вы можете подключать открытие квиза в PopUp-окне к собственной кнопке. Для этого используйте один из способов:
Способ 1: hash в class кнопки
Укажите в class кнопки хэш квиза. Некоторые конструкторы очищают код от классов, поэтому проверяйте его наличие после установки через консоль браузера. Если класс сохранился — кнопка сработает. Если конструктор его удалил — используйте второй способ.
Способ 2: hash в адресе ссылки
Укажите в адрес ссылки кнопки специальный хэш квиза. Это наиболее распространённый способ подключения, который работает на всех основных конструкторах и CMS. Он надёжнее первого, потому что не зависит от того, сохраняет ли конструктор классы.
Какой способ выбрать
Если вы работаете с конструктором, который точно сохраняет классы, — подойдёт первый способ. Во всех остальных случаях используйте второй: он работает везде и не зависит от особенностей платформы. Если сомневаетесь — начинайте со второго способа.
Размещение SCRIPT на сайте
Чтобы кнопка заработала, в любой части вашего сайта должен быть размещён SCRIPT. Размещайте его на всех страницах сайта, где хотите увидеть квиз. Если скрипт добавлен только на одну страницу — кнопка сработает только там.
Автоматическая кнопка
Если у вас на сайте появились кнопки с вызовом квиза, которые вы не подключали — у вас активирована «Автоматическая кнопка». Отключить эту опцию можно через настройки «PopUp» в разделе «Установка на сайт» редактора квиза. Это важно, чтобы автоматическая кнопка не конфликтовала с вашей собственной.
Как проверить, что кнопка работает
- Откройте сайт в режиме инкогнито — так вы увидите страницу без кэша.
- Нажмите на кнопку и проверьте, открывается ли квиз в PopUp-окне.
- Откройте консоль браузера и посмотрите, сохранился ли class или hash в адресе ссылки.
- Проверьте работу на мобильных — там кнопка тоже должна срабатывать.
- Убедитесь, что SCRIPT размещён на всех страницах, где есть кнопка.
Частые ошибки при подключении кнопки
- Забывают разместить SCRIPT — кнопка не срабатывает.
- Используют способ через class на конструкторе, который очищает классы.
- Не проверяют атрибуты кнопки в консоли браузера.
- Не отключают автоматическую кнопку — она конфликтует с собственной.
- Размещают SCRIPT только на одной странице — на остальных кнопка не работает.
- Не проверяют работу на мобильных.
Коротко: что делать при подключении кнопки
- Выберите способ: hash в class кнопки или hash в адресе ссылки.
- Скопируйте хэш квиза из редактора Matomba и вставьте его в кнопку.
- Разместите SCRIPT на всех страницах, где есть кнопка.
- Отключите автоматическую кнопку, если она не нужна.
- Проверьте работу в инкогнито и в консоли браузера.
- Проверьте, как кнопка работает на мобильных.
