Перейти к содержанию

Интерактивные демо для B2B-продуктов

Покажите, как работает продукт до первой встречи

Встройте интерактивное демо на сайт. Посетители смогут пройти ключевой сценарий самостоятельно и прийти на встречу с конкретными вопросами.

Начните с Free · банковская карта не нужна

Mediaquad · управление файлом Попробуйте сами

Пример сценария · Mediaquad

Один файл. Все нужные действия.

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

Демо не загружается? Откройте его в отдельной вкладке

Формат под задачу

Когда лучше показать в действии

Дайте человеку пройти сценарий в своём темпе и увидеть, как продукт решает его задачу.

Видео, статья и интерактивное демо: когда подходит каждый формат
ФорматЗадача
ВидеоРассказать историю с голосом и непрерывным показом.
СтатьяДать подробную справку, к которой удобно возвращаться.
Интерактивное демоПровести по действиям в интерфейсе — шаг за шагом.

От записи к понятному сценарию

Оставьте только то, что помогает понять продукт

Сократите маршрут, уточните подсказки и выделите нужные детали. Всё — в одном редакторе.

Редактор Smotree: шаги слева, подсказка на экране и настройки оформления справа
Редактор Smotree · сценарий Mediaquad
01 Объясните действие
Отредактируйте текст подсказки прямо на нужном шаге.
02 Направьте внимание
Приблизьте важный элемент и размойте лишние детали.
03 Соберите маршрут
Уберите лишние шаги, добавьте главы и кнопки действия.

Публикация

Демо меняется. Ссылка остаётся.

Сохраните правки и опубликуйте обновление. На сайте и в отправленных ссылках откроется новая версия.

  1. ПравкиВ черновике
  2. ПубликацияНовая версия
  3. Та же ссылкаНа сайте и в письмах
Схема обновления опубликованного демо

Для ограниченного показа — приватная ссылка с паролем и сроком действия.

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

Узнайте, где теряется интерес

Смотрите, какие шаги проходят зрители, где останавливаются и нажимают ли на кнопку в конце.

  1. 01Открыли демоПросмотры
  2. 02Начали сценарийЗапуски
  3. 03Дошли до концаЗавершения
Схема воронки · реальные данные появятся после просмотров

Используйте воронку по шагам, чтобы найти место, которое стоит объяснить яснее.

Как это работает

От записи до демо — четыре шага

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

Иллюстрация записи браузерного сценария и маршрута кликов
01Исходный продукт
Запись

Запишите действия в браузере

Установите расширение Smotree Capture и покажите нужную функцию. Оно сохранит экран, клики и порядок действий.

Установить расширение
  • Экран и клики
  • Порядок действий
  • Готово для обработки

Где использовать

От первого знакомства до первой задачи

Маркетинг

На странице продукта

Дайте посетителю попробовать ключевой сценарий ещё до заявки.

Продажи

В переписке с клиентом

Отправьте демо до встречи или оставьте его для обсуждения с коллегами.

Онбординг

При первом знакомстве

Покажите новому пользователю, как выполнить первую задачу.

Поддержка

В ответе на вопрос

Объясните конкретное действие и добавьте показ в базу знаний.

Частые вопросы

Перед первым демо

Ответы на вопросы о записи, редактировании и публикации.

01Чем запись браузера отличается от загрузки видео?

Запись через Smotree Capture становится пошаговым интерактивным демо: с экранами, подсказками и переходами. Готовый видеофайл открывается в редакторе как видео-шаг — его можно обрезать, разделить, оформить и опубликовать, но автоматического кликабельного маршрута этот способ не создаёт.

02Можно ли начать без записи?

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

03Нужно ли менять ссылку после правок?

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

04Можно ли ограничить доступ к демо?

Да. Помимо обычной публичной ссылки можно создать приватную ссылку с паролем и сроком действия. Для сайта используется отдельный код вставки; приватная ссылка в iframe не встраивается.

05Можно ли смотреть демо на телефоне?

Smotree автоматически включает мобильный вид: записанный экран остаётся сверху, а текст активной подсказки и действия переходят ниже, чтобы не закрывать интерфейс. Отдельно настраивать мобильную версию не нужно.

06Что показывает аналитика?

Просмотры показывают открытия, а запуски — сколько людей действительно начали демо. Также доступны завершения, клики по кнопкам действия, среднее вовлечённое время, источники, кампании и воронка по шагам. Это поведенческая аналитика демо, а не замена CRM.

Бесплатный старт

Начните с одного полезного сценария

Запишите ключевую функцию, проверьте подсказки и отправьте первое демо. На Free можно пройти весь этот путь.

Без банковской карты
Для старта не нужно подключать оплату. Платный тариф можно выбрать позже.
Доступ после подтверждения почты
Введите код из письма и переходите к созданию демо.
Расширение — только для записи
Установите Smotree Capture для Chrome. Зрителю достаточно открыть ссылку.

Free включает базовый редактор. Расширенные функции зависят от тарифа; состав и лимиты плана доступны в разделе «Настройки → План».