Отправка формы в CRM E-autopay

Приветствую, с вами Денис Герасимов, сайт rek9.ru. Сегодня поговорим про отправку формы с лендинга в CRM на примере E-autopay.

В прошлый раз мы с вами разговаривали про отправку формы с помощью скрипта нам на e-mail, но это не всегда удобно для отправления заявок.

CRM — это система управления клиентами.

[button url=»https://rek9.ru/eautopay» class=»btn btn-success» target=»_blank»]Зарегистрироваться в E-autopay![/button]

Когда же необходимо пользоваться CRM?

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

Как настроить передачу формы в CRM E-autopay?

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

Зарегистрироваться в www.e—autopay.com на примере которого я и буду показывать, как настроить передачу в CRM.
Добавить товар
Настроить товар
Выбрать способ оплаты наложенный платеж, чтобы мы могли добавить этот способ в конструкторе форм.
Создать форму в конструкторе со скрытым полем «Наложенный платеж»
Изменить код на лендинге, взять код форму, которую мы создали в конструкторе.
Проверить работоспособность формы. То есть попадают ли заявки с лендинга в CRM.

Практика настройки передачи данных формы в CRM E-autopay

У меня есть лендинг, на примере которого мы будем настраивать, он уже закачан на сервер. И у меня есть аккаунт в CRM. Вы можете перейти по ссылке ниже и узнать больше о www.e—autopay.com. Для начала можете выбрать тариф СТАРТОВЫЙ за 2500 руб. в год, при этом у него есть все нужные функции.

Затем на главной странице аккаунта www.e—autopay.com увидите табличку. Чтобы настроить отправку формы перейти в НАСТРОЙКИ и ТОВАРЫ ДЛЯ ОДИНОЧНОЙ ПРОДАЖИ. Нажмите кнопку ДОБАВИТЬ ТОВАР, ЦИФРОВОЙ ТОВАР. В графе НАЗВАНИЕ ТОВАРА пишем, например, «Заявка на покупку» и сохраняем изменения.

Затем в панели меню слева перейдите в ТЕСТЫ ПИСЕМ. Мы сделаем форму, как обычно бывает в заявках, имя и телефон. В поле ТЕМА СООБЩЕНИЯ пишем «Заявка получена». в поле ТЕКСТ СООБЩЕНИЯ оставляем приветствие и имя, остальное удаляем и пишем «Ваша заявка получена! С вами свяжутся в ближайшее время». Затем кнопку СОХРАНИТЬ ИЗМЕНЕНИЯ.

Если вы хотите, чтобы посетители, которые заполнили форму сразу попадали в сервисы рассылки, то можете настроить это функцию выбрав в меню СЕРВИСЫ РАССЫЛОК. При этом в меню НАСТРОЙКИ выбрать НАСТРОЙКИ СЕРВИСОВ РАССЫЛОК и добавить вашу рассылку. И уже в СЕРВИСЕ РАССЫЛОК выбрать куда именно попадает пользователь. Настраивается это с помощью API.

Так же можно настроить сколько комиссия будет за этот товар в меню СТОИМОСТЬ И РАЗМЕРЫ КОМИССИОНЫХ фрилансеру, за то, что человек подпишется на вашу рассылку, например.

После того, как мы настроили товар нам необходимо выбрать НАСТРОЙКА ВАЛЮТ И СПОСОБЫ ОПЛАТЫ, НАСТРОЙКИ СПОСОБА ОПЛАТЫ и в выпадающем списке выбрать НАЛОЖЕННЫЙ ПЛАТЕЖ, поставить галочку ПРИНИМАТЬ ЗАКАЗЫ С ОПЛАТОЙ НАЛОЖЕННЫЙ ПЛАТЕЖ и снять галочку внизу ПРИНИМАТЬ ЗАКАЗ НАЛОЖЕННЫМ ПЛАТЕЖОМ ТОЛЬКО ПОСЛЕ ЕГО ПОДТВЕРЖДЕНИЯ ПО E-MAIL. Потому что мы не будем собирать e-mail. Если у вас 3 поля в форме, то поставьте эту галочку. И кнопку СОХРАНИТЬ.

Затем перейдите в НАСТРОЙКИ и выберите КОНСТРУКТОР ФОРМ и слева кнопку НОВАЯ ФОРМА. Выбираем в меню БЛОК «ТЕЛЕФОН» и БЛОК «ФИО», а также КНОПКА ОТПРАВКА ФОРМЫ. Теперь добавьте скрытое поле СПОСОБ ОПЛАТЫ. Чтобы настроить каждый отдельный блок формы нажмите на маленькую иконку в правом верхнем углу «редактировать». В форме ФИО, оставляем только ИМЯ. В блоке ТЕЛЕФОН не рекомендую использовать РАСШИРЕННЫЙ ВИД, хотя он очень удобен если вы форму для пользователя вставляете прямо на сайт. Так же можете редактировать кнопку.

В поле СПОСОБ ОПЛАТЫ выберите СКРЫТЬ ПОЛЕ, и способ оплаты выберите НАЛОЖЕННЫЙ ПЛАТЕЖ.

Слева в меню нажмите СОХРАНИТЬ ФОРМУ. Затем в списке форм, выберите иконку с функцией ПРОСМОТР HTML КОДА ФОРМЫ. Из выпадающего списка выберите ваш товар, и нажмите ПОКАЗАТЬ КОД. Затем копируйте весь код в буфер обмена. Вставьте его в блокнот NotePad++. Для удобства работы с кодом в меню сверху выберите СИНТАКСИС, букву H и HTML.

Нас интересует код, который начинается с записи <form>. Далее открываем наш лендинг в блокноте, его код. При этом я сохранил этот файл под другим именем, INDEX1, то есть по этому адресу у меня будет именно отправка формы в CRM. В коде находим тег <form>, необходимо изменить action и method, которые мы возьмем из кода нашей новой формы. Подставляем новые значения.

[syntax type=»html»]//нам нужен путь до action

//нам нужен name=»name»

//нам нужен name=»phone»

<tr><td class=»ea_td_right» valign=»top»><span class=»ea_name_field»>Телефон</span><span class=»ea_required_text»>*</span></td><td nowrap=»nowrap»><input type=»text» name=»phone» class=»ea_phone ea_input» value=»» required=»required» /></td></tr><tr><td colspan=»2″ height=»10″></td></tr>

//нам нужны все скрытые поля Способ оплаты в теге select и остальные, которые начинаются с input type=»hidden»

<tr style=»display:none;» ><td class=»ea_td_right»><span class=»ea_name_field»>Способ оплаты</span></td><td><select class=»ea_select ea_pay_mode» name=»pay_mode» style=»display:none;» ><option value=»3″ >Наложенный платеж</option></select></td></tr><tr><td colspan=»2″ height=»10″></td></tr><tr><td colspan=»2″><input type=»hidden» name=»form_charset» id=»form_charset» value=»»><input type=»hidden» name=»tovar_id» value=»1111111″><input type=»hidden» name=»form_id» value=»22222″><input type=»hidden» name=»order_page_referer» id=»order_page_referer» value=»» /></td></tr></table></form>[/syntax]

Далее у нас идет ИМЯ и ТЕЛЕФОН, а в файле INDEX1 у нас было E-MAIL. Чтобы скрыть это поле на странице пропишем class=’form-group hidden’ и это поле уже не будет видно посетителям. А вместо него мы скопируем код на поле ВВЕДИТЕ ИМЯ ниже и изменим его значение на ВВЕДИТЕ ТЕЛЕФОН.

Далее нас интересует какое name у поля ИМЯ. Нужно чтобы было name=’name’. У поля ТЕЛЕФОН должно быть name=’phone’.

Далее ищем код кнопки button с типом type=submit и name=submit.

Далее нас интересуют скрытые поля, которые добавляют в форму. Находим тег <span и копируем его до закрывающего тега </select> включительно. И вставляем это в файл INDEX1 после кода кнопки ПОЛУЧИТЬ ДОСТУП. У меня получился следующий код

[syntax type=»html»]<form role=»form» action=»мой_путь_до_action» method=»post»>
<div class=»form-group hidden»>
<label for=»exampleInputEmail1″>Введите email</label><input type=»email» name=»email» class=»form-control» id=»exampleInputEmail1″>
</div>
<div class=»form-group»>
<label for=»exampleInputPassword1″>Введите имя</label><input type=»text» name=»name» class=»form-control» id=»exampleInputPassword1″>
</div>
<div class=»form-group»>
<label for=»exampleInputPassword1″>Введите телефон</label><input type=»text» name=»phone» class=»form-control» id=»exampleInputPassword1″>
</div>

<button type=»submit» name=»submit» class=»btn btn-danger btn-lg btn-block»>Получить доступ!</button>
<select class=»ea_select ea_pay_mode» name=»pay_mode» style=»display:none;» ><option value=»3″ >Наложенный платеж</option></select>
<input type=»hidden» name=»form_charset» id=»form_charset» value=»»><input type=»hidden» name=»tovar_id» value=»1111111″><input type=»hidden» name=»form_id» value=»22222″><input type=»hidden» name=»order_page_referer» id=»order_page_referer» value=»» />
</form>[/syntax]

Далее нас интересуют еще скрытые поля, которые есть. Находим в коде тег <input> и копируем его </input> и вставляем в файл INDEX1 после поля СПОСОБ ОПЛАТЫ НАЛОЖЕННЫЙ ПЛАТЕЖ.

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

Далее переходим на лендинг, обновляем страницу. Попробуем заполнить форму на сайте. В поле ИМЯ вводим ТЕСТ ИМЯ, в поле ТЕЛЕФОН вводим номер 1111111. Нажимаем на кнопку ПОЛУЧИТЬ ДОСТУП. После этого вы должны увидеть страницу ЗАЯВКА ПРИНЯТА, значит вы настроили все правильно.

Затем переходим на сайт www.e—autopay.com в меню ЗАКАЗЫ и увидим имя ТЕСТ ИМЯ ЗАКАЗ ОПЛАЧЕН. Уже с этой заявкой можно работать, передавать ее сотруднику на обработку.

Теперь давайте обработаем заявку с utm метками. Для этого вернитесь на ваш лендинг. Откройте сайт www.tools.yaroshenko.by выберите ГЕНЕРАТОР UTM меток или воспользуйтесь моим генератором. В адрес целевой странице введите адрес вашего лендинга, источник трафика выберите Яндекс.Директ. НАЗВАНИЕ КАМПАНИИ, например, 123456, ИДЕНТИФИКАТОР ОБЪЯВЛЕНИЯ 12345, КЛЮЧЕВОЕ СЛОВО, например, ИГРЫ ДЛЯ ДЕВОЧЕК. Нажмите кнопку СГЕНЕРИРОВАТЬ UTM метку, скопируйте ее и вставьте в адресную строку вашего лендинга. Заполните форму по предыдущему примеру.

Затем в www.e—autopay.com посмотрите ваш заказ. В колонке UTM метки будут видны ваши метки.

Таким образом настраивается передача заявок с формы на лендинге в CRM.

↓ Презентация cloud.mail.ru