Интеграция Roistat с Wix | Руководство пользователя

Интеграция Roistat с конструктором сайтов Wix позволяет автоматизировать создание сделок с форм сайта в CRM.

Как работает интеграция¶

1. Клиент оставляет заявку в форме Wix.
2. После отправки заявки информация передается в Roistat.
3. Если в проекте Roistat настроена интеграция с CRM, Roistat отправляет созданную заявку в подключенную CRM.

Настройка¶

1. Зайдите в личный кабинет Wix в раздел Мои сайты, выберите сайт, с которым хотите настроить интеграцию, и нажмите Управлять и редактировать:

   

2. Перейдите на вкладку Настройка:

   

3. В блоке Дополнительно нажмите Пользовательский код:

   

4. На открывшейся странице нажмите кнопку Добавить код в правом верхнем углу.

5. Не закрывая личный кабинет Wix, перейдите в проект Roistat в раздел Настройки и скопируйте код счетчика:

   

6. Вернитесь в личный кабинет Wix. Вставьте код счетчика в поле Вставьте фрагмент кода сюда и укажите название. В пункте Куда добавить код? выберите На все страницы и Загружать код на каждой новой странице. В пункте Где разместить код? укажите Body — конец:

   

7. Если вы используете баннер cookie, для работы интеграции необходимо добавить дополнительный скрипт. Снова нажмите Добавить код. В поле Вставьте фрагмент кода сюда добавьте следующий скрипт:

   <script>
       setTimeout(() => { 
               document.cookie = "roistat_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_first_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_is_need_listen_requests="+ localStorage.getItem('roistat_is_need_listen_requests') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_visit_cookie_expire="+ localStorage.getItem('roistat_visit_cookie_expire') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
           }, 3000);
       setTimeout(() => { 
               document.cookie = "roistat_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_first_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_is_need_listen_requests="+ localStorage.getItem('roistat_is_need_listen_requests') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_visit_cookie_expire="+ localStorage.getItem('roistat_visit_cookie_expire') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
           }, 12000);
   
   
       setInterval(function (){
       if(document.getElementsByClassName('КЛАСС КНОПКИ "ПРИНЯТЬ" НА БАННЕРЕ')[0]) {
           document.getElementsByClassName('КЛАСС КЛАСС КНОПКИ "ПРИНЯТЬ" НА БАННЕРЕ')[0].onclick= function() {
           document.getElementsByClassName('КЛАСС КНОПКИ "X" НА БАННЕРЕ')[0].click();
           setTimeout(() => { 
               document.cookie = "roistat_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_first_visit="+ localStorage.getItem('roistat_first_visit') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_is_need_listen_requests="+ localStorage.getItem('roistat_is_need_listen_requests') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
               document.cookie = "roistat_visit_cookie_expire="+ localStorage.getItem('roistat_visit_cookie_expire') +"; path=/; expires=tue, 19 jan 2023 03:14:07 gmt; secure=true";
           }, 3000);
   
           };
       }
   }, 500);
   
   </script>
   

   Вместо КЛАСС КНОПКИ "ПРИНЯТЬ" НА БАННЕРЕ и КЛАСС КНОПКИ "X" НА БАННЕРЕ вставьте названия классов кнопок Принять и Закрыть (крестик) на баннере cookie. Чтобы узнать класс кнопки в Chrome, кликните по ней правой кнопкой мыши и нажмите Просмотреть код. Код выбранного элемента будет подсвечен – найдите в нем значение class="...". Значение в кавычках – это название класса кнопки, которое необходимо вставить в скрипт:

   

   В поле Название укажите любое название, например, Скрипт для cookie. В пункте Куда добавить код? выберите На все страницы и Загружать код на каждой новой странице. В пункте Где разместить код? укажите Body — конец.

8. Не закрывая личный кабинет Wix, перейдите в проект Roistat в раздел Интеграции и нажмите Добавить интеграцию. Найдите и добавьте интеграцию с Wix:

   

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

   

9. Скопируйте код интеграции:

   

10. Вернитесь в личный кабинет Wix и снова нажмите Добавить код. Вставьте скопированный код интеграции в поле Вставьте фрагмент кода сюда и укажите название. В пункте Куда добавить код? выберите На все страницы и Загружать код на каждой новой странице. В пункте Где разместить код? *укажите *Body — конец:

    

    Внимание!

    Важно сначала вставить код счетчика и скрипт для cookie, а затем код интеграции.

11. Вернитесь в меню сайта и нажмите кнопку Редактировать:

    

12. Перейдите в настройки формы обратной связи. Укажите тексты-подсказки для полей форм:

    • Для поля с именем – Имя
    • Для поля с телефоном – Телефон
    • Для поля с почтой – Адрес эл. почты

    Внимание!

    Для корректной отправки данных в Roistat необходимо задать правильные тексты-подсказки для полей форм.

    

    Оставшиеся поля формы будут переданы в комментарий заявки.

13. Нажмите кнопку Опубликовать, чтобы изменения вступили в силу.