Передача данных из собственных форм на сайте
Что это такое и зачем нужно
Если на вашем сайте есть собственные встроенные формы обратной связи — заявки с них часто приходят только на почту. Операторы тратят время на ручную обработку: ищут письма, вытаскивают контакты, проверяют, кто звонил, а кто нет. Кроме того, такие обращения не попадают в статистику системы аналитики, и вы не можете оценить, откуда пришел клиент.
Функциональность автоматического сбора заявок решает эти задачи:
- Все обращения оцифрованы и учтены в системе аналитики.
- Все заявки с сайта попадают в единое окно — рабочее место оператора UIS.
- Заявки классифицированы по первичности (новый клиент или уже обращался).
- Есть возможность настроить автоматический перезвон.
- У каждого обращения фиксируется рекламный источник.
Теперь все заявки с сайта будут попадать в единую систему вместе с обращениями из остальных каналов — и вы получите полную, объективную картину эффективности каждого источника.
Как подключить
Подключить сбор заявок можно двумя способами. Для настройки необходимо, чтобы сайт был добавлен в Личный кабинет и на нем был установлен основной код счетчика UIS.
-
С помощью синхронизации полей по селекторам — этот способ быстрее и проще настраивается, но подходит не для всех конструкторов сайтов.
Доступно при наличии соответствующей опции. Актуальное название уточняйте у вашего персонального менеджера UIS. - С помощью JS API — этот способ более универсальный и надежный, потому что при изменении селекторов на сайте вам не придется менять настройки в Личном кабинете UIS.
Мы опишем оба способа, а вы можете выбрать удобный для себя.
Интеграция встроенных форм по селекторам
-
Перейдите в раздел «Формы на сайты».
Откройте Личный кабинет UIS и перейдите в раздел Настройки → Каналы коммуникаций → Формы на сайте.
-
Добавьте новую форму.
Выберите сайт, на котором нужно настроить форму, и нажмите кнопку «Добавить форму».
-
Укажите название формы.
Если у встроенной формы уже есть название, используйте его, если нет, то можно использовать название раздела и блока, в котором находится форма. Это необходимо для того, чтобы можно было точно идентифицировать с какой именно формы поступила заявка, чтобы оценить эффективность каждой из них, а также понять, где располагается эта форма на сайте.
-
Настройте поле «Телефон»
Телефон — ключевое поле для связи, его нужно настроить в первую очередь.
В столбце «Тип элемента» выберите «Поле ввода телефона» , затем в соответствующем поле укажите селектор, отвечающий за поле ввода телефона в форме. При желании заполните поле «Наименование» — это вспомогательная информация для вас.
Если у поля стоит галочка «Обязательное поле», заявка не будет создана, пока посетитель его не заполнит.
-
Настройте кнопку отправки (обязательно)
Данное поле также является ключевым, т. к. именно при нажатии на эту кнопку будет формироваться заявка с формы.
В столбце «Тип элемента» выберите «Кнопка отправки формы», затем в соответствующем поле укажите селектор, отвечающий за кнопку отправки формы.
При желании заполните поле «Наименование» — это вспомогательная информация для вас.
-
Настройте дополнительные поля (если есть)
В форме могут быть поля Имя, Email, Комментарий и другие. Их тоже нужно настроить.
Нажмите «Добавить элемент».
В столбце «Тип элемента» выберите подходящий тип:
«Поле Email» — для электронной почты.
«Текстовое поле» — для комментариев и сообщений.
«Поле ввода имени» — для имени посетителя.
Укажите селектор этого поля.
Введите название поля (например, «Комментарий»). Это важно, если полей несколько — вы будете знать, где что заполнено.
Если у поля стоит галочка «Обязательное поле», заявка не будет создана, пока посетитель его не заполнит.
-
Выберите способ обработки заявок
Без звонка — будет сформирована заявка, которая отобразится в отчете UIS.
Добавить сценарий — по заявке будет запущен автоматический звонок согласно выбранному сценарию. В этом случае обращение будет отображаться в отчете как звонок, а не как заявка.
-
Настройте условия активации (по желанию)
Если на сайте есть форма, к которой нужно подвязать разные сценарии обработки в зависимости от заданного параметра, отображаемого в URL (например, региона посетителя), можно добавить условия активации формы.
Для добавления условия нажмите на кнопку «Условия активации формы» выбрать Тип условия, соответствие, задать значение. При необходимости можно задать сразу несколько условий — форма сработает только при соблюдении всех условий. Изменения вступят в силу после сохранения условий активации.
-
Сохраните созданную форму
Нажмите «Сохранить». Настройка завершена. С этого момента все обращения, поступающие через эту форму, будут автоматически фиксироваться в UIS.
Все заявки появятся в отчете «Коммуникации».
Интеграция встроенных форм по JS API
-
Добавьте функцию в код сайта
Установите на кнопку «Отправить» (или любую другую, активирующих отправку данных) JavaScript-функцию
-
Проверьте валидацию
При нажатии на кнопку происходит проверка корректности данных (например, правильно ли заполнен email). Критерии проверки задаются владельцем формы. -
Посмотрите заявки в отчете
После успешной отправки все данные по заявке появятся в отчете «Коммуникации».
Примеры использования:
В качестве примера рассмотрим установку JavaScript-функции на форму обратной связи с сайта https://www.uiscom.ru/
При заполнении посетителем сайта данной формы, в отчет UIS поступит информация о заявке с указанными контактными данными посетителя.
Для этого, в коде сайта необходимо на страницу подтверждения отправки формы прописать JavaScript-функцию:
где:
- name: $(’[name = name]’). val() — передает данные об имени посетителя и отображает его в столбце отчета «ФИО контакта». Тип text.
- email: $(’[name = email]’). val() — передает данные об электронной почте посетителя и отображает его в столбце отчета «e-mail».
- phone: $(’[name = phone]’). val() — передает данные о телефоне посетителя и отображает его в столбце отчета «Номер абонента».
- message: $(’[name = message]’). val() — передает данные о тексте заявки и для всех остальных полей формы, для которых нет отдельного столбца в отчете и отображает их в столбце отчета «Текст заявки».