Формы на сайте: передача заявок вместе с Client ID в amoCRM. Варианты решения

Суть проблемы:

За последний год сразу несколько клиентов начали активно использовать amoCRM. Параллельно с этим, на своих сайтах они стали размещать множество форм и pop-up окон для сбора контактных данных.

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

Кроме того, для построения в будущем сквозной аналитики нам необходимо было вместе с заявками передавать в CRM и информацию о посетителях сайта: так называемый clientId, присваиваемый Google Analytics и Яндекс.Метрика.

На входе имеем следующие требования:

  • Одна amoCRM и несколько сайтов на разных CMS, каждый со своим дизайном.
  • Используются именно формы в классическом их виде (максимум, в формате калькулятора или квиза).
  • Формы (pop-up окна) должны органично встраиваться в дизайн сайтов.
  • Решение должно быть универсальным и легко копируемым, чтобы при появлении новой формы или нового сайта быстро его настроить.
  • Передача вместе с заявкой информации о ClientId посетителя.
  • Надёжность решения.

Чем не устроили стандартные инструменты, предлагаемые amoCRM

В amoCRM есть несколько способов передавать данные в свою систему. В том числе: «Конструктор форм», готовые плагины форм для WordPress и 1С-Bitrix, «Автообработка входящих писем» на специальный почтовый ящик.

Но все эти инструменты страдали 2-мя болезнями:

  1. Очень мало гибкости в настройках.
    Например, невозможно в нужном формате темизировать внешний вид формы. Или передать ClientId одновременно в карточку Контакта и Сделки. Возникают разные сценарии, которые требуется реализовать, а стандартные решения этого не позволяют.
  2. Отсутствие стабильности.
    Периодически сталкиваешься с тем, что сами заявки или часть данных не передаются в CRM, или передаются неправильно.

Какие варианты рассматривали:

Сервисы автоматизации

Такие, чтобы умели принимать данные с форм и передавать их в amoCRM: создавать карточки Сделки/Контакта, вносить и обновлять информацию в конкретных полях, проверять на дубли.

По этому поводу есть отличная статья от агентства Jam — «Cквозная аналитика: AmoCRM с Google Analytics за пару часов». Там на примере Zapier показано как реализовать в том числе и подобную связку.

Сейчас на рынке много сервисов автоматизации, которые умеют работать с amoCRM: непосредственно Zapier, Albato, ApiX-Drive. Так что выбор есть и по аналогии можно построить свою систему.

Мы лично предпочитаем работать с Integromat. В плане гибкости и возможностей он превосходит Zapier, а ценовая политика при этом более гибкая. Во многих случаях клиентам хватает бесплатного тарифа.

В контексте «сквозная аналитика», с помощью Integromat мы передаём данные о транзакциях (успешных сделках) из amoCRM в Google Analytics.

Но конкретно для связки «сайт >> amoCRM» более удобным и надёжным способом оказался вариант с конструкторами форм.

Конструкторы форм

Перебрали суммарно пару десятков вариантов, но, как ни странно, подходящим по требованиям и адекватным по цене оказался только один — FormDesigner.

Сразу оговорюсь, что нам нужен был именно конструктор форм, а не функционал уровня «виджеты для увеличения конверсии» с возможностями A/B-тестов, таргетинга при показе и т.п.

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

Почему выбрали FormDesigner

1. В базовом функционале имеются все основные типы форм (подписки, заявки, оформления заказа, голосования, тестирования) и более 30 типов элементов, с помощью которых конструируется форма.

Кроме того, можно конструировать продвинутые варианты:

  • Полноценные формы онлайн-записи с выбором свободного времени;
  • Многошаговые квизы со сложной логикой;
  • Сложные онлайн-калькуляторы, где помимо математических операций используются логические условия;
  • Подключать к формам прием онлайн-платежей.

2. Разные варианты по встраиванию формы в сайт.

  • Можно вставить прямо в страницу в виде JS-кода или Iframe.
  • В виде всплывающего окна. Окно показывается: при клике по ссылке или кнопке, в виде «ушка».
  • Автопоказ по событию. Настраивается частота и условия показа, конкретные страницы, на которых форму надо отображать.

3. Очень адекватная ценовая политика.

В «старших» тарифах с абонентской платой, которыми обычно пользуемся, нет ограничений на количество форм и сайтов, где они размещаются. Так что, если у клиента 5 сайтов, то за одни и те же деньги можно использовать сервис одновременно на всех.

Жёсткое ограничение по сути только одно — не более 20 000 заявок в месяц.

Если посещаемость на сайте небольшая и заявки отправляются не так часто (до 50-100 в месяц), то выгоднее брать пакетные тарифы. Выкупаешь определенное количество заявок, без ограничения по времени.

4. Возможность использования собственного CSS-кода и любых шрифтов из GoogleFonts.

5. Встроенная поддержка систем аналитики.

Форма самостоятельно фиксирует ClientId и UTM-метки посетителя. Можно передавать события в Google Analytics и Яндекс.Метрика об успешной отправке формы.

6. Ну и самое главное — большое количество интеграций со сторонними сервисами, в том числе, CRM-системами.

Конкретно про интеграцию с amoCRM

По поводу общей настройки интеграции на сайте разработчика есть подробная инструкция, так что не будем её здесь дублировать.

Расскажем только о наиболее интересных возможностях.

 Можно раздельно включить создание Контакта, Сделки или Компании и настроить передачу данных в созданную карточку. По каждой из сущностей (на вкладках) есть множество своих пунктов настройки.

Существует проверка на дубли, в таких случаях можно указать, что надо обновить данные контакта/компании/ сделки.

➁ и ➂. Есть выбор, куда заносить данные из полученной формы: в виде комментария в ленте карточки, в конкретные поля карточки или продублировать их в обоих местах.

Если данные заносятся в дополнительные поля, то указываем конкретное соответствие: какие поля формы куда переносить.

Здесь как раз можно настроить и перенос информации о посетителе, автоматически собранные формой: ClientId, UTM-метки, IP-адрес и т.д.

При получении заявки, можем автоматически создать Задачи для конкретного менеджера в amoCRM.

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

Общий вывод

Под те требования, которые были озвучены в начале статьи, FormDesigner подошёл идеально. Цена вопроса при этом — 105 USD в год.

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

Техническая поддержка со стороны разработчика сервиса — хорошая. Так что, если в amoCRM происходят изменения в API (а это случается часто), он оперативно вносит изменения в свою интеграцию.

Это, кстати, одна из причин, почему мы не стали использовать Zapier или Integromat для этих задач. Сервисы иностранные, интеграция с amoCRM для них не приоритетна, поэтому обновления можно ждать долго. И передача заявок всё это время не будет работать.

Добавка от мая 2020. Новое поле для экспериментов

Разработчики amoCRM сделали собственную интеграцию с «Google Таблицы». Судя по описанию и первым впечатлениям, решение получилось интересное и гибкое.

Настраивается интеграция прямо из «Цифровой воронки» в amoCRM. Подробнее про неё можно почитать на сайте сервиса.

В применении к теме этой статьи. Можно теперь строить связки через любой сервис, умеющий принимать данные с форм (через webhook или как-то иначе) и передавать их в «Google Таблицы». Конкретно с amoCRM интеграция больше не требуется.

Отпадает таким образом важная причина, почему мы до этого не использовали Integromat для передачи заявок с сайта.