Loading...
Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. В проекте Roistat откройте раздел Настройки и выберите закладку Заявки с форм сайта.
  2. Нажмите кнопку Добавить форму.  
    Откроется окно Новая форма.
  3. В поле Название введите текст, который будет отображаться в названии заявки: Заявка с формы <Название>. 
  4. Укажите механизм отправки данных по заявке:
    • Форма. Выберите этот способ, если формы заявок в исходном коде вашего сайта обозначены тегом <form>, поля для ввода данных в них обозначены тегом <input>, а данные отправляются с перенаправлением или обновлением страницы по нажатию на кнопку с типом type=”submit” .
    • Кнопка. Выберите этот способ, если данные из формы заявки отправляются без перезагрузки страницы с помощью AJAX по нажатию на кнопку любого типа.
  5. В зависимости от механизма отправки данных по заявке введите:
    • Селектор формы. Селектор CSS, который точно определяет форму на сайте, из которой Roistat получает данные для формирования заявки. Вы можете указать один или несколько селекторов, важно, чтобы они определяли нужную форму. Для указания селекторов используйте нотацию CSS, например: селектор класса .registration-form-1 (<form class=“registration-form-1”>), селектор идентификатора #contact-form-1 (<form id=“contact-form-1”>).  
    • Селектор кнопки. Селектор CSS, который точно определяет кнопку на сайте, по нажатию на которую Roistat получает данные для формирования заявки. Вы можете указать один или несколько селекторов, важно, чтобы они определяли нужную кнопку.  Для указания селекторов используйте нотацию CSS, например: селектор класса .bnt-primary (<button class=“bnt-primary”>) .    

    Expand
    titleКак получить селектор CSS для формы или кнопки
    1. Откройте форму или страницу заказа на вашем сайте. Чаще всего она называется Корзина. Если на вашем сайте данные для заказа вводятся не в форме, а на странице сайта, перейдите к этапу, когда нужно отправлять заказ.
    2. С помощью любого имеющегося у вас инструмента откройте исходный код формы или страницы заказа. Например, с помощью вашего браузера: правой кнопкой мыши выделите содержимое формы или страницы заказа, вызовите контекстное меню и выберите Исходный код выделенного фрагмента.
    3. Сделайте поиск по ключевому слову form id или form, если хотите получить селектор CSS для формы. Сделайте поиск по названию кнопки, по которой отправляется заказ, если хотите получить селектор CSS для кнопки.
    4. Скопируйте значение идентификатора (id) или класса (class).


  6. Укажите способ, которым заполняются основные поля заявки в CRM:  
    • Статическое значение . Введенное в поле справа значение в том же виде передается в заявку в CRM. Вы можете использовать переменные .

    • Значение из поля формы . В заявку в CRM передается значение, введенное в поле формы на сайте. Укажите значение атрибута name для поля формы на сайте. Например, введите Phone для поля Телефон , если в коде формы на сайте вы видите <input type="text" name="Phone"...> .
    • Результат исполнения JS . В заявку в CRM передается значение, полученное с помощью JavaScript-кода. Например, return $("input[name='email']").val() для поля Email.
      (информация) Вы можете указать - какие поля будут являться основными для заполнения клиентом. Если клиент их не заполнит, Roistat не отправит заявку.
  7. Создайте при необходимости дополнительные поля заявки:
    1. Раскройте блок Дополнительные поля.
    2. В раскрывающемся списке Выберите поле выберите нужное поле. Список полей загружается из CRM, с которой настроена интеграция.
    3. Укажите способ, которым заполняется дополнительное поле (см. пункт 6 инструкции).
      (информация) Если вам нужно передавать пустое значение в дополнительное поле заявки в CRM, укажите Статическое значение и введите пробел.
    4. Нажмите кнопку Добавить и повторите пункты b и c, если требуется больше одного дополнительного поля.
    Дополнительное поле может понадобиться, например, чтобы указывать город, в котором отправлена заявка. Или чтобы заполнить поле, которого нет в форме и которое обязательно для заполнения в CRM.
  8. Если необходимо инициировать обратный звонок на телефон клиента, который заполнил форму, включите настройку "Обратный звонок"
  9. Если настроенная форма в Roistat не должна временна временно или всегда отправлять данные в CRM, то выключите настройку "Отправлять в CRM"
  10. Нажмите кнопку Сохранить.

...