Начните с шаблона инструкции
Выберите сценарий, замените шаги своими и опубликуйте готовый гайд на Craftum.
Открыть шаблоныИнтерактивные инструкции в Craftum
Встройте пошаговый интерактивный гайд на страницу Craftum через блок «HTML-код» — одна строка кода, без технических знаний и программиста.
craftum.site/help
Шаг 3 / 7 Нажмите «Продолжить»
Способ встройкиБлок «HTML-код»
Зачем
Зачем встраивать интерактивные инструкции в Craftum
Онбординг покупателей прямо на сайте
Craftum часто используют интернет-магазины и сервисы. Добавьте гайд «Как сделать первый заказ» или «Как пользоваться личным кабинетом» — снижайте нагрузку на поддержку.
Демо продукта без видео
Интерактивный плеер эффективнее скринкаста — посетитель кликает в своём темпе. На лендинге Craftum это увеличивает время на сайте и конверсию в регистрацию.
Инструкции для партнёров
Создайте закрытую страницу Craftum с гайдами для партнёров или дистрибьюторов. Установите пароль на гайд — доступ только у тех, кому вы отправили пароль.
Лидогенерация внутри инструкции
Добавьте форму сбора заявок прямо в шаг гайда. Посетитель смотрит инструкцию и оставляет контакт в процессе — заявки идут в CRM или Telegram мгновенно.
Как встроить
Как встроить пошаговый гайд в Craftum — за 3 минуты
Создайте гайд в Demiqo
Установите расширение Chrome, нажмите «Записать» и пройдите процесс. AI напишет описания шагов автоматически — редактировать необязательно.
Скопируйте строку виджета
В Demiqo откройте «Поделиться» и скопируйте код виджета. Ваш SLUG уже вставлен автоматически — ничего заменять вручную не нужно.
Добавьте блок HTML-код в Craftum
В редакторе страницы Craftum нажмите «+» для добавления блока. В списке блоков найдите «HTML-код» и добавьте его в нужное место на странице.
Вставьте код и сохраните
Вставьте скопированный код в поле блока HTML-код. Нажмите «Сохранить» или применить изменения. Гайд появится на предпросмотре страницы.
Опубликуйте и проверьте
Опубликуйте страницу и откройте её в браузере. Проверьте, что гайд загружается и корректно отображается на мобильном устройстве.
Код для блока «HTML-код» в Craftum
<!-- Вставьте в блок «HTML-код» в Craftum -->
<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>
Что вы получаете
Преимущества интерактивных инструкций на Craftum
Простая установка
Копируете код, вставляете в блок — готово. Весь процесс занимает 3 минуты без каких-либо технических навыков.
Адаптивный плеер
Гайд корректно отображается на любых устройствах — десктоп, планшет, смартфон — и вписывается в дизайн сайта Craftum.
Аналитика в Demiqo
Отслеживайте, сколько посетителей сайта Craftum взаимодействовало с гайдом, и до каких шагов они доходили.
Сбор заявок
Встройте форму лидогенерации прямо в шаг гайда. Заявки идут в amoCRM, Битрикс24 или Telegram. Интеграции.
Доступ по паролю
Защитите гайд паролем — подходит для закрытых материалов для партнёров или VIP-клиентов Craftum-сайта.
Экспорт материалов
Скачайте гайд в PDF, Markdown или PNG для использования в офлайн-презентациях или корпоративных документах.
FAQ
Вопросы про интерактивные инструкции в Craftum
Как добавить HTML-блок в Craftum?
В режиме редактирования страницы нажмите кнопку добавления блока (обычно «+» или аналогичная). В каталоге блоков выберите тип «HTML-код». В появившемся поле введите или вставьте строку скрипта Demiqo и сохраните изменения.
Замедлит ли виджет мой сайт на Craftum?
Нет. Атрибут async означает, что скрипт загружается параллельно с остальным содержимым и не блокирует отрисовку страницы. Craftum-сайт будет загружаться с той же скоростью, что и без виджета.
Можно ли добавить несколько гайдов на одну страницу Craftum?
Да. Добавьте столько HTML-блоков, сколько нужно, каждый с уникальным data-guide="SLUG". Гайды работают независимо и не конфликтуют между собой.
Адаптируется ли виджет под мобильные устройства?
Да. Плеер Demiqo адаптивный. На смартфонах навигационные кнопки, hotspot-подсказки и текст шагов перестраиваются под узкий экран. Никаких дополнительных настроек не требуется.
Нужны ли технические знания для встройки?
Нет. Вся работа: скопировать строку кода из Demiqo и вставить в HTML-блок Craftum. Никакого программирования, никаких API-ключей. Занимает 2-3 минуты.
Возможности Demiqo
Начать работу
Создайте первый гайд бесплатно
Запишите процесс в Chrome, получите готовые шаги и вставьте инструкцию на сайт одной строкой кода.
Начать бесплатно