настроить интеграцию формы с сервисом amocrm

AmoCRM: Интеграция с формами на сайтах

А нужно ли это вообще?

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

При помощи CRM, вы сможете получать любую нужную информацию о клиенте, так как самостоятельно прописываете поля формы.

Три способа подключить формы сайта с AmoCRM

Настроить интеграцию сайта с AmoCRM можно разными способами, как через саму CRM, так и при помощи сторонних источников. В этой статье мы рассматриваем три варианта:

Подключение готовых форм AmoCRM к сайту

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

Когда внешний вид задан, можно переходить к настройке. Открываем вторую вкладку.

Во вкладке «настройка формы» задаете:

В окне размещения два кода. Стандартный, для размещения в HTML-разметке вашего сайта, и короткий, для WordPress.

Источник

Как настроить интеграцию amoCRM с сайтом? 3 варианта интеграции

Интеграция amoCRM с сайтом позволяет эффективно обрабатывать входящие заявки с сайта. Функционал стандартной интеграции позволяет прокидывать заявку в неразобраное, без проверки на дубль.

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

Интеграция через почту

%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D1%8F %D1%87%D0%B5%D1%80%D0%B5%D0%B7 %D0%BF%D0%BE%D1%87%D1%82%D1%83 01

Во всплывающее окно нужно ввести почтовый ящик, на который поступают заявки.

%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D1%8F %D1%87%D0%B5%D1%80%D0%B5%D0%B7 %D0%BF%D0%BE%D1%87%D1%82%D1%83 02

Далее необходимо залогиниться в почте.

%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D1%8F %D1%87%D0%B5%D1%80%D0%B5%D0%B7 %D0%BF%D0%BE%D1%87%D1%82%D1%83

Даем разрешение amoCRM.

%D0%BF%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5 %D0%BF%D0%BE%D1%87%D1%82%D1%8B amoCRM

Нажимаем кнопку “Сохранить” и вуаля. Теперь все письма которые поступают на этот почтовый ящик пробрасываются в amoCRM.

Интеграция amoCRM с формой обратной связи

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

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

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 1

Далее нам необходимо добавить новый источник.

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 2

Во всплывающем окне оке мы выбираем форму обратной связи и нажимаем “Добавить”.

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 3

Перед нами открывается редактор форм.

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 4

В нем мы можем настроить цвет формы, расположение и форму полей, текст полей.

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 5

Настроив форму под себя нужно нажать кнопку “Сохранить”. И вот мы на финишной прямой. Нам нужно определить местоположение формы на странице.

%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0 %D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8 %D1%81 %D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%BC 6

Теперь копируем код и идем в админку сайта. Наша задача разместить кусок кода в теле нужной страницы сайта.

Поздравляю, форма обратной связи прикручена к сайту. Заявки будут пробрасываться в amoCRM.

Такая интеграция позволит работать при небольших объемах обращений.
Если же сайт в вашей компании является основным источником заявок, то такой интеграции будет недостаточно. Стандартная интеграция прокидывает информаци в неразобранное, а не создает сделку, контакт и задачу. Она не проверяет на дубли и не умеет автоматически распределять лиды на нужных менеджеров. Для выполнения этих функций н еобходимо использовать модульную интеграцию.

Интеграция amoCRM с сайтом через MoreCRM

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

Оставленная заявка на сайте распределяется на нужную группу менеджеров или конкретного сотрудника в зависимости от сайта, на котором оставлена заявка, местоположения клиента определенного по IP-адресу посетителя или графика работы менеджеров.

Каждая заявка проверяется на наличие дублей в системе по контактным данным имени и/или телефона. После проверки в amoCRM автоматически назначается ответственный, создаются сделка, контакт, компания и ставиться задача на ответственного.

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

Посмотрите мастер-класс по настройке интеграции:

Источник

Создание и редактирование форм

Форма – это удобный инструмент, позволяющий настроить свою форму прямо в amoCRM и установить на любом сайте или лендинге. Каждый аккаунт имеет свою форму.

Каждая заполненная форма попадает в Ваш аккаунт либо в неразобранные заявки, либо становится сразу сделкой в amoCRM и содержит данные о пользователе из Google.Analytics.

Каждая успешная сделка это цель в вашем Google.Analytics, тем самым вы получаете контроль над всей воронкой продаж через интернет

Создание и редактирование формы

Будет предложено выбрать один из готовых шаблонов формы:

Screenshot 10 1

После выбора шаблона новая форма будет создана с четырьмя стандартными полями:

Screenshot 11

Screenshot 12

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

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

Переадресация после отправки формы.
После заполнения формы, клиент будет перенаправлен на страницу, которая указана в поле переадресации.

Screenshot 13

По настройке параметров формы, можно прочитать в статье.

Источник

Настройка параметров формы в amoCRM

Настройка формы состоит из 3 разделов, это полноценный конструктор, который позволит настроить форму под ваши задачи. Первый раздел «Редактор полей», в котором можно осуществить следующие настройки:

Настройка дизайна формы

Вы можете выбрать темы, поменять расположение текста, цвет и тип шрифта указать, фоновое изображение на форме, а также тип полей.

Screenshot 11

В общие настройки формы входят:

Вы также можете указать «Дополнительные» настройки, вкладка в правой панели. К ним относятся:

Вы можете добавлять поля, которые будет заполнять ваш клиент. Обратите внимание, поля разделены по сущностям, чтобы добавить поле, кликните на него или перенесите его в форму. Чтобы отредактировать или удалить поле из формы, просто щелкните на него и выберите необходимое действие. Если вы нажмете редактировать, то сможете поменять название поля и сделать его обязательным. Чтобы поменять расположение полей, необходимо выбрать поле и поменять их последовательность. Не будут добавляться поля, которые отмечены флагом “только из API”.

Screenshot 14

Вы также можете отредактировать кнопку, для этого необходимо нажать на нее. Здесь вы можете поменять текст и цвет кнопки, её расположение и форму.

Screenshot 15

Отправка формы в мессенджер

Появилась возможность отправить форму клиенту в Viber или WhatsApp. При подключённой интеграции в настройках кнопки отправки появится тумблер «Добавить мессенджер в форму»:

Screenshot 20

При его включении появится дополнительная кнопка отправки в подключённый мессенджер:

Screenshot 21

Для редактирования стиля формы, вставьте свой css код в поле «Пользовательский css»

Второй раздел «Настройка формы», здесь можно внести ряд следующих изменений:

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

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

Здесь вы можете выбрать из списка статус сделки, который будет автоматически присваиваться новым сделкам, созданным из формы. Если вы выберете определенный этап, то сможете задать ответственного и настроить автоматическое создание задачи.Если не выбирать статус сразу, то сделка попадает в “Неразобранное”.

Ответственный, создать задачу

Указывается менеджер, который будет ответственным за сделки, созданные после заполнения формы. Также можно поставить галочку и автоматически будут создаваться задачи на сделки из формы. Задача “Связаться с клиентом” будет создана на ответственного менеджера. При выборе статуса “Неразобранное” поля с выбором ответственного и задачей пропадают.

Показывать форму в дополнительном окне

Чтобы форма на Вашем сайте выводилась в модальном окне при клике на кнопку «Заполнить форму» отметьте галочкой поле «Показывать форму в дополнительном окне». Текст кнопки возможно изменить (также фон и цвет шрифта).

Использовать Google Analytics

Для подключения и работы с Google Analytics, отметьте галочкой поле «Использовать Google Analytics» и проследуйте инструкции. После сохранения настроек формы в карточке сделки автоматически создадутся нередактируемые поля GA и UTM-меток.

Текст отправки формы

Чтобы создать собственный текст отправки формы, укажите его в поле «Текст отправки формы».

Действия после отправки формы

Переадресация после отправки формы позволяет направить клиента на указанный при настройке сайт.

Настроить страницу с формой или скопировать ссылку для вставки на свой сайт вы можете в разделе «Размещение формы».

Screenshot 13

Вы можете выбрать фон страницы или изображение, а также загрузить свое собственное.

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

Вы можете настроить положение формы на странице, задать верхние и боковые отступы.

Screenshot 16

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

Источник

Неразобранное и форма на сайт

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

Давайте перейдем в раздел Сделки и кликнем на кнопку «Настроить» в правом верхнем углу. Мы перешли в раздел «Настройки» воронки. Справа вы видите воронку, а слева источники.

form

Чтобы добавить форму обратной связи, нажимаем на «Добавить источник» и выбираем форму. Это полноценный конструктор, в котором есть 3 раздела. Давайте разберем каждый из них.

form1

form2

form3

Представим, что мы клиент и заполняем форму. Возвращаемся в аккаунт amoCRM, переходим в раздел «Сделки». Здесь мы видим нашу первую заявку из формы. Мы можем создать из нее сделку, одним кликом, просто наведите курс на заявку и кликните принять или просто перетащите ее в нужный столбец.

nachat rabot forma 1

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

form5

Чтобы менеджеры могли работать с заявками, необходимо дать им доступ к неразобранному. Для этого необходимо перейти в настройки, подраздел пользователи, выбрать определенного пользователя и разрешить доступ к неразобранному. Тогда менеджер увидит заявку, сможет перевести ее в сделку и начать работу.

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

А если вы уже создали форму и установили ее на сайт, вы можете настроить интеграцию с нашей системой через API. У нас открытая документация, которая содержит не только возможные методы, но и примеры, которые сделают процесс интеграции еще проще.

Источник

Юридический портал vladimir-voynovich.ru
Adblock
detector