Начните с шаблона инструкции
Выберите сценарий, замените шаги своими и опубликуйте готовый гайд на Flexbe.
Открыть шаблоныИнтерактивные инструкции в Flexbe
Встройте пошаговый интерактивный гайд на лендинг или многостраничный сайт Flexbe через блок «Вставка кода». Одна строка — виджет готов.
flexbe.site/help
Шаг 3 / 7 Нажмите «Продолжить»
Способ встройкиБлок «Вставка кода»
Зачем
Зачем встраивать интерактивные инструкции в Flexbe
Интерактивное демо на лендинге
Flexbe — популярный конструктор лендингов. Замените статичные скриншоты интерактивным плеером, который показывает ваш продукт в действии. Посетитель кликает сам — это работает лучше видео.
Онбординг после регистрации
Создайте страницу Flexbe «Начало работы» с гайдом первых шагов. Новые пользователи сразу видят, что делать — меньше звонков в поддержку с вопросом «а что дальше?».
Лидогенерация через гайд
Встройте форму сбора заявок прямо в шаг гайда. Потенциальный клиент смотрит демо и оставляет контакт в процессе — заявки автоматически уходят в CRM или Telegram.
Снижение нагрузки на поддержку
Разместите интерактивные FAQ на сайте Flexbe. Клиенты находят ответы сами, просматривая пошаговые гайды. Меньше одинаковых вопросов — больше времени у команды на сложные задачи.
Как встроить
Как встроить пошаговый гайд в Flexbe — за 3 минуты
Создайте гайд в Demiqo
Установите расширение Chrome, нажмите «Записать» и пройдите процесс, который хотите показать. AI напишет описания шагов за вас.
Скопируйте код виджета
В Demiqo перейдите в раздел «Поделиться», скопируйте код виджета. SLUG вашего гайда уже вставлен автоматически.
Добавьте блок «Вставка кода»
В редакторе Flexbe нажмите «Добавить блок» или аналогичную кнопку. Найдите и выберите блок «Вставка кода / HTML» — он находится в разделе «Дополнительные» или «Интеграции».
Вставьте код
Откройте настройки блока и вставьте скопированную строку в поле HTML-кода. Сохраните изменения и обновите предпросмотр страницы.
Опубликуйте страницу
Опубликуйте страницу Flexbe. Откройте её в браузере и убедитесь, что гайд загружается. Проверьте мобильную версию в режиме предпросмотра.
Код для блока «Вставка кода» в Flexbe
<!-- Вставьте в блок «Вставка кода / HTML» в Flexbe -->
<script src="https://demiqo.ru/w.js" data-guide="ВАШ-SLUG" async ></script>
<script src="https://demiqo.ru/w.js" data-guide="ВАШ-SLUG" async ></script>
Альтернатива через iframe, если скрипт не выполняется:
<iframe src="https://demiqo.ru/embed/ВАШ-SLUG" width="100%" height="600" frameborder="0" ></iframe>
Что вы получаете
Преимущества интерактивных инструкций на Flexbe
Быстрая настройка
Три шага: создать гайд, скопировать код, вставить в блок Flexbe. Готово за 3 минуты.
Мобильная адаптация
Плеер адаптивен — гайд корректно отображается на смартфонах, что критично для лендингов Flexbe с высокой долей мобильного трафика.
Аналитика прохождения
В Demiqo видно, сколько посетителей лендинга взаимодействовали с гайдом и до какого шага дошли.
Захват лидов внутри гайда
Форма лидогенерации прямо в шаге гайда. Заявки идут в amoCRM, Битрикс24 или Telegram. Интеграции.
Доступ по паролю
Защитите отдельные гайды паролем — для закрытых обучающих материалов или доступа только для клиентов.
Экспорт PDF / Markdown
Скачайте гайд в любом формате — дополните лендинг Flexbe скачиваемыми PDF-инструкциями для клиентов.
FAQ
Вопросы про интерактивные инструкции в Flexbe
Как добавить виджет Demiqo в Flexbe?
В редакторе Flexbe добавьте блок «Вставка кода / HTML» и вставьте строку виджета Demiqo в поле кода. Блок находится в категории дополнительных элементов. Сохраните и опубликуйте страницу.
Влияет ли виджет на производительность лендинга в Flexbe?
Нет. Атрибут async обеспечивает асинхронную загрузку скрипта. Лендинг Flexbe продолжает загружаться обычно, а скрипт виджета не блокирует рендеринг страницы.
Можно ли встроить гайд Demiqo в лендинг Flexbe?
Да. Виджет отлично подходит для лендингов — покажите демо продукта, инструкцию по регистрации или первым шагам прямо на одностраничном сайте. Это увеличивает вовлечённость посетителей.
Считается ли виджет мобильно совместимым?
Да. Плеер Demiqo полностью адаптивен. На мобильных устройствах интерфейс перестраивается, все элементы управления доступны для удобного использования пальцем.
Нужен ли тариф Flexbe с HTML-блоками?
Блок «Вставка кода» доступен на стандартных и расширенных тарифах Flexbe. Проверьте условия вашего тарифа — на самых базовых тарифах вставка произвольного HTML может быть ограничена.
Возможности Demiqo
Начать работу
Создайте первый гайд бесплатно
Запишите процесс в Chrome, получите готовые шаги и вставьте инструкцию на сайт одной строкой кода.
Начать бесплатно