Интеграция amoCRM с сайтом: как настроить передачу лидов

Хороший отдел продаж начинается не с найма менеджеров или написания скриптов. Первая цель — исключить потерю заявок. Заявки из любого источника должны оперативно попадать в руки менеджера. Пока это не обеспечено — всё остальные нововведения строятся на песке.

Интеграция amoCRM с сайтом — мощный фундамент регулярных продаж. Именно она гарантирует, что каждое обращение с сайта фиксируется, попадает в работу и не зависит от того, проверил ли менеджер почту, не забыл ли перенести заявку в таблицу, не ушёл ли в отпуск.

Без интеграции заявка теряется удивительно легко. Клиент заполнил форму, а письмо пришло в общий ящик, который никто не смотрит по выходным. Или попало в спам. Или менеджер увидел, но отвлёкся и забыл перенести в CRM. Итог один: деньги на рекламу потрачены, лид потерян.

В этой статье разберём четыре рабочих способа наладить передачу лидов с сайта в amoCRM: встроенная форма, API, готовые виджеты и сервис автоматизации MoreKit. Отдельно рассмотрим подключение для WordPress и Contact Form 7, передачу UTM-меток и типичные ошибки при настройке.

Для чего интегрировать amoCRM с сайтом

Что происходит без интеграции

Без автоматической связки сайта и CRM в компании, как правило, происходит одно из трёх:

Ручной перенос. Кто-то периодически смотрит входящие письма и вручную переносит заявки в CRM. Данные теряются, задержки составляют от нескольких часов до суток.

Параллельные системы. Заявки хранятся в почте, в CRM — что-то своё. Картина по лидам разрозненная, аналитика невозможна.

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

Во всех трёх случаях компания несёт прямые финансовые потери: деньги на рекламу потрачены, лид привлечён, но в работу не взят вовремя.

Что даёт правильная интеграция

Грамотно выстроенная передача лидов с сайта в amoCRM даёт следующее:

• Новая заявка мгновенно и автоматически создаётся в CRM  без человеческого фактора.
• Ответственному менеджеру сразу ставится задача с дедлайном.
• Клиент получает автоматическое приветственное письмо или SMS  пока он ещё тёплый.
• В сделку передаются UTM-метки, источник трафика, ключевое слово — видно, какой канал приносит деньги.
• Система проверяет дубли: если контакт с таким телефоном уже есть, новая сделка привязывается к нему.
• Заявки автоматически распределяются между менеджерами по загруженности, расписанию или любой другой логике.

Четыре способа интеграции amoCRM с сайтом

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

Встроенная форма amoCRM

Пошаговая инструкция:

1. Перейдите в раздел «Сделки» → «Настроить воронку» → «Добавить источник» → «Конструктор форм».
2. В конструкторе перетащите нужные поля: имя, телефон, email, сообщение. Кастомные поля (Бюджет, Тип заявки) заполнятся в соответствующих полях CRM автоматически.
3. Настройте внешний вид: шрифт, цвета, форма полей. При необходимости добавьте собственный CSS.
4. Вкладка «Настройка формы»: задайте название, теги, статус воронки, текст благодарности, включите popup-режим при необходимости.
5. Вкладка «Размещение формы»: скопируйте JS-код и вставьте его в HTML сайта. Доступна также прямая ссылка на страницу с формой.
6. Проверка: заполните форму тестово. В amoCRM в разделе «Неразобранное» должна появиться новая сделка.

Плюсы и минусы встроенной формы:

✓ Плюсы	✗ Минусы
Бесплатно, входит в любой тариф amoCRM	Нельзя подключить уже существующие формы сайта
Не нужен программист	Нет передачи UTM-меток и данных о трафике
Быстрый старт — 15–20 минут	Ограниченная кастомизация логики обработки
Данные сразу попадают в нужную воронку	Не работает с WordPress-плагинами форм

Интеграция через API amoCRM

API-интеграция — это когда при отправке любой формы на сайте выполняется POST-запрос к серверу amoCRM, который создаёт сделку, контакт, задачу и передаёт все нужные данные. Требует разработчика, но даёт абсолютную гибкость.

Что можно сделать через API дополнительно:

• Подключить все существующие формы без их замены.
• Передавать UTM-метки, геолокацию, страницу заявки, Yandex ClientID, Google Client ID.
• Проверять дубли перед созданием контакта.
• Настроить автораспределение заявок по менеджерам.
• Отправлять клиенту уведомление через почту или SMS сразу после заявки.
• Реализовать любую нестандартную бизнес-логику.

Плюсы и минусы API-интеграции:

✓ Плюсы	✗ Минусы
Полная гибкость и кастомизация	Требует разработчика
Передача UTM-меток и любых данных	Нужна поддержка при изменении API
Подключение существующих форм без замены	Время разработки — от нескольких часов
Проверка дублей, любая бизнес-логика	Нужно следить за обновлением OAuth-токенов

Виджеты из маркетплейса amoCRM

Промежуточный вариант между встроенной формой и разработкой. На сайте amocrm.ru/extensions или в разделе amoМаркет собраны готовые виджеты для подключения сайта — их разрабатывают партнёры amoCRM.

Как это работает: выбираете виджет в маркетплейсе, устанавливаете в аккаунт amoCRM, вставляете JS-код на сайт и настраиваете маппинг полей через интерфейс виджета.

Что умеют виджеты дополнительно:

• Подключать существующие формы без их переделки — виджет «перехватывает» отправку.
• Передавать UTM-метки (в большинстве виджетов настраивается).
• Встраивать онлайн-чат, кнопку обратного звонка, всплывающую форму.
• Работать с несколькими формами или несколькими сайтами.

Плюсы и минусы виджетов:

✓ Плюсы	✗ Минусы
Не нужен программист	Стоимость от 500–3000 ₽/мес
Подключает существующие формы	Зависимость от стороннего разработчика
Быстрая настройка — 1–2 часа	Ограниченная кастомизация логики
Частичная передача UTM	Не все виджеты работают с WordPress

MoreKit: интеграция без кода с гибкой логикой

MoreKit — это сервис автоматизации бизнес-процессов, который мы используем в работе при внедрении amoCRM. Это не просто «передай данные из формы в CRM» — это полноценный конструктор логики интеграции с визуальным редактором процессов.

Чем MoreKit отличается от виджетов и API:

Обычный виджет работает по принципу «если пришла заявка — создай сделку». MoreKit позволяет выстроить цепочку: пришла заявка → очисти телефон → проверь наличие контакта → если есть, найди активную сделку → если нет — создай новую и прикрепи примечание → поставь задачу менеджеру → отправь клиенту уведомление. Вся эта логика строится визуально, без единой строчки кода.

Ключевые понятия MoreKit:

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

Сервис — подключённая внешняя система (аккаунт amoCRM). При подключении MoreKit автоматически подгружает: пользователей, воронки и статусы, дополнительные поля, типы задач.

Функции — блоки действий в процессе. Для amoCRM доступны функции по всем сущностям: контакты, сделки, компании, задачи, примечания, связи между ними.

Пошаговая инструкция: настройка передачи лидов с сайта через MoreKit

1. Подключите amoCRM. В MoreKit: Сервисы → Добавить → amoCRM. Произойдёт перенаправление на авторизацию amoCRM. MoreKit подгрузит все данные аккаунта.
2. Создайте процесс. Процессы → Создать. Выберите источник «Вебхук с сайта». Система выдаст уникальный URL вебхука — укажите его в настройках формы на сайте.
3. Постройте логическую схему. На рабочем пространстве перетащите функции и соедините стрелками. Стандартная схема показана ниже.
4. Настройте блоки. Укажите маски входящих данных: {{input.phone}} — телефон, {{input.utm_source}} — UTM-метка и так далее.
5. Настройте источники. MoreKit поддерживает amoCRM DP (хук из Digital Pipeline) и amoCRM вебхук (стандартные хуки по любой сущности с фильтрацией по полям).
6. Тест и запуск. Отправьте тестовую заявку. В журнале процесса MoreKit видно каждый шаг: что пришло, что вернул блок, где ошибка (если есть).

Схема логики процесса в MoreKit:

Интеграция amoCRM с WordPress: пошаговая инструкция

Почему WordPress требует отдельного подхода

На сайтах WordPress формы создаются через плагины: Contact Form 7, WPForms, Gravity Forms, Elementor Forms и другие. Встроенную форму amoCRM туда не вставить органично. Кроме того, на WordPress часто настроены кеширование и особые заголовки безопасности, мешающие простым JS-интеграциям.

Способы интеграции amoCRM с WordPress

Вариант 1: Готовый плагин-коннектор. В маркетплейсе amocrm.ru есть плагины специально для WordPress. После установки вводятся данные аккаунта amoCRM, и в настройках каждой формы появляется маппинг полей.

Вариант 2: Contact Form 7 + коннектор. 

Вариант 3: Вебхук через MoreKit. Большинство плагинов форм для WordPress поддерживают отправку вебхука. Указываете URL вебхука из MoreKit — логика настраивается без правки кода сайта.

Вариант 4: API для разработчиков. PHP-скрипт получает данные из формы и делает POST-запрос к API amoCRM. Максимальная кастомизация.

 

Передача UTM-меток и аналитика лидов

Большинство компаний настраивают передачу имени и телефона — и останавливаются. Без UTM-меток в CRM невозможно понять, какая рекламная кампания приносит сделки, а не просто трафик.

Что нужно передавать

• utm_source — источник трафика (google, yandex, vk).
• utm_medium — тип канала (cpc, email, organic).
• utm_campaign — название рекламной кампании.
• utm_term — ключевое слово из рекламы.
• utm_content — вариант объявления (для A/B-тестов).
• Yandex ClientID / Google Client ID — для сквозной аналитики.
• Страница заявки — URL страницы, с которой заполнена форма.
• Реферер — откуда пользователь пришёл на сайт.

JS-скрипт для передачи UTM в скрытые поля формы

(function() {
  const urlParams = new URLSearchParams(window.location.search);
  const utmParams =
['utm_source','utm_medium','utm_campaign','utm_term','utm_content'];

  utmParams.forEach(function(param) {
    const value = urlParams.get(param);
    if (value) {
      // Сохраняем в localStorage при переходах между страницами
      localStorage.setItem(param, value);
    }
    // Заполняем скрытое поле формы
    const field = document.querySelector('input[name="' + param + '"]');
    if (field) field.value = localStorage.getItem(param) || '';
  });
})();

Что делать с UTM в amoCRM

Создайте дополнительные поля в сделке для каждой UTM-метки: Настройки → Поля → Сделки → Добавить поле (тип «Текст»). После поступления данных можно фильтровать сделки по источнику, строить отчёты по реально закрытым сделкам и настраивать разные воронки для разных каналов.

Интеграция amoCRM с лендингом

Лендинги чаще всего создаются на конструкторах: Tilda, Webflow, Readymag. Рассмотрим подключение на примере Tilda — самого популярного варианта в России

Tilda → amoCRM: пошаговая инструкция

• Перейдите в «Настройки сайта» → «Формы» → выберите amoCRM из списка.
• Введите логин amoCRM, субдомен (например, company для company.amocrm.ru) и API-ключ. Нажмите «Подключить» и авторизуйтесь через amoCRM.
• Настройте соответствие полей формы на лендинге → полям amoCRM.
• Укажите воронку и этап для новых лидов.
• Для кастомных полей: предварительно создайте их в amoCRM (Настройки → Поля) — затем они появятся в настройках Tilda.
• Повторите для каждой формы захвата на сайте отдельн

Типичные ошибки при интеграции и как их избежать

1. Лиды не создаются после настройки. Проверьте: актуальность OAuth-токена или API-ключа; загрузку скрипта в консоли браузера (F12); URL вебхука; журнал процесса в MoreKit.

2. Создаются дубли контактов. При создании лида не проверяется существующий контакт. Решается через блок поиска в MoreKit или аналогичную настройку плагина.

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

4. Форма сломалась после обновления CMS/плагина. Обновления WordPress могут ломать интеграции. Заведите тестовую форму и проверяйте её после каждого крупного обновления.

5. Лиды в «Неразобранном» вместо нужной воронки. При API-интеграции явно указывайте pipeline_id и status_id. В MoreKit — выбирайте воронку в настройках блока создания сделки.

6. Менеджер не получает задачу. Создание задачи — отдельный шаг. В MoreKit — блок «Создать задачу» с привязкой к сделке и дедлайном.

7. Интеграция внезапно перестала работать. Наиболее частая причина — истёк OAuth access_token (живёт около 2,5 недель) или refresh_token не обновлялся более 3 месяцев. В MoreKit токены обновляются автоматически.

Сравнение способов интеграции: что выбрать

Критерий	Встроенная форма	Виджет	API	MoreKit
Стоимость	Бесплатно + настройка	500–3000 ₽/мес + настройка	Разработка + настройка	Платный сервис + настройка
Нужен программист	Нет	Нет	Да	Нет
Подключение своих форм	Нет	Да	Да	Да
Передача UTM-меток	Нет	Частично	Полная	Полная
Проверка дублей	Нет	В некоторых	Если реализовано	Да (блок поиска)
Гибкость логики	Низкая	Средняя	Высокая	Высокая
WordPress / CF7	Нет	Да	Да	Да
Распределение лидов	Нет	В некоторых	Если реализовано	Да (встроено)
Журнал отладки	Нет	Нет	Свой лог	Да, детальный
Скорость запуска	до 60 мин	1–2 часа	От нескольких часов	2–3 часа

Часто задаваемые вопросы (FAQ)

Как подключить сайт к amoCRM?

Самый простой способ — встроенный конструктор форм: Сделки → Настроить воронку → Добавить источник → Форма обратной связи. Для подключения существующих форм используйте API, виджет или сервис MoreKit.троенную форму amoCRM можно разместить на WordPress бесплатно, вставив JS-код на страницу. Для Contact Form 7 нужен платный плагин-коннектор, разработка, или вебхук через MoreKit.

Можно ли интегрировать amoCRM с WordPress бесплатно?

Встроенную форму amoCRM можно разместить на WordPress бесплатно, вставив JS-код на страницу. Для Contact Form 7 нужен платный плагин-коннектор, разработка, или вебхук через MoreKit.

Как передавать UTM-метки в amoCRM?

UTM-метки читаются из URL через JavaScript, сохраняются в localStorage и записываются в скрытые поля формы. При отправке передаются через API или MoreKit в дополнительные поля сделки.

Что делать, если заявки не попадают в CRM?

Проверьте: актуальность OAuth-токена или API-ключа; загрузку скрипта в консоли браузера; правильность URL вебхука; журнал процесса в MoreKit. В 80% случаев причина — устаревший токен или ошибка в имени поля.

Нужно ли для интеграции amoCRM с сайтом знать программирование?

Нет, если используете встроенную форму amoCRM, виджет из маркетплейса или MoreKit. Для API потребуется разработчик. MoreKit — оптимальный выбор для нетехнических специалистов, которым нужна гибкая логика обработки лидов.

---

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

Встроенная форма amoCRM — для быстрого старта без программиста. API — для максимальной гибкости. Виджеты — для баланса скорости и возможностей. MoreKit — когда нужна сложная логика без кода, с проверкой дублей, распределением лидов и детальным журналом.