Конструктор форм — это инструмент, в котором вы собираете страницу заявки: какие поля заполняет клиент, как она выглядит, в какую воронку и на какой этап amoCRM попадают заявки. Каждая заявка автоматически уходит в CRM, а бот может сразу начать диалог с клиентом.
Открыть конструктор можно из раздела Формы и лиды дашборда. На странице две части: слева — настройки (вкладки), справа — живой предпросмотр, который обновляется по мере того, как вы меняете настройки.
[скриншот: общий вид конструктора — слева вкладки настроек, справа предпросмотр формы]
Несколько форм в одном аккаунте
У вас может быть сразу несколько форм — например, отдельная форма на пробный урок, отдельная на курс по робототехнике и отдельная на вебинар. Это удобно: каждая форма ведёт заявки в свою воронку и со своими тегами.
Управление формами — в правом верхнем углу, через выпадающий список с названием текущей формы (кнопка с галочкой «▾»):
- Создать — добавить новую форму с нуля (в ней сразу есть два поля: ФИО родителя и Телефон).
- Клон — скопировать текущую форму со всеми настройками (удобно, когда новая форма похожа на существующую).
- Удалить — убрать форму. Единственную форму удалить нельзя.
[скриншот: выпадающий список форм с кнопками Создать / Клон / Удалить]
Чтобы переименовать форму, нажмите на её название (заголовок страницы) — оно станет редактируемым. У первой формы есть метка main — это форма «по умолчанию», она открывается, если в ссылке не указано конкретное мероприятие.
Важно про сохранение. Все изменения, которые вы вносите, держатся «вчерне», пока вы не нажмёте кнопку Сохранить в правом верхнем углу. Пока есть несохранённые правки, рядом горит оранжевая метка «Изменения», а при попытке закрыть вкладку браузер предупредит, что данные не сохранены.
Шаблоны: быстрый старт
Если не хотите собирать форму с нуля, нажмите Шаблоны вверху. Откроется набор готовых заготовок:
| Шаблон | Для чего |
|---|---|
| Школа | Запись ребёнка в школу или на кружок |
| Курс | Запись на образовательный курс (с выбором направления) |
| Вебинар | Регистрация на онлайн-мероприятие |
| Пустая форма | Чистый лист — собрать всё самостоятельно |
| Алгоритмика #1 / #2, Яркий детский, Минимал Про | Готовые оформленные темы с блоком преимуществ |
Шаблон заменяет поля, тексты и оформление текущей формы. Если у вас есть несохранённые правки, система переспросит, прежде чем применить шаблон, и предложит «Применить» или «Применить и сохранить».
[скриншот: панель выбора шаблонов с цветными превью]
Вкладка «Поля»: что будет заполнять клиент
Это главная вкладка — здесь вы задаёте тексты формы и список полей.
Тексты формы
- Заголовок — крупная надпись над формой (например, «Запись на пробный урок»).
- Подзаголовок — пояснение под заголовком (необязательно).
- Текст кнопки — что написано на кнопке отправки («Записаться», «Отправить»).
- Согласие на обработку данных — текст галочки согласия. Если оставить пустым, галочки не будет.
- Ссылка на политику конфиденциальности — если указать URL, текст согласия станет кликабельной ссылкой на него.
Поля формы
Под текстами — список полей. Кнопка Добавить создаёт новое поле. Для каждого поля доступно:
- Название поля — что видит клиент (например, «Имя ребёнка»).
- Тип — один из четырёх:
- Текст — обычная строка;
- Телефон — поле для номера (телефон всегда уходит в контакт CRM);
- Число — например, возраст;
- Список — выпадающий выбор. При этом типе появляется поле Варианты (через запятую) — впишите варианты через запятую.
- Placeholder — серая подсказка внутри поля («+7 912 345-67-89»).
- Обязательное поле — галочка. Если включена, клиент не сможет отправить форму без этого поля.
Порядок полей меняется стрелками ↑ / ↓, удаление — иконкой корзины.
[скриншот: вкладка «Поля» — тексты формы сверху, список полей снизу]
Вкладка «Дизайн»: внешний вид
Здесь настраивается всё оформление. Все изменения сразу видны в предпросмотре справа (можно переключать вид мобильный / десктоп над предпросмотром).
- Макет формы — три варианта: Простой (карточка по центру), С блоком (форма + блок преимуществ сбоку), Hero (фон на всю ширину). Блоки «Преимущества», фоновое изображение и hero-картинка доступны только для макетов «С блоком» и «Hero».
- Готовые темы — быстрые цветовые пресеты (Индиго, Синий, Зелёный, Светлая и т.д.).
- Цвета — точная настройка: цвет кнопки, фон страницы, фон карточки, цвет текста, цвет границ и акцентный цвет.
- Шрифты — отдельно для заголовков и для текста (набор Google-шрифтов).
- Форма — скругление углов, стиль кнопки (Скруглённая / Капсула / Прямая), стиль полей (Стандарт / Линия / Рамка).
- Изображения — логотип, а для макетов «С блоком»/«Hero» ещё фон и hero-картинка (маскот/GIF). Картинки можно загрузить прямо здесь (форматы JPG, PNG, WebP, GIF) — они попадут в вашу медиатеку и доступны для повторного использования.
- Преимущества — до 4 блоков (иконка + заголовок + описание) рядом с формой.
- Декор / Стикеры, Футер, Кастомный CSS — для тонкой настройки внешнего вида.
[скриншот: вкладка «Дизайн» с выбором макета и цветовых тем]
Вкладка «Воронка»: мероприятие, приветствие и куда попадут заявки
Это самая важная вкладка для связки с CRM и ботом.
Мероприятие
- Привязка к мероприятию — выпадающий список ваших мастер-классов/мероприятий. Если выбрать мероприятие, бот будет знать о нём всё (описание, расписание) и сможет отвечать на вопросы о нём. Можно оставить «Без мероприятия (общая форма)».
- Название мероприятия — обязательное поле (помечено красной звёздочкой). Оно подставляется в приветствие клиенту вместо служебного тега. Пока название не заполнено хотя бы у одной формы, кнопка «Сохранить» будет недоступна, а система покажет подсказку, в какой форме его не хватает.
Приветственное сообщение
Текст, который бот напишет клиенту сразу после отправки формы. Поддерживаются переменные, которые автоматически подставляются:
| Переменная | Что подставится |
|---|---|
{child_name} | Имя ребёнка из заявки |
{parent_name} | Имя родителя из заявки |
{event_name} | Название мероприятия |
{school_name} | Название вашей школы/бизнеса |
{user_name} | Имя клиента |
Под полем есть предпросмотр с подставленными примерными значениями. Если оставить поле пустым — бот отправит стандартное приветствие.
Куда попадут заявки
Здесь форма привязывается к воронке и этапу amoCRM:
- Воронка — выпадающий список воронок из вашей amoCRM. Кнопка ↻ Обновить из CRM подтянет свежий список, если вы недавно меняли воронки в amoCRM.
- Этап (статус) — появляется после выбора воронки. Если этап не выбрать, заявки попадут в «Неразобранное».
- Теги — метки, которые проставятся сделке в amoCRM. Тег
algoagent_formдобавляется всегда автоматически.
Внизу зелёным блоком «Заявки попадут в:» наглядно показано итоговое назначение — воронка, этап и теги. Сверьтесь с ним перед сохранением.
Если amoCRM ещё не подключён, списки воронок будут пустыми и появится подсказка «Подключите AmoCRM в настройках». Сначала подключите интеграцию, затем возвращайтесь к привязке.
[скриншот: вкладка «Воронка» — выбор воронки, этапа и тегов, зелёный блок «Заявки попадут в»]
Автоматизация воронки и защита воронок
- Автоматизация воронки — переключатель. Если включить, лид автоматически переместится на выбранную стадию и получит указанные теги, когда бот впервые ответит клиенту.
- Защита воронок · весь аккаунт — белый список воронок, которые автоматике разрешено двигать. Воронки вне списка (например «Контроль оплат») автоматика не тронет. Эта настройка действует на все формы аккаунта и сохраняется отдельной кнопкой «Сохранить защиту».
Вкладка «CRM»: сопоставление полей
По умолчанию все данные из формы сохраняются в заметке к сделке. Если хотите, чтобы данные раскладывались по конкретным полям amoCRM (например, «Возраст» → в кастомное поле сделки), настройте сопоставление здесь.
- Для каждого поля формы выберите соответствующее поле amoCRM (поля сделки и поля контакта показаны отдельными группами).
- Поле Телефон сопоставляется автоматически с телефоном контакта — настраивать его не нужно.
- Сверху можно выбрать, какое поле станет именем контакта и именем сделки в amoCRM.
- Кнопка Авто попытается сама подобрать подходящие поля по названиям, Сбросить — очистить сопоставление.
Если поле amoCRM, на которое было настроено сопоставление, удалили в CRM, оно подсветится красным с пометкой «Удалено» — выберите другое.
[скриншот: вкладка «CRM» — слева поля формы, справа выбор полей amoCRM, кнопка «Авто»]
Вкладка «Ссылки»: публикация формы
Когда форма готова и сохранена, её нужно опубликовать. На вкладке Ссылки:
- Короткая ссылка — удобная ссылка для отправки клиентам и в соцсети. Кнопка копирования — справа от ссылки.
- Полная ссылка — показана под короткой.
- Код для вставки на сайт — готовый HTML-код (
<iframe>). Скопируйте его и вставьте на любую страницу вашего сайта — форма встроится прямо в страницу. - Страница «Спасибо» — переключатель: показывать ли клиенту экран благодарности после отправки.
Проверить, как форма выглядит вживую, можно кнопкой Открыть форму вверху страницы — она откроет публичную форму в новой вкладке.
[скриншот: вкладка «Ссылки» — короткая ссылка, полная ссылка и код для вставки]
Короткий чек-лист публикации
- Создайте форму (или примените шаблон).
- На вкладке Поля задайте заголовок, кнопку и нужные поля.
- На вкладке Дизайн настройте оформление (по желанию).
- На вкладке Воронка обязательно заполните Название мероприятия, выберите воронку и этап amoCRM, при необходимости — теги и приветствие.
- На вкладке CRM при желании сопоставьте поля (иначе данные уйдут в заметку).
- Нажмите Сохранить (кнопка станет активной только когда у всех форм заполнено название мероприятия).
- На вкладке Ссылки скопируйте ссылку или код для вставки и опубликуйте форму.
Если кнопка Сохранить неактивна — проверьте, что у каждой формы на вкладке «Воронка» заполнено Название мероприятия. Это самая частая причина.