Как подключить форму amoCRM к сайту на Turbosite
amoCRM — российская CRM-система, популярная для услуг и B2C. Можно встроить на сайт форму обратной связи: посетитель оставляет заявку, она автоматически попадает в CRM как сделка. Никакой почты-посредника, минимум потерянных лидов. Установка занимает 10–15 минут.
Что понадобится
- Аккаунт в amoCRM — регистрация на amocrm.ru (есть пробный период)
- Опубликованный сайт на Turbosite
- 10–15 минут
Шаг 1. Создать форму в amoCRM
- Войдите в amoCRM.
- Перейдите в «Сделки» → значок настроек (шестерёнка) → «Настроить воронку».
- В левой панели найдите блок «Источники» → нажмите «+ Добавить источник» → «Форма обратной связи».
- В конструкторе формы:
- Добавьте нужные поля (Имя, Телефон, Email — обычно достаточно).
- Настройте дизайн: цвет, шрифт, фон.
- Задайте тему и текст кнопки.
- На вкладке «Настройка формы» укажите:
- Название формы (видно только в CRM).
- В какой статус воронки попадёт сделка.
- Теги для удобной фильтрации.
- Нажмите «Сохранить».
📷 Скриншот: конструктор формы amoCRM с настройками полей и стилей.
Шаг 2. Получить код формы
- После сохранения формы нажмите «Разместить на сайте» (или «Получить код»).
- Выберите стандартный HTML-код для вставки на любой сайт (не WordPress-специфичный).
- Скопируйте сгенерированный код целиком.
📷 Скриншот: окно «Разместить на сайте» с двумя версиями кода и кнопкой копирования.
⚠️ Проверить актуальность: интерфейс amoCRM регулярно обновляется. Если разделы называются иначе, ищите «Сделки → Настройка воронки → Источники → Форма».
Шаг 3. Вставить код в Turbosite
Форма amoCRM состоит из двух частей: скрипт, который должен подгружаться, и контейнер, где форма отрисуется.
Если вы хотите, чтобы форма появилась в определённом месте страницы:
- Откройте ваш сайт в Turbosite.
- Добавьте блок «HTML-код» в нужное место страницы.
- Вставьте код формы amoCRM.
- Сохраните изменения.
- Опубликуйте сайт.
📷 [скриншот Turbosite — будет добавлен: блок HTML-код в теле страницы с формой amoCRM].
Если хотите, чтобы форма появлялась глобально (поп-ап) — вставьте код в Настройки сайта → Интеграции → HTML-код в <head>:
Шаг 4. Проверить, что заявки доходят
- Откройте опубликованный сайт.
- Заполните форму тестовыми данными и отправьте.
- Откройте amoCRM → «Сделки» — должна появиться новая сделка с вашими данными.
Если сделка не появилась — проверьте, что код вставлен полностью, форма активна в настройках amoCRM, сайт опубликован.
Частые вопросы
Форма не отображается на сайте.
Чаще всего — код вставлен не полностью. Скопируйте код заново и проверьте, что все теги <script> и <div> на месте. Также проверьте, что не используется блокировщик скриптов.
Можно ли стилизовать форму под мой сайт? Базовая стилизация (цвета, шрифт) — в конструкторе формы. Глубокая кастомизация (произвольный CSS) — на платных тарифах amoCRM в разделе настроек формы.
Можно ли использовать несколько форм на одном сайте? Да. Создайте несколько форм в amoCRM (например, «Заявка с лендинга» и «Подписка на рассылку»), для каждой получите свой код и вставьте в разные места страницы. У каждой будет свой источник в CRM.
Как настроить уведомления о новых заявках? В amoCRM можно подключить уведомления в Telegram, на почту, в SMS. Настраивается в разделе «Настройки» → «Уведомления».
Куда смотреть дальше
- Справка amoCRM — официальная документация
- Раздел про формы — подробно про конструктор
- API amoCRM — для тонкой интеграции с разработкой
