Интерактивные инструкции в uKit

Встройте пошаговый интерактивный гайд на страницу сайта uKit через стандартный виджет «HTML-код» — одна строка кода, без программиста и специальных знаний.

Виджет HTML-код uKit Без программиста Данные в России, 152-ФЗ
ukit.site/help
Логотип uKit uKitГайд внутри страницы
Шаг 3 / 7 Нажмите «Продолжить»

Способ встройкиВиджет «HTML-код»

Зачем

Зачем встраивать интерактивные инструкции в uKit

Инструкции для клиентов малого бизнеса

uKit — популярный выбор для малого бизнеса. Добавьте интерактивный гайд «Как заказать» или «Как записаться» прямо на сайт. Клиенты сразу понимают, что нужно сделать.

Демонстрация услуги на сайте

Покажите, как работает ваша услуга, в формате интерактивного пошагового плеера. Потенциальный клиент «пробует» сервис прямо на странице uKit — это увеличивает доверие.

Раздел помощи и FAQ

Создайте страницу «Вопросы и ответы» с интерактивными пошаговыми решениями. Вместо длинных текстов — живые гайды, где посетитель сам кликает по шагам.

Захват заявок через обучение

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

Как встроить

Как встроить пошаговый гайд в uKit — за 3 минуты

Создайте гайд в Demiqo

Установите расширение Chrome, нажмите «Записать» и пройдите процесс, который хотите показать клиентам. Описания шагов напишет AI автоматически.

Скопируйте код виджета

В Demiqo откройте «Поделиться» и скопируйте строку виджета — SLUG вашего гайда уже вставлен автоматически.

Добавьте виджет «HTML-код» в uKit

В редакторе страницы uKit нажмите «Добавить виджет» (+). В каталоге виджетов найдите «HTML-код» и добавьте его в нужное место на странице.

Вставьте код в виджет

Откройте настройки виджета «HTML-код» и вставьте скопированную строку в поле кода. Нажмите «Сохранить» — гайд появится на предпросмотре страницы.

Опубликуйте страницу

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

Код для виджета «HTML-код» в uKit
<!-- Вставьте в поле виджета «HTML-код» в uKit -->
<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>
Что вы получаете

Преимущества интерактивных инструкций на uKit

Простая установка

Стандартный виджет uKit плюс одна строка кода. Никаких технических знаний и программирования.

Мобильная адаптация

Плеер Demiqo адаптивен — гайд корректно отображается на смартфонах, что важно для клиентов малого бизнеса.

Аналитика в Demiqo

Отслеживайте просмотры гайда, воронку прохождения шагов и источники трафика — в отдельном кабинете Demiqo.

Сбор заявок

Встройте форму лидогенерации прямо в шаг гайда. Заявки идут в CRM, Telegram или на email. Интеграции.

Доступ по паролю

Закройте гайд паролем — для закрытых инструкций, доступных только определённым клиентам или партнёрам.

Экспорт PDF / PNG

Предложите посетителям сайта скачать инструкцию в PDF — дополнительная польза для потенциальных клиентов.

FAQ

Вопросы про интерактивные инструкции в uKit

Как добавить виджет HTML в uKit?

В режиме редактирования страницы нажмите «Добавить виджет» или «+». В каталоге найдите «HTML-код». Вставьте строку виджета Demiqo в поле редактирования виджета и нажмите «Сохранить».

Тормозит ли виджет сайт на uKit?

Нет. Атрибут async обеспечивает асинхронную загрузку скрипта. Страница uKit загружается и становится интерактивной независимо от загрузки виджета. Производительность сайта не страдает.

Можно ли встроить несколько гайдов на разные страницы uKit?

Да. На каждой странице uKit добавьте виджет «HTML-код» с нужным data-guide="SLUG". Разные страницы могут показывать разные гайды — например, отдельная инструкция для каждой услуги.

Адаптируется ли виджет под мобильные устройства?

Да. Плеер Demiqo автоматически адаптируется к любому размеру экрана. На мобильных устройствах интерфейс перестраивается без дополнительных настроек — важно для мобильных пользователей сайтов на uKit.

На каком тарифе uKit доступен виджет HTML-код?

Виджет «HTML-код» доступен на платных тарифах uKit. Проверьте каталог виджетов на вашем тарифе — если «HTML-код» присутствует, виджет Demiqo будет работать. Сам Demiqo бесплатен до 5 гайдов.

Готовая структура

Начните с шаблона инструкции

Выберите сценарий, замените шаги своими и опубликуйте готовый гайд на uKit.

Открыть шаблоны
Встройка в uKit

Создайте первый гайд бесплатно

Запишите процесс в Chrome, получите готовые шаги и вставьте инструкцию на сайт одной строкой кода.

Начать бесплатно