+7 499 938 8452 пн.-пт. 10:00 – 17:00

Bquadro: Пошаговый обучающий тур по сайту

от Bquadro

Скриншоты

Технические данные

Дата публикации:
23.03.2026
Версия:
1.0.0
Адаптивность:
Да
Поддержка композита:
Нет
Число установок:
Менее 50 раз

Совместимые редакции

Описание

Интерактивный туториал для сайта поможет показать пользователю, как правильно работать в созданном вами интерфейсе. Такой тур по сайту нужен в основном для порталов с личным кабинетом или большим разнообразием функционала.

Наш модуль прост в использовании и требует от администратора сайта или контент-менеджера только минимальное понимание html/css для привязки всплывающих подсказок (тултипов) к элементам на странице.

   

Возможности модуля

Модуль “Bquadro: Пошаговый обучающий тур по сайту”:

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

  2. Не имеет ограничения по количеству туров.

  3. Не имеет ограничения по количеству шагов в каждом туре.

  4. Имеет гибкие настройки внешнего вида и содержимого подсказок.

  5. Позволяет настраивать условия показа по url страниц.  

Для чего полезен пошаговый обучающий тур по сайту

Интерактивную инструкцию создают, чтобы знакомить пользователя с таким функционалом, как:

  • регистрация на сайте и настройка личного кабинета;

  • создание пользовательского контента: написание статей, рецептов; размещение изображений;

  • знакомство с разделами сложного многофункционального портала;

  • информирование о появлении новых важных блоков и разделов сайта;

  • и в других случаях, когда такие всплывающие подсказки с затемнением фона будут уместны.


 
     

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

Процесс установки и настройки детально описан в разделе “Установка”. А если появятся вопросы, то пишите нашей техподдержке.

  • Для установки модуля требуется сначала установить бесплатный модуль “Bquadro: Мониторинг сайта”, содержащий общие классы для всех модулей Bquadro.

  • Далее установите модуль “Bquadro: Пошаговый обучающий тур по сайту” стандартными средствами Битрикс.

  • После установки модуля в административном меню сайта появится раздел Bquadro, а в нём и установленный модуль.

Готово, теперь можно создавать свой тур по сайту!

Перед использованием

В разделе административного меню Bquadro > Ознакомительные туры > Настройки включите чекбокс "Автоподключение". Этот чекбокс так же может потребоваться вам в дальнейшем, когда потребуется быстро отключить все созданные туры, не заходя в каждый по отдельности.

 

Как пользоваться модулем

Создание туров и шагов внутри них осуществляется из соответствующего раздела административной панели: Bquadro > Ознакомительные туры > Список туров.

 

Для каждого тура есть несколько понятных блоков настроек.

  1. Общая информация: название, приоритет, автозапуск, режим показа. Тут же расположена стандартная для Битрикс галочка активности.

  2. Оформление. Здесь можно выбрать, насколько сильно затемняется фон, скругление углов всплывающих окон и другое.

  3. Условия срабатывания. Установите, для каких url будет показываться ваша интерактивная инструкция: можно указать точные адреса, либо начало адреса. Здесь же можно, наоборот, перечислить, на каких страницах тур отображать не нужно.

  4. Создание шагов. В этом блоке нужно заполнить:

  • Содержимое для каждого тутлтипа: заголовок и текст.
  • Настроить его привязку к элементу страницы. Это может быть один из селекторов:
    - либо html-тег (например, h1),
    - либо класс css (например, .bx-footer-logo (писать с точкой в начале)),
    - либо id (например, #title-search-input (писать с знаком # в начале)).
    Еще вариант - задать фиксированные координаты.
  • Настроить другие параметры: отступ, позиция, прокрутка, действие при ненайденном элементе и др.
  • Здесь же можно присвоить ему свой css-класс, заранее созданный вашим фронтенд-разработчиком.

   

Техническая поддержка пользователей решения производится по электронной почте support@bquadro.ru.

Контакты разработчика на сайте https://bquadro.ru/contacts/

Установите этот модуль прямо сейчас!

Для этого укажите адрес сайта:

пример: https://www.site.ru
Bquadro: Пошаговый обучающий тур по сайту
Bquadro: Пошаговый обучающий тур по сайту
4 500 руб