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

Встройте пошаговый интерактивный гайд на страницу Creatium через элемент «HTML / встроенный код» — одна строка кода без программирования и специальных настроек.

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

Способ встройкиЭлемент HTML · встроенный код

Зачем

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

Интерактивное демо на лендинге

Creatium используют для создания высококонверсионных лендингов. Добавьте интерактивное демо продукта прямо на страницу — посетитель кликает по шагам и видит, как работает ваш сервис.

Инструкции для пользователей продукта

Создайте раздел «Как начать» или «Обучение» на Creatium с пошаговыми гайдами. Новые пользователи быстрее осваивают продукт, меньше обращаются в поддержку.

Захват лидов через интерактив

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

База знаний для партнёров

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

Как встроить

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

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

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

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

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

Добавьте HTML-элемент в Creatium

В редакторе страницы Creatium нажмите «Добавить элемент» в нужной секции. Выберите «HTML / встроенный код» из списка элементов.

Вставьте код и сохраните

Вставьте скопированный код в поле редактора HTML-элемента. Нажмите «Сохранить» или «Применить» — гайд отобразится в предпросмотре.

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

Нажмите «Опубликовать» в Creatium. Откройте страницу в браузере и проверьте отображение на компьютере и смартфоне.

Код для элемента «HTML / встроенный код» в Creatium
<!-- Вставьте в поле HTML-элемента Creatium -->
<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>
Что вы получаете

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

Быстрая настройка

HTML-элемент Creatium плюс одна строка кода. Весь процесс занимает 3 минуты без программирования.

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

Плеер Demiqo автоматически адаптируется к мобильным экранам — дополнительных настроек в Creatium не требуется.

Аналитика прохождения

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

Сбор заявок

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

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

Закройте отдельные гайды паролем — удобно для партнёрских материалов и закрытых обучающих курсов.

Экспорт PDF / Markdown

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

FAQ

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

Как добавить HTML-элемент в Creatium?

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

Замедляет ли виджет сайт на Creatium?

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

Можно ли встроить несколько гайдов в Creatium?

Да. Добавьте HTML-элемент в каждую нужную секцию — с разными значениями data-guide. Гайды работают независимо и не конфликтуют между собой.

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

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

Считается ли Demiqo интеграцией Creatium?

Нет. Demiqo не требует официальной интеграции или API. Виджет встраивается как стандартный HTML через встроенный элемент платформы. Работает на любом тарифе Creatium, поддерживающем HTML-элементы.

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

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

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

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

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

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

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