Получение заявок из форм Framer Создание сделки в AmoCRM

Интеграция

Получение заявок из форм Framer → Создание сделки в AmoCRM

В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:

  1. Настройка приёма заявок с Framer: выбор источника по имени, поля формы и установка скрипта «Форма на сайте» в код страниц.
  2. Настройка создания сделки в AmoCRM: подключение, воронка, статус, бюджет и связь с контактом из данных сценария обработки.

Отдельные инструкции: источник «Получение заявок из форм Framer» · действие «Создание сделки в AmoCRM»

Не хотите настраивать сами? Сделаем бесплатно

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

Получить бесплатную настройку Или следуйте инструкции ниже

Создание подключений

Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.

Подключение AmoCRM

Создание подключения

  1. В меню слева выберите «Подключения».
  2. Нажмите «+».
    Подключение AmoCRM: Нажмите «+»
  3. Выберите «AmoCRM» и нажмите «Выбрать».
    Подключение AmoCRM: Выберите «AmoCRM» и нажмите «Выбрать»
  4. Укажите название подключения и нажмите «Подключить».
    Подключение AmoCRM: Укажите название подключения и нажмите «Подключить»
  5. Выберите аккаунт AmoCRM и нажмите «Разрешить».
    Подключение AmoCRM: Выберите аккаунт AmoCRM и нажмите «Разрешить»
  6. После этого подключение появится в списке.
    Подключение AmoCRM: После этого подключение появится в списке

Создайте обработку

В левом меню откройте «Обработки» и нажмите «+».

integrations: В левом меню откройте «Обработки» и нажмите «+»

Источник «Framer»

Заявки из форм Framer начнут поступать после выбора «Framer» в списке источников. Укажите поля формы и вставьте скрипт в код сайта.

Выбор типа источника

  1. В списке типов источника выберите «Framer» и нажмите «Выбрать».

Поля и сохранение

  1. Укажите название источника, добавьте поля формы и при необходимости параметры, затем нажмите «Сохранить».
    Получение заявок из форм Framer: Укажите название источника, добавьте поля формы и нажмите «Сохранить»

Скрипт на сайт

  1. Откройте вкладку «Источник данных», скопируйте «Скрипт» и вставьте его на сайт внутрь тега body.
    Получение заявок из форм Framer: Скопируйте «Скрипт» и вставьте его на сайт внутрь тега body

Установка в Framer

  1. В Framer откройте сайт и место для HTML / пользовательского кода.
  2. Вставьте скопированный «Скрипт» внутрь тега body на страницах с формами.
  3. Опубликуйте страницу и отправьте тестовую заявку.

Если заявка не приходит

  • Проверьте, что в списке выбран именно этот сервис, а не общая «Форма на сайте».
  • Скрипт должен стоять в body опубликованной страницы с формой.
  • Названия в блоке «Поля» должны совпадать с атрибутом name у элементов формы.
  • Отправьте тест с живой страницы, а не только из редактора.

Действие «Добавление сделки в AmoCRM»

В AmoCRM создаётся сделка с названием, воронкой и статусом. Выберите подключение и при необходимости свяжите сделку с контактом.

Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
actions: Перейдите в обработке во вкладку Действия и нажмите на кнопку Добавить действие

Выберите тип действия

В списке действий выберите «Добавление сделки в AmoCRM» и нажмите «Выбрать».
Создание сделки в AmoCRM: В списке действий выберите «Добавление сделки в AmoCRM» и нажмите «Выбрать»

Параметры сделки

  1. В поле «Подключение» выберите подключение AmoCRM.
  2. Заполните «Название».
  3. Выберите «Статус» и при необходимости «ID воронки».
  4. При необходимости укажите «Бюджет», «Ответственный пользователь», «Тэги» и «ID контакта».
    Создание сделки в AmoCRM: При необходимости укажите «Бюджет», «Ответственный пользователь», «Тэги» и «ID контакта»
  5. Нажмите «Сохранить».

Запустите обработку

  1. В обработку начнут поступать данные из настроенного источника.
  2. По очереди выполнятся все добавленные действия.
  3. Входящие данные, статус и история отобразятся в «Истории операций».

integrations: Входящие данные, статус и история отобразятся в «Истории операций»

Застряли на подключении или полях?

Соберём обработку «Получение заявок из форм Framer → Создание сделки в AmoCRM», проверим тест и запустим.