Формы и лиды

Формы собирают контактные данные и ответы прямо внутри интерактивного демо. Одна workspace-форма может использоваться в нескольких проектах.

Создать форму

Откройте Формы в боковой панели.
Нажмите Создать форму и задайте её название в верхней панели конструктора.
Добавляйте поля из библиотеки слева и выбирайте их в центральном предпросмотре.
Чтобы изменить порядок, перетащите поле за компактный маркер внутри строки. С клавиатуры сфокусируйте маркер и используйте стрелки вверх или вниз.
Настройте подпись, подсказку, ограничения и обязательность выбранного поля в панели справа.
Измените текст кнопки и нажмите Сохранить. Кнопка активна только при несохранённых изменениях.

Доступны короткий и длинный текст, email, телефон, URL, один вариант, несколько вариантов, согласие-флажок и скрытое поле. Для вариантов можно задать собственный список значений. Скрытое поле передаёт фиксированное значение или значение из query-параметра ссылки и не показывается зрителю.

Добавить форму в демо

В редакторе выберите Добавить → Форма. Smotree создаст обычную заставку и сразу включит для неё режим Форма. Также можно выбрать существующую заставку и переключить Кнопки на Форма в правой панели.

Выберите workspace-форму, задайте текст кнопки, цвет её фона и текста, а также направление после отправки: следующий шаг, конкретный шаг или внешний URL. Переход выполняется только после того, как сервер успешно сохранит ответ.

Если обязательное поле не заполнено, email или ссылка имеют неверный формат либо нарушены ограничения длины/количества вариантов, форма показывает короткую ошибку прямо под нужным полем и переводит фокус к первой проблеме. Системные всплывающие подсказки браузера не используются. В текстовом поле можно нормально выделить всё сочетанием Ctrl+A или Cmd+A.

В настройках заставки задайте Выравнивание формы: слева, по центру или справа. Форма отображается отдельным ограниченным стеком, как изображение в режиме кнопок; у стека нет собственной фоновой карточки — на фоне заставки видны только аккуратные поля и полноширинная кнопка в том же стиле, что и обычная кнопка заставки. Заголовок и пояснение заставки остаются отдельным контентом и расширяются по высоте под введённый текст. На узких экранах форма автоматически занимает доступную ширину и не выходит за сцену.

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

Посмотреть, где используется форма

В списке Формы колонка Используется в показывает количество проектов. Нажмите на количество, чтобы увидеть названия проектов, шаги с формой, просмотры и отправки, а затем перейти прямо в редактор нужного проекта.

Во вкладке Ответы блок Использование формы показывает тот же список подробнее: шаги, просмотры формы, отправки и конверсию по каждому проекту. Просмотр считается один раз для сессии посетителя, даже если в одном проекте он открыл несколько заставок с этой формой. Если форму убрать из всех заставок проекта, проект исчезнет из текущего списка использования, но уже собранные ответы сохранятся.

Посмотреть ответы

Откройте форму и переключитесь на Ответы. Здесь можно посмотреть отправки, увидеть проект-источник, скачать CSV, удалить отдельный ответ или очистить все ответы формы. CSV содержит и ID, и читаемое название проекта. Ответы хранятся, пока пользователь с доступом не удалит их вручную. Если после отправки поле изменили или убрали из формы, старый ответ остаётся доступен по той версии полей, которую видел посетитель. Удаление самого проекта также не удаляет лид; вместо сломанной ссылки интерфейс показывает Удалённый проект.

Архивация убирает форму из списка активных и перестаёт показывать её в runtime, но не удаляет уже собранные ответы. Дублирование создаёт независимую копию без ответов исходной формы.

Права доступа

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

Защита от спама

Smotree проверяет данные на сервере, использует скрытое honeypot-поле, минимальное время заполнения, ограничение частоты отправок и ключи идемпотентности. Повтор одного запроса не создаёт второй лид. Если отправка не прошла, форма показывает ошибку и позволяет зрителю повторить попытку.

Экспорт

Шаги с формой не включаются в Video/GIF. Если в демо есть другие шаги, они экспортируются без формы. Если демо состоит только из форм, Smotree сообщит, что в нём нет доступных для экспорта шагов.