Интеграция amoCRM

Быстрый старт

Нет времени, понимания и желания вникать? Выбирай подходящую схему работ! Оставь заботы профессионалам

Задать вопрос QR code
Схема работ

Аудит структуры воронок и полей в amoCRM. Определение точек захвата лидов на сайте: формы, чаты, корзина, обратный звонок.

Подключение

Установка виджетов, плагинов и скриптов для WordPress, Joomla, OpenCart, Tilda, Wix. Интеграция через Webhooks и REST API.

Настройка

Сопоставление полей форм с полями сделок и контактов, настройка UTM-меток, распределение ответственных менеджеров.

Поддержка

Аудит воронок, доработка интеграций при обновлении API amoCRM, обучение менеджеров работе со сделками из сайта.

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

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

В этом руководстве мы детально разберем все способы интеграции: от готовых виджетов и плагинов до кастомной настройки через Webhooks и REST API. Вы узнаете, как подключить amoCRM к WordPress, Joomla, OpenCart, Tilda, Wix и самописным решениям, а также как избежать типовых ошибок при настройке.

Выберите вашу CMS или платформу сайта:

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

Интеграция amoCRM с сайтом на WordPress

Популярный кейс: WordPress + Contact Form 7 или WPForms — самая распространенная связка для передачи лидов в amoCRM.

Особенности интеграции WordPress и amoCRM

WordPress не имеет встроенного модуля для amoCRM, но интеграция легко реализуется тремя способами: через готовый плагин, через сервисы-коннекторы или через Webhooks в платных версиях плагинов форм.

  • Готовый плагин «amoCRM Integration for WP» добавляет в админку прямую настройку подключения.
  • Популярные формы (Contact Form 7, WPForms, Elementor Forms) поддерживают Webhook — это бесплатный способ отправки заявок.
  • Виджет чата amoCRM вставляется универсальным скриптом в footer.php или через плагин вставки кода.

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

  1. Установите и активируйте плагин «amoCRM — Integration for WordPress» из репозитория или загрузите ZIP-архив вручную.
  2. Перейдите в настройки плагина и введите данные для авторизации: субдомен amoCRM (например, yourcompany.amocrm.ru), логин и API-ключ.
  3. Нажмите «Проверить подключение» — плагин должен показать список доступных воронок и полей.
  4. Выберите воронку и этап, в который будут попадать заявки с сайта.
  5. Сопоставьте поля формы на сайте с полями сделки или контакта в amoCRM: имя, телефон, email.
  6. Если вы используете Contact Form 7 без плагина интеграции, добавьте Webhook: вкладка «Integration» в настройках формы → укажите URL для отправки данных в amoCRM.
  7. Создайте тестовую заявку и проверьте появление сделки в выбранной воронке.
  8. Установите виджет чата: скопируйте код из раздела «Настройки → Интеграции → Виджет чата» в amoCRM и вставьте в файл footer.php вашей темы.

Интеграция amoCRM с сайтом на Joomla

Важно: Для Joomla нет единого официального плагина amoCRM. Интеграция строится через универсальные расширения форм и Webhooks.

Особенности интеграции Joomla и amoCRM

Основной инструмент на Joomla — компоненты форм (RSForm, BreezingForms, Convert Forms). Все они поддерживают отправку данных на внешний URL после отправки формы пользователем.

  • RSForm Pro имеет встроенный механизм «Scripts» для кастомной отправки данных в сторонние API.
  • Convert Forms позволяет добавить «HTTP Request» в цепочку действий формы.
  • Виджет чата вставляется через модуль «Custom HTML» в любую позицию шаблона.

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

  1. Установите компонент форм (например, Convert Forms) и создайте форму захвата: поля «Имя», «Телефон», «Email».
  2. В настройках формы добавьте новое действие «HTTP Request» или «Webhook».
  3. Укажите метод POST и вставьте URL для приема заявок из amoCRM (берется в разделе «Настройки → Интеграции → API → Входящие Webhooks»).
  4. Настройте маппинг полей: сопоставьте переменные формы с ключами JSON-запроса к amoCRM.
  5. Добавьте заголовок Content-Type: application/json в запросе.
  6. Сохраните форму и отправьте тестовую заявку.
  7. Проверьте в amoCRM создание сделки и корректность заполнения полей.
  8. Для установки чата: создайте новый модуль типа «Custom HTML», вставьте скрипт виджета из amoCRM и опубликуйте в позиции debug или в конце body.

Интеграция amoCRM с сайтом на OpenCart

E-commerce: Для интернет-магазинов на OpenCart интеграция с amoCRM особенно ценна: можно передавать не только заявки, но и оформленные заказы в сделки CRM.

Особенности интеграции OpenCart и amoCRM

OpenCart позволяет интегрироваться с amoCRM через модули-расширения (OCMOD) или через встройку Webhook в события оформления заказа.

  • Модуль «amoCRM Integration for OpenCart» передает заказы в сделки с составом корзины.
  • Формы обратной связи на OpenCart можно подключить через универсальный JavaScript-сниппет amoCRM.
  • Виджет чата устанавливается вручную через редактирование шаблона footer.twig.

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

  1. Установите модуль интеграции через «Установка расширений» в админ-панели OpenCart.
  2. Очистите кеш модификаторов (OCMOD) и обновите страницу.
  3. Перейдите в новый раздел «amoCRM» в меню «Дополнения» → «Модули».
  4. Введите субдомен, логин и API-ключ из личного кабинета amoCRM.
  5. Настройте передачу заказов: выберите воронку, этап сделки, сопоставьте поля заказа с полями amoCRM.
  6. Настройте маппинг статусов заказа (Pending, Processing, Complete) с этапами воронки.
  7. Отправьте тестовый заказ и проверьте создание сделки с полным составом корзины.
  8. Для чата: откройте файл catalog/view/theme/ваша_тема/template/common/footer.twig и вставьте скрипт виджета перед закрывающим тегом </body>.

Интеграция amoCRM с сайтом на Tilda

Родная интеграция: Tilda имеет встроенный коннектор с amoCRM — это самый простой способ настройки из всех платформ.

Особенности интеграции Tilda и amoCRM

Tilda поддерживает прямую передачу заявок из всех стандартных блоков форм (BF, ST, TD) в amoCRM без промежуточных сервисов. Интеграция настраивается в разделе «Настройки сайта» → «Формы и заявки».

  • Передаются: имя, телефон, email, данные из кастомных полей.
  • Можно указать разные воронки и ответственных для разных форм на сайте.
  • Чат amoCRM встраивается через блок «HTML-код» в подвал сайта.

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

  1. В личном кабинете Tilda перейдите в «Настройки сайта» → «Формы и заявки» → «amoCRM».
  2. Нажмите «Подключить» и авторизуйтесь через OAuth (всплывающее окно amoCRM) — нажмите «Разрешить».
  3. После успешной авторизации выберите воронку и этап сделки для всех заявок с сайта.
  4. Сопоставьте стандартные поля Tilda (Имя, Телефон, Email) с полями amoCRM.
  5. Для кастомных полей формы используйте раздел «Дополнительные поля» — введите точное название поля из amoCRM.
  6. Нажмите «Сохранить» и отправьте тестовую заявку с любой страницы сайта.
  7. Проверьте создание сделки и корректность заполнения всех полей.
  8. Для чата: создайте блок «HTML-код» (T123) в подвале сайта и вставьте скрипт виджета из amoCRM.
  9. Опубликуйте изменения и проверьте отображение виджета на сайте.

Интеграция amoCRM с сайтом на Wix

Важно: Wix не имеет встроенного коннектора с amoCRM. Интеграция настраивается через сервисы-посредники или Wix Automations с Webhook.

Особенности интеграции Wix и amoCRM

Wix предоставляет два пути интеграции: через Wix Automations (встроенный конструктор триггеров) и через Velo (платформа для разработки с JavaScript). Для большинства задач достаточно Automations.

  • Wix Automations поддерживает отправку Webhook при отправке формы или оформлении заказа в Wix Stores.
  • Velo позволяет написать кастомный HTTP-запрос к API amoCRM прямо в коде страницы.
  • Виджет чата вставляется через встроенный блок «Embed Code».

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

  1. В панели управления Wix перейдите в раздел «Automations» и нажмите «Create Automation».
  2. Выберите триггер: «Form Submitted» (для форм) или «Order Placed» (для магазина).
  3. Выберите действие «Send Webhook» и укажите метод POST.
  4. Вставьте URL приема заявок из amoCRM (раздел «Настройки → Интеграции → API → Входящие Webhooks»).
  5. В теле запроса выберите формат JSON и сопоставьте поля формы Wix с ключами JSON.
  6. Добавьте заголовок Content-Type: application/json.
  7. Сохраните автоматизацию и отправьте тестовую заявку.
  8. Для чата: добавьте блок «Embed Code» на страницу, вставьте скрипт виджета из amoCRM и нажмите «Apply».
  9. Для продвинутой интеграции через Velo: откройте редактор кода страницы и используйте wixFetch() для отправки данных в API amoCRM.

Интеграция amoCRM с самописным или другим сайтом (Custom CMS, Laravel, React)

Максимальная гибкость: Прямая работа с REST API amoCRM позволяет реализовать любую логику передачи данных без ограничений готовых модулей.

Особенности кастомной интеграции

amoCRM предоставляет полноценный REST API с документированными методами для работы со сделками, контактами, компаниями, задачами и событиями. Аутентификация — по API-ключу или через OAuth 2.0 для публичных приложений.

  • API позволяет создавать сделки с кастомными полями, привязывать контакты и теги.
  • Существуют готовые SDK для PHP, Python, Node.js, упрощающие интеграцию.
  • Webhooks amoCRM позволяют получать уведомления об изменениях в сделках (обратная связь).

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

  1. Получите API-ключ в личном кабинете amoCRM: «Настройки → Интеграции → API».
  2. Выберите способ аутентификации: долгосрочный токен для внутреннего использования или OAuth 2.0 для публичного приложения.
  3. На стороне сайта создайте endpoint-обработчик (например, /api/amocrm/lead), который принимает POST-запросы от форм.
  4. Установите SDK для вашего языка (например, composer require amocrm/amocrm-api-library для PHP).
  5. Напишите обработчик: получите данные формы, создайте контакт через POST /api/v4/contacts, затем сделку через POST /api/v4/leads и привяжите контакт к сделке.
  6. Добавьте обработку ошибок: если контакт с таким телефоном уже существует — используйте найденный ID, а не создавайте дубликат.
  7. Реализуйте логирование каждого запроса и ответа от API amoCRM для отладки.
  8. Настройте Webhook в amoCRM на событие «Сделка изменена» — укажите URL-приемник на вашем сайте.
  9. Реализуйте обработчик Webhook: например, при переводе сделки на этап «Оплачен» обновляйте статус заказа на сайте.
  10. Проведите тестирование: создайте сделку через форму на сайте, измените статус в amoCRM и убедитесь, что Webhook отработал.

Зачем нужна интеграция amoCRM с сайтом

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

  • Мгновенная фиксация заявок: Все формы на сайте, звонки и сообщения чата попадают в amoCRM автоматически, без участия человека.
  • Сквозная аналитика: Вы видите полный путь клиента: источник перехода, страницы просмотра, форму захвата, сделку и оплату.
  • Автоматизация воронки: amoCRM сама ставит задачи менеджерам, отправляет SMS и письма клиентам на основе триггеров.
  • Снижение потерь лидов: Ни одна заявка не потеряется в почтовом ящике — все они гарантированно попадают в CRM.

Шаг 1: Подготовка к интеграции

До начала технических работ необходимо навести порядок в самой amoCRM и определить, какие данные с сайта будут передаваться.

Чек-лист готовности

  • Структура воронок: Определите, в какую воронку и на какой этап должны попадать заявки с разных форм (основная форма, квиз, заказ звонка, чат).
  • Поля сделок и контактов: Создайте все необходимые кастомные поля в amoCRM (источник заявки, город, промокод, состав корзины). Без них интеграция не сможет передать данные.
  • Ответственные менеджеры: Решите, как распределяются заявки: по кругу, по правилам amoCRM или закрепляются за конкретным сотрудником.
  • API-ключ: Сгенерируйте долгосрочный токен в разделе «Настройки → Интеграции → API» и сохраните его. Он понадобится для настройки.
  • Субдомен: Запишите ваш субдомен в формате company.amocrm.ru — он используется во всех запросах к API.
  • Тестовая воронка: Создайте отдельную тестовую воронку для отладки интеграции, чтобы не засорять рабочую.

Шаг 2: Выбор способа интеграции

amoCRM предлагает несколько инструментов для связи с сайтом. Выбор зависит от типа сайта и требуемой глубины интеграции.

Сравнение способов интеграции

Способ Сложность Когда применять
Готовый модуль/плагин для CMS Низкая WordPress, OpenCart — если есть готовое решение
Встроенная интеграция платформы Низкая Tilda — родной коннектор уже настроен
Webhooks из форм Средняя Joomla, Wix — когда нет прямого плагина
Сервисы-коннекторы (Albato, Zapier) Низкая Любая CMS — когда нужно быстро и без кода
REST API (кастомная разработка) Высокая Самописные сайты, сложная логика, нестандартные поля
Виджет чата amoCRM Минимальная Любой сайт — вставка JavaScript-кода в футер

Шаг 3: Настройка приема заявок с форм

Формы обратной связи — основной источник лидов с сайта. Настройка их интеграции с amoCRM проходит по единому алгоритму независимо от платформы.

Общий алгоритм

  1. Определите все формы на сайте, с которых должны уходить заявки в CRM.
  2. Для каждой формы получите URL приема данных (Webhook) из amoCRM или настройте прямой API-запрос.
  3. Настройте маппинг полей: каждая переменная формы должна быть сопоставлена с конкретным полем сделки или контакта в amoCRM.
  4. Добавьте скрытое поле form_source с названием формы (например, «квиз с главной страницы»), чтобы в CRM было видно, откуда пришел лид.
  5. Настройте UTM-метки: передавайте параметры utm_source, utm_medium, utm_campaign в отдельные поля сделки для аналитики рекламы.
  6. Обязательно протестируйте каждую форму: заполните и отправьте, проверьте создание сделки в тестовой воронке.

Шаг 4: Установка виджета чата и обратного звонка

Виджет amoCRM объединяет онлайн-чат, заявку на обратный звонок и форму захвата в одном окне. Это самый простой способ получать лиды без программирования.

Установка виджета

  1. В amoCRM перейдите в раздел «Настройки → Интеграции → Виджет чата».
  2. Настройте внешний вид: цвет кнопки, текст приветствия, поля для заполнения.
  3. Выберите воронку и ответственного для заявок из виджета.
  4. Скопируйте сгенерированный JavaScript-код.
  5. Вставьте код на сайт перед закрывающим тегом </body>. На WordPress — в footer.php, на Joomla — в модуль Custom HTML, на Tilda — в блок T123 в подвале.
  6. Очистите кеш сайта и проверьте отображение кнопки чата на всех страницах.
  7. Отправьте тестовое сообщение через чат и убедитесь, что диалог появляется в разделе «Чаты» в amoCRM.

Шаг 5: Интеграция с интернет-магазином (заказы как сделки)

Для интернет-магазинов интеграция с amoCRM выходит за рамки простой передачи заявок — необходимо передавать оформленные заказы с полным составом корзины.

Что важно учесть при интеграции магазина

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

Логика передачи заказа

  1. Покупатель оформляет заказ на сайте — система фиксирует данные заказа, состав корзины и контактные данные.
  2. Сайт отправляет POST-запрос в API amoCRM: сначала поиск или создание контакта, затем создание сделки с привязкой контакта.
  3. В сделку добавляется товарный состав через кастомное поле или через примечание к сделке.
  4. amoCRM возвращает ID созданной сделки — сайт сохраняет его в заказе для будущей синхронизации статусов.
  5. При смене статуса заказа на сайте отправляется PATCH-запрос в amoCRM для перемещения сделки на соответствующий этап воронки.

Шаг 6: Тестирование и типовые ошибки

Интеграция редко работает идеально с первого раза. Ниже — самые частые проблемы и методы их решения.

Распространенные ошибки

  • «403 Forbidden» или «401 Unauthorized»: Неверный API-ключ или истек срок действия токена. Проверьте ключ в настройках amoCRM и сгенерируйте новый при необходимости.
  • «Дублируются контакты»: При каждой заявке создается новый контакт, даже если телефон уже есть в базе. Решение: всегда выполняйте поиск контакта по телефону или email перед созданием нового.
  • «Сделка создается без контакта»: В запросе не указан параметр _embedded[contacts] или ID контакта невалиден. Проверьте структуру JSON-запроса.
  • «Не заполняются кастомные поля»: Название поля в запросе не совпадает с названием в amoCRM (с учетом регистра и пробелов). Сравните точное название поля в разделе «Настройки → Сделки → Поля».
  • «Не передаются UTM-метки»: Скрытые поля UTM не заполнены на стороне сайта до отправки формы. Убедитесь, что JavaScript UTM-меток отрабатывает корректно.
  • «Чат не отображается на сайте»: Конфликт с Content Security Policy (CSP) сайта. Добавьте домен amoCRM в разрешенные источники скриптов в заголовках безопасности.

Методика отладки

  1. Включите логирование на стороне сайта: записывайте тело запроса и ответа от API amoCRM в файл.
  2. Используйте Postman или аналогичный инструмент для ручной отправки запросов к API amoCRM — так вы исключите проблемы на стороне сайта.
  3. Проверяйте ответ API: amoCRM всегда возвращает детальное описание ошибки в JSON-формате.
  4. Тестируйте на тестовой воронке: создайте отдельную воронку «Тест» и направляйте туда заявки до запуска в боевом режиме.
  5. Проверяйте лимиты API: amoCRM имеет ограничения по количеству запросов в секунду — убедитесь, что ваш сайт не превышает лимиты.

Шаг 7: Запуск в эксплуатацию и мониторинг

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

Чек-лист запуска

  • Переключите все формы и интеграции с тестовой воронки на боевую.
  • Опубликуйте виджет чата на всех страницах сайта.
  • Настройте уведомления в amoCRM: ответственный менеджер должен получать push и email при новой сделке.
  • Проведите инструктаж менеджеров: объясните, откуда берутся сделки, что означают кастомные поля и UTM-метки.
  • Настройте дашборд в amoCRM для контроля количества входящих лидов по источникам.
  • В первый день мониторьте каждую заявку: сверяйте данные в форме сайта и в созданной сделке.

Признаки стабильно работающей интеграции

  • Заявка появляется в amoCRM в течение 5 секунд после отправки формы на сайте.
  • UTM-метки и источник заявки корректно заполняются во всех сделках.
  • Дубликаты контактов не создаются — заявки от одного клиента привязываются к существующему контакту.
  • Чат на сайте работает без задержек, сообщения доставляются мгновенно.
  • При смене статуса заказа в amoCRM изменения отражаются на сайте (если настроена двусторонняя синхронизация).

Заключение

Интеграция amoCRM с сайтом — это не разовая настройка, а непрерывный процесс поддержки и оптимизации. Правильно выстроенная связка сайта и CRM превращает поток заявок в управляемый конвейер продаж, где каждый лид автоматически попадает в нужную воронку, к нужному менеджеру и с полным контекстом для успешного закрытия сделки. Независимо от того, используете ли вы WordPress, Joomla, OpenCart, Tilda, Wix или самописное решение, базовые принципы интеграции остаются неизменными — и их понимание позволяет настроить бесшовную передачу данных с любого сайта.