Loading...
Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 35 Next »

Интеграция Roistat с конструктором сайтов Tilda позволяет загружать заявки посетителей в ваш проект Roistat и автоматически создавать для них сделки в подключенной CRM.

Заявки загружаются на страницу Каталог интеграций [наcтройки подключенной CRM] Список отправленных заявок :

(информация) Заявки в проекте Roistat и CRM могут создаваться не сразу после отправки формы с сайта, а с небольшой задержкой. Поэтому рекомендуем подождать какое-то время (1-3 минуты), прежде чем обращаться в службу поддержки.

Звонки на номера, размещенные на сайте, созданного в Tilda, можно отслеживать с помощью Коллтрекинга Roistat. Подробнее о настройке читайте в п.  Разметка номера для отслеживания звонков .

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

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

Шаг 1. Установите счетчик Roistat

На каждую страницу, куда заходят посетители, нужно установить счетчик, который позволит Roistat получать данные о посетителях. Сразу будет доступна функциональность промокодирования (для отслеживания продаж через телефон). Счетчик установит в cookie переменную roistat_visit,  которая будет содержать номер визита:

  1. В проекте Roistat откройте раздел Настройки на закладке Код счетчика:
  2. Нажмите кнопку Сохранить в буфер.
  3. Перейдите в кабинет Tilda в режим редактирования нужной страницы.
  4. Добавьте скопированный скрипт в блок типа HTML-код и сохраните его:
     

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

Если не удается найти элемент body

Если вы не можете найти элемент body, чтобы вставить код счетчика Roistat, то нужно выполнить следующие действия:

  1. Добавить блок Т123 на страницу вашего сайта (если его еще нет):
  2. Перейти в блок Т123 и нажать кнопку Контент:

  3. Вставить код счетчика Roistat:
  4. Опубликовать введенные изменения:

Шаг 2. Настройте Webhook для передачи заявок из форм Tilda в Roistat

(warning) Чтобы заявки из форм Tilda могли быть переданы в Roistat, имена переменных для полей в Tilda должны будут иметь следующий формат:

  • поле с именем: name / Name / NAME;
  • поле с электронной почтой: email / Email / EMAIL;
  • поле с телефоном: phone / Phone / PHONE.

 Как добавить имя переменной для поля в Tilda
  1. Откройте настройки страницы вашего сайта в Tilda, на которой размещена форма с полями, значения которых вы хотите передавать в CRM.
  2. Указателем мыши наведите на элемент формы и нажмите Контент:

    Откроется страница настройки содержимого формы.
  3. В блоке Поля для ввода для поля, значение которого вы хотите передавать в Roistat, заполните поле Имя переменной.
  4. Нажмите Сохранить.
  1. В проекте Roistat откройте Каталог интеграций.
  2. В блоке Конструкторы сайтов выберите Tilda и нажмите кнопку Подключить.
    Откроется страница настроек интеграции с Tilda.  
  3. В шаге Инструкция  скопируйте содержимое поля Webhook URL :
     
  4. В вашем кабинете Tilda перейдите в раздел Мои сайты, выберите нужный сайт и в открывшемся подразделе со списком страниц нажмите кнопку Настройки сайта:

  5. На странице настроек откройте раздел Формы и нажмите Webhook:   


    Откроется страница настроек Webhook.

  6. В поле Webhook URL вставьте адрес Webhook, скопированный в пункте 3 инструкции.
  7. В разделе Формы откройте настройки нужного вам сервиса:
      
  8. В дополнительных настройках поставьте галочку напротив Посылать Cookies:
  9. Нажмите Сохранить.

Шаг 3. Установите скрипт для передачи данных (необязательно)

(warning) Этот шаг не является обязательным. Он необходим в том случае, если вы хотите, чтобы в заявках отображался адрес страницы, на которой пользователь оставил заявку. Если скрипт не установлен, в заявках не отображается адрес страницы, на которой пользователь оставил заявку.

  1.   В проекте Roistat на странице настройки интеграции с Tilda откройте шаг Подключение скрипта:
     
  2. В вашем кабинете Tilda перейдите в разделе Мои сайты, выберите нужный сайт и на странице со списком страниц сайта нажмите кнопку Настройки сайта:
     
  3. На странице настроек откройте раздел Еще.  
  4. В блоке HTML-код для вставки внутрь HEAD нажмите Редактировать код:

  5. В поле Вставка кода в head вставьте скрипт, скопированный в пункте 1 инструкции:

  6. Нажмите Сохранить.
  7.   Опубликуйте внесенные изменения:

     
     

Шаг 4. Настройте заполнение дополнительных полей сделки в CRM

Если вы хотите, чтобы в сделке в CRM помимо основных полей заполнялись дополнительные поля:

  1. В проекте Roistat на странице настройки интеграции с Tilda откройте шаг Настройка доп. полей.  
  2. Нажмите Добавить поле.
  3. В раскрывающемся списке Выберите поле выберите название дополнительного поля в CRM.
    (информация) Список полей загружается из подключенной к проекту Roistat CRM.
  4. В поле ниже введите значение дополнительного поля сделки: если вы хотите, чтобы значение было статичным, просто введите текст. Если вы хотите использовать переменные:
    • Введите {orderPrice}, если хотите передавать в дополнительное поле сделки сумму заказа.
    • Введите {field_(имя переменной для поля в Tilda)}, если хотите передавать в дополнительное поле сделки содержимое поля Tilda. Например, {field_city} – переменная для передачи значения поля Город в Tilda.

 Как узнать имя переменной поля в Tilda
  1. Откройте настройки страницы вашего сайта в Tilda, на которой размещена форма с полями, значения которых вы хотите передавать в CRM.
  2. Указателем мыши наведите на элемент формы и нажмите Контент:

    Откроется страница настройки содержимого формы.
  3. В блоке Поля для ввода для поля, значение которого вы хотите передавать в дополнительное поле CRM, заполните поле Имя переменной. Это имя переменной и нужно ввести в настройках интеграции.
  4. Нажмите Сохранить.

Помимо переменных 

Шаг 5. Настройте отправку заявок из форм в CRM через Roistat в интерфейсе Roistat (необязательно)

(warning)Пропустите этот шаг, если вы уже настроили Webhook для передачи заявок в Roistat (см. Шаг 2).

Передача заявок в Roistat уже настроена. О настройке передачи заявок в CRM читайте в документации по интеграции с подключенной CRM (Шаг "Настройте автоматическую отправку сделок в CRM").

Чтобы настроить в интерфейсе Roistat передачу заявок в CRM через Roistat механизм отправки заявок, при котором заявки сначала передаются в Roistat, затем отправляются в CRM:

  1. В проекте Roistat откройте раздел Настройки и выберите закладку Заявки с форм сайта.
  2. Нажмите кнопку Добавить форму.  
    Откроется окно Новая форма.
  3. В поле Название введите текст, который будет отображаться в названии заявки: Заявка с формы <Название>.
  4. В качестве типа отправки выберите Кнопка.
  5. В поле Селектор кнопки введите .t-submit. Если на странице несколько форм, то введите #<ID_формы><пробел>.t-submit, например: #form55555555 .t-submit.

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

  6. Для поля Имя клиента выберите Результат исполнения JS и введите return $("input[name='имя переменной для поля с именем клиента в Tilda']").val().
    (информация) О том, как узнать имя переменной для поля в Tilda, читайте в Шаге 4.
  7. Для поля Телефон выберите Результат исполнения JS и введите return $("input[name='имя переменной для поля с номером телефона в Tilda']").val().
  8. Для поля Email выберите Результат исполнения JS и введите return $("input[name='имя переменной для поля с емейлом в Tilda']").val().
  9. Нажмите Сохранить.

 

Шаг 6. Разметьте номера для отслеживания звонков

Чтобы Roistat подменял номер компании на отслеживаемый, в конструкторе страницы добавьте блок типа HTML-код и вставьте следующий скрипт:

<script type="text/javascript">
$(document).ready(function() {
$('[href="tel:+7XXXXXXXXXX"]').addClass('roistatphone');
});
</script>

Вместо +7ХХХХХХХХХХ укажите нужный номер. При использовании этого скрипта в настройках сценария укажите элемент для подмены "roistatphone".


HTML-блок можно добавить в любое место сайта.

(информация) Интеграция с корзиной Tilda позволяет Roistat обрабатывать заявки из корзины.

Пример комментария:

<payment[smartphone][N][iphone8]> (<payment[smartphone][N][sku]>) —
<payment[smartphone][N][1000USD]> x <payment[smartphone][N][1]> =
<payment[smartphone][N][1]>
.....
Итого: <payment[amount]>
Iphone8 (SKU:123789) - 1000 USD x 1 = 1000 USD
Iphone X (SKU:150698) - 1500 USD x 3 = 4500 USD
Итого: 5500 USD

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

Передача заявок в CRM через Roistat (проксилид)

  • No labels