Перейти к содержанию

Интеграция Roistat с mottor

Интеграция конструктора сайтов mottor c Roistat позволяет:

  • Подключить вашу CRM, даже если ее нет в каталоге интеграций в mottor;
  • Автоматически создавать в CRM сделки по заявкам из форм на сайте;
  • Анализировать данные по визитам и сделкам с помощью Аналитики Roistat.

Настройка интеграции

Интеграцию можно настроить двумя способами:

  • Автоматически для всех сайтов – этот способ подходит, если вы хотите, чтобы счетчик Roistat и скрипт интеграции добавлялись автоматически для всех существующих сайтов и при подключении новых сайтов;
  • Вручную для каждого сайта – этот способ подходит, если вы работаете с несколькими сайтами, и нужно подключить к Roistat конкретный сайт.

Автоматически для всех сайтов

  1. Скопируйте счетчик Roistat из раздела Настройки → Код счетчика:

    0.png

  2. В кабинете mottor откройте панель управления нужного сайта (кнопка Управление):

    1.png

  3. На панели управления сайтом нажмите Настройки сайта:

    1-1.png

  4. Перейдите в раздел Интеграции:

    1-2.png

  5. Найдите блок Roistat и кликните по нему:

    1-3.png

    В открывшемся окне нажмите Подключить.

  6. Вставьте код счетчика, скопированный в п.1:

    1-4.png

  7. Не закрывая окно вставки HTML-кода, перейдите в интерфейс Roistat. Откройте раздел Интеграции и нажмите Добавить интеграцию. Найдите и добавьте интеграцию с mottor (категория Конструкторы лендингов и форм):

    3.png

    Затем нажмите Настроить интеграцию:

    3-2.png

  8. Скопируйте код из шага Установка скрипта:

    3-3.png

    Обратите внимание:

    Если вместе с данными формы вы хотите передавать ее название, вместо стандартного кода скопируйте код ниже: 

    <script>
    $(function(){
        $('form').submit(function(){
            var fields =  $(this).find('.msf-input__wrapper');
            if (typeof window.roistat === 'undefined' || typeof window.roistat.visit === 'undefined') {
                var data = {};
            } else {
                var data = {roistat_visit: window.roistat.visit};
            }
            fields.each(function(index){
                data['field_' + index + '_name'] = $(this).find('.msf-input__header').text();
                var input = $(this).find('.msf-input:not(div), .msf-input__option:checked, .msf-input__calculation-result').first();
                data['field_' + index + '_value'] = input.length > 0 ? input.val() : null;
            });
            data['frm_title'] = $(this).find('.msf-title').text();
            $('body').append($('<script>', {src: 'https://cloud.roistat.com/integration/webhook?key=<ключ_интеграции>&' + $.param(data)}));
        });
    });
</script>
    Вместо <ключ_интеграции> вставьте ключ из стандартного кода. Обратите внимание: сразу после ключа должен находиться символ &.

  9. Вернитесь в окно вставки HTML-кода. Ниже кода счетчика вставьте скрипт интеграции, скопированный в п.8:

    1-5.png

    Затем нажмите Подключить. После этого код счетчика Roistat и скрипт интеграции будут добавлены на все сайты в вашем кабинете mottor. Также они будут автоматически добавляться на все новые сайты, созданные в этом кабинете. При настройке данным способом не нужно дополнительно добавлять счетчик и скрипт в настройках сайта – это приведет к дублированию кода.

Обратите внимание:

Чтобы отправка заявок в Roistat работала корректно, должна быть отключена опция Отложенная загрузка JavaScript кода. Для этого на панели управления сайтом нажмите Настройки сайта:

2-1.png

Затем найдите опцию в разделе Оптимизация и убедитесь, что она отключена:

2-2.png

Вручную для каждого сайта

Установка счетчика

  1. Скопируйте счетчик Roistat из раздела Настройки → Код счетчика:

    0.png

  2. В кабинете mottor откройте панель управления нужного сайта (кнопка Управление):

    1.png

  3. Перейдите в раздел Настройки → Общие и вставьте скопированный код в поле Вставка в тэг <body>:

    2.gif

  4. Сохраните изменения.

Установка скрипта интеграции

  1. В проекте Roistat перейдите в раздел Интеграции и нажмите Добавить интеграцию. Найдите и добавьте интеграцию с mottor (категория Конструкторы лендингов и форм):

    3.png

    Затем нажмите Настроить интеграцию:

    3-2.png

  2. Скопируйте код из шага Установка скрипта:

    3-3.png

    Обратите внимание:

    Если вместе с данными формы вы хотите передавать ее название, вместо стандартного кода скопируйте код ниже: 

    <script>
$(function(){
    $('form').submit(function(){
        var fields = $(this).find('.user_form_fields_list>div');
        if (typeof window.roistat === 'undefined' || typeof window.roistat.visit === 'undefined') {
            var data = {};
        } else {
            var data = {roistat_visit: window.roistat.visit};
        }
        fields.each(function(index){
            data['field_' + index + '_name'] = $(this).find('.label_txt').text();
            var fieldWrap = $(this).find('.field_wrap');
            data['field_' + index + '_value'] = fieldWrap.find('input:first').is(':radio') || fieldWrap.find('input:first').is(':checkbox') ? fieldWrap.find('input:checked').val() : fieldWrap.find('>*:first-child').val();
        });
           data['frm_title'] = $(this).find('.body_content .header_text').text();
        $('body').append($('<script>', {src: 'https://cloud.roistat.com/integration/webhook?key=<ключ_интеграции>&' + $.param(data)}));
    });
});
</script>
    Вместо <ключ_интеграции> вставьте ключ из стандартного кода. Обратите внимание: сразу после ключа должен находиться символ &.

  3. Перейдите в кабинет mottor на ту же страницу настроек, где вы устанавливали код счетчика Roistat: панель управления сайта → Настройки → Общие:

    4.png

  4. Вставьте скопированный код в поле Вставка в тэг <body> после счетчика Roistat:

    5.gif

  5. Сохраните изменения.

Обратите внимание:

Чтобы отправка заявок в Roistat работала корректно, должна быть отключена опция Отложенная загрузка JavaScript кода. Для этого на панели управления сайтом нажмите Настройки сайта:

2-1.png

Затем найдите опцию в разделе Оптимизация и убедитесь, что она отключена:

2-2.png

Настройка форм

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

В заявке передаются данные только из следующих полей (указаны возможные названия полей в редакторе сайта, регистр не имеет значения):

  • Имя (Name)
  • Телефон (Номер телефона, Phone, Phone number)
  • Электронная почта (Адрес электронной почты, Email, E-mail)

Также возможно передавать название формы. Для этого нужно использовать измененный скрипт интеграции – см. п.2 раздела Установка скрипта интеграции.

Настройка quiz-форм

Поддержка quiz-форм от mottor работает, только если интеграция Roistat с mottor была настроена после 2019 года.

Если интеграция была настроена до 2019 года, то для поддержки quiz-форм mottor необходимо обновить скрипт интеграции с Roistat в интерфейсе mottor.

Для этого нужно:

  1. Перейти в mottor в и нажать кнопку Управление.

  2. Открыть Настройки → Общие.

  3. В поле Вставка в теге <body> найти код интеграции с Roistat (он должен быть прямо под счетчиком).

  4. Удалить код интеграции с Roistat.

  5. Зайти в Roistat, открыть Интеграции → mottor → Настроить интеграцию.

  6. Скопировать в буфер обмена скрипт интеграции.

  7. Вставить скопированный скрипт в mottor (Настройки → Общие → Вставка в тэг <body>) сразу после счетчика Roistat.

Дополнительные настройки интеграции

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

    2-3.png

  2. На шаге Настройки поведения вы можете:

    • Настроить отправку заявок в CRM. Если отключить опцию Отправлять заявки в CRM, лиды будут создаваться в списке отправленных заявок, но не будут отправляться в CRM.
    • Отключить или включить создание заявок без контактных данных. Если опция отключена, заявки будут отправляться в CRM даже при отсутствии контактных данных клиента.
    • Создать сценарии отправки заявок.
    • Настроить сценарии отправки целей в Google Аналитику и Яндекс.Метрику.

    5-1.png

  3. На шаге Настройка доп. полей вы можете настроить передачу значений в дополнительные поля сделки в CRM:

    1. Нажмите Добавить поле.
    2. В раскрывающемся списке Выберите поле выберите название дополнительного поля в CRM. Список полей загружается из подключенной к проекту Roistat CRM.
    3. Нажмите Сохранить.

Проверка работы

  1. Создайте тестовую заявку из формы на сайте.

  2. В проекте Roistat перейдите в раздел Состояние проекта → Список отправленных заявок и найдите созданную заявку:

    6.png

  3. Проверьте, что в поле Промокод указан номер визита.

  4. Проверьте статус отправки заявки в CRM: в поле Отправлен должен появиться успешный статус отправки V, а в CRM – новая заявка с номером визита.

Обратите внимание:

При интеграции с целями заявка не отправляется, поэтому статус отправки будет неуспешным X – это нормально.

Рекомендуемые статьи

mottor CRM