Передача подписчика с лендинга

Чтобы передать контакты с лендинга на Тильде, необходимо выполнить следующие действия:

1. Добавить на лендинг блок «вставка HTML кода» (T123, категория Другое)

2. В блок кода вставить следующее:

<!-- enKod -->
<script type="text/javascript">
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//cdn.enkod.ru/script/enpop.min.js';
    script.async = true;
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
    var enKodBox = window.enKodBox = window.enKodBox || {};   
    var ekEvents = window.ekEvents || [];
    enKodBox['token'] = 'СИСТЕМНОЕ_ИМЯ';
</script>
<!-- End enKod -->

Где «СИСТЕМНОЕ_ИМЯ» - системное имя вашего аккаунта в enKod, которое вы можете узнать у своего менеджера.

Для перехвата клика по ссылке (кнопке) в конкретном блоке ниже необходимо добавить:

<script>
$(document).ready(function () {
    $('НОМЕР_ФОРМЫ ТИП_БЛОКА').click(function () {
        ekEvents.push('subscribe',{fields: { email: $('НОМЕР_ФОРМЫ ТИП_БЛОКА[name=Email]').val()}, groups: [ID_ГРУППЫ_РАССЫЛОК]}); 
    });
});
</script>

Где:

  • НОМЕР_ФОРМЫ - можно посмотреть в Настройках блока (прим. #rec123456789)
  • ТИП_БЛОКА
    • а (ссылка)
    • button (кнопка)
    • input (поле для ввода)
  • subscribe - метод подписки enKod
  • fields {} - массив с полями данных подписчика, которые необходимо передать в enKod
  • groups [] - массив с id групп рассылок, на которые необходимо подписать контакт

Пример

Есть лендинг на Тильде с полями для ввода данных (Имя и емейл-адрес), и кнопка действия, которая добавляет подписчика в enKod.

Добавляем на лендинг блок HTML кода со следующим содержанием

<!-- enKod -->
<script type="text/javascript">
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//cdn.enkod.ru/script/enpop.min.js';
    script.async = true;
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
    var enKodBox = window.enKodBox = window.enKodBox || {};   
    var ekEvents = window.ekEvents || [];
    enKodBox['token'] = 'demo';
</script>
<!-- End enKod -->
<script>
$(document).ready(function () {
    $('#rec316880335 button').click(function () {
        ekEvents.push('subscribe',{fields: { email: $('#rec316880335 input[name=Email]').val(), firstName: $('#rec316880335 input[name=Name]').val()}, groups: [45, 46]}); 
    });
});
</script>

Где:

  • demo - системное имя аккаунта
  • #rec316880335 - номер блока
  • button - тип блока «кнопка»
  • input - тип блока «поле для ввода»
  • email - системное имя поля «Емейл» в enKod
  • firstName - системное имя поля «Имя» в enKod
  • Email - имя переменной для ввода емейла на Тильде (с большой буквы)
  • Name - имя переменной для ввода имени на Тильде (с большой буквы)
  • 45, 46 - id групп рассылок, на которые необходимо подписать контакт

Где посмотреть имена переменных:

ВАЖНО Имена переменных в коде обязательно указывать с большой буквы, несмотря на то, что в интерфейсе они прописаны с маленькой.

Если ваш лендинг выгружен из Тильды, но хостится на вашем сервере - воспользуйтесь стандартной инструкцией

Последнее изменение: 2021.05.28 11:46 — Anastasia Aniskova