Система может захватывать обращения с сайта: автоматически создавать новый контакт или компанию, открывать заявку или сделку, когда посетитель заполнит форму.
Если на сайте компании ещё нет формы обратной связи
Если на сайте компании уже есть форма обратной связи
Читайте также:
Как настроить интеграцию с сайтом, созданным в сервисе Bloxy
Как настроить интеграцию с сайтом, созданным в сервисе Tilda
Создайте форму в S2.
1. Перейдите в Настройки — Интеграции;
2. Перейдите во вкладку Прочее;
3. Выберите Форма захвата заявки или Форма захвата сделки (обращение с сайта будет зафиксировано как новая заявка или сделка соответственно).
Настройте форму.
1. Укажите создателя формы;
2. Выберите сотрудника, который будет назначенным ответственным по заявкам, принятым с сайта;
3. Укажите источник, который будет присваивается заявкам/сделкам;
4. Введите ссылку на страницу, на которую попадает клиент после заполнения формы.
5. Отметьте чек-боксом пункт Не отправлять параметры формы в колбэке, если
- ваш сайт работает на CMS WordPress и у вас возникают проблемы с нашей формой захвата;
- вы хотите, чтобы после заполнения формы, клиента перенаправляло на нужную страницу без неполадок;
6. Выберите какие поля контакта, компании, заявки или сделки должны присутствовать в форм.
Данные из этих полей полей попадут в создаваемые системой объекты. При желании, поля можно скрыть, сняв галочку Видимость: пользователь не увидит их на сайте, но данные всё равно попадут в систему. Например, посетителю не обязательно знать, что вы присвоили ему тип «Горячий клиент», поэтому добавьте в форму поле клиента «Тип», установите нужное значение и скройте это поле. В форме оно не отобразится, но в карточку при автоматическом создании контакта попадет.
7. Нажмите Получить код формы и скопируйте сгенерированный системой код.
8. Вставьте скопированный код на сайт.
Обратите внимание: если вы добавляете несколько форм на разные страницы сайта или разные ресурсы, и хотите знать, откуда именно пришел клиент, выберите подходящее название для каждой формы. Например, «Заявка со страницы «Контакты»».
Готово. Когда вы вставите код на сайт, форма для ввода данных и отправления заявки будет выглядеть примерно так.
Если вы хотите изменить внешний вид формы, воспользуйтесь CSS-стилями.
Вы можете интегрировать с CRM форму, уже существующую на сайте. Обратите внимание: инструкция ниже не подойдёт для модификации форм на PHP. Если ваш сайт использует CMS WordPress, просто создайте форму по первой инструкции и вставьте ее на сайт как текстовый виджет.
Создайте форму в конструкторе S2. Перейдите в «Профиль компании» — «Интеграции» — вкладка «Захват заявок с сайта», нажмите «Создать форму захвата заявки» или «Создать форму захвата сделки».
Настройте форму.
- Выберите владельца.
- Укажите ответственного: он будет автоматически назначен ответственным по заявкам, принятым с сайта.
- Выберите источник: он присвоится принятой заявке.
- Введите адрес страницы, на которую попадёт посетитель сайта после заполнения и отправки формы. Это может быть главная или специальная страница с благодарностью.
- Выберите, какие поля контакта, компании, заявки или сделки должны присутствовать в форме. Данные из этих полей попадут в создаваемые системой S2 объекты.
Нажмите «Получить код формы», скопируйте сгенерированный системой код в текстовый редактор.
Разберемся, за что отвечает код, и какие значение нужно перенести в вашу форму, чтобы интегрировать её с S2.
Если вы знаете, где находится код формы в общем коде вашего сайта, то следуйте дальнейшей инструкции. Если вы НЕ знаете, как найти код формы на вашем сайте, перейдите к следующему разделу справки: как найти код формы заказа
Первая строчка сгенерированного кода передает данные в СРМ.
<form method=’POST’ action=’https://app.salesap.ru/web\_forms/order‘\>
Копируем атрибут action и его значение
action=’https://app.salesap.ru/web\_forms/order‘
и вставляем в код формы на вашем сайте (кавычки нужны).
В поля сгенерированного кода с типом text данные вводит посетитель сайта. Эти поля уже есть в вашей форме.
Обратите внимание, что у каждого текстового поля в коде, cгенерированном S2, есть атрибут name. Это «подсказка» для СРМ — в какое поле системы записать полученное от пользователя значение.
Для каждого поля формы копируем значение атрибутов name и value и заменяем соответствующие значения в коде сайта. Повторяем для каждого поля формы: чем больше полей Вы создали через конструктор форм, тем больше значений нужно будет заменить подобным образом.
Порядок этих атрибутов особой роли не играет. Если в теге уже прописаны данные атрибуты, то можно заменить. Если нет, то можно добавить справа или слева — внутри тега. Понять, за какие данные отвечает каждое поле вашей формы можно, ориентируясь на название или содержание ячейки.
В полях с типом hidden сгенерированного кода хранятся данные, которые использует система при создании контакта и заявки. Они не видны посетителям сайта. Какая информация находится в каждом поле, понятно из комментария над ним.
Под комментарием «Обязательные поля» хранится системная информация: указано, на какую страницу перенаправить посетителя после заполнения формы, кого назначить ответственным за заявку и пр.
Добавим их в код формы на сайте. Поля нужно вставить в любое место между тегами <form> и </form>, но только не внутри другого тега.
Все файлы вашего сайта лежат на хостинге в виде файлов и папок. Все что нужно сделать — это попасть в это место и найти нужный нам файл для изменения. Обычно, при регистрации на хостинге Вам даются FTP- данные для подключения по протоколу FTP, которые включают в себя: адрес (хост), логин и пароль. Вы можете получить доступ к этим файлам, используя встроенные в хостинг инструменты или используя FTP-клиент, например FileZilla. Рассмотрим поиск файла именно через этот сервис. Его необходимо установить на компьютер и заполнить несколько полей для подключения к сайту.
После того, как связь установлена, откроется файловая структура сайта. Справа — папки сайта, слева — папки вашего компьютера. При двойном нажатии на файл с сайта он автоматически скопируется в указанную папку компьютера.
Теперь необходимо найти файл, в котором находится наша форма. Для этого откройте ваш сайт и нажмите Ctrl + Shift + C, на экране появится код сайта. Теперь нажмите на элемент формы, и в окне с кодом выберите вкладку Sourses. Вы увидите структуру сайта в виде папок, среди них одна будет выделена другим цветом — именно она нам и нужна.
Теперь нужно найти указанный файл через наш FTP клиент. Обычно он лежит в корне файловой структуры сайта.
Чтобы скопировать его на компьютер, щелкните по нему два раза. На всякий случай советуем сделать резервную копию файла.
Далее необходимо в этом файле найти именно ту часть кода, которая отвечает за форму заказа.
Любая форма начинается тэгом <form> и заканчивается тэгом </form>.
Причем начальный тэг содержит специальные атрибуты.
Самый простой способ найти эту часть кода в общем документе, воспользоваться поиском по слову. Наиболее точным местонахождением будет содержание тега id=«abc» где abc — уникальное имя, которое присвоено только этому элементу сайта. Но если его нет, то в качестве ключа можно использовать тег form, или текстовые элементы вашей формы, например «Ваш телефон» или «Ваше имя».
Если в конструкторе форм S2 не оказалось полей, которые присутствуют в форме захвата на вашем сайте, то выполните следующие действия:
1. Создайте нужное поле;
Читайте подробнее: Как создать свои поля
2. Скопируйте id созданного поля. Значение указывается напротив название поля в разделе с дополнительными полями;
Обратите внимание: id — [custom_24342] используется в качестве примера, у вас значение будет другим.
С недавних пор в S2 появилась новая функция — поиск дублей. Ее суть в том, что при обработке данных с сайта, система сначала постарается найти уже имеющийся дубль. Если найдет, привяжет заявку или сделку к существующему контакту или компании. Если дубликат не будет найден, то CRM создаст новый объект.
Чтобы воспользоваться функцией поиска дублей:
Зайдите в Настройки, найдите там Поиск дублей, выберите тип объекта и нажмите на +. В Поля для поиска выберите поле, которое будет использоваться для поиска дубля.
Вернитесь в Настройки, выберите Интеграции — Прочее — Захват заявки или Захват сделки.
В Правило поиска дубликата выберите поле, которые вы создали ранее.
Нажмите Получить код формы, скопируйте код и вставьте его в ваш сайт.
Обратите внимание: в конечной форме на сайте, полей контроля дубля видно не будет, так как для них будет присваиваться атрибут hidden(скрытое поле). Но поиск по дублям все равно будет работать.
Если вы установили правило поиска дублей, то по-умолчанию система будет автоматически указывать в карточке контакта или компании последние данные, которые клиент вводит в форму.
Пример: клиент оставляет заявку на сайте и указывает в форме захвата свое имя, телефон и email. В CRM создается карточка контакта. Через некоторое время клиент оставляет заявку снова и вводит в форму тот же телефон и email, но использует уже другое имя. Система автоматически обновляет карточку контакта и вносит в нее последние данные, которые клиент указал в форме захвата.
Если для вас такая механика неудобна, то вы можете отключить автоматическую перезапись контактов, чтобы их данные оставались в системе в своем первоначальном виде.
- Перейдите в Настройки;
- Откройте вкладку Интеграции — Прочее;
- Выберите захват заявки или Захват сделки;
- Поставьте для полей контактов и компаний галочки в чекбоксах Не перезаписывать найденный объект;
- Нажмите Получить код формы, скопируйте код и вставьте его на ваш сайт.
