Чтобы передать контакты и события с лендинга на Тильде, а также иметь возможность показывать на лендинге поп-апы, необходимо выполнить следующие действия:
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, которое вы можете узнать у своего менеджера.
Для работы скрипта необходимо подключить библиотеку jQuery, если этого не было сделано ранее. Для подключения пропишите
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
до тела скрипта (сразу после <!– enKod –>). Версия библиотеки может отличаться от указанной.
Для перехвата клика по ссылке (кнопке) в конкретном блоке ниже необходимо добавить:
<script>
$(document).ready(function () {
$('НОМЕР_ФОРМЫ ТИП_БЛОКА').click(function () {
ekEvents.push('subscribe',{fields: { email: $('НОМЕР_ФОРМЫ ТИП_БЛОКА[name=email]').val()}, groups: [ID_ГРУППЫ_РАССЫЛОК]});
});
});
</script>
Где:
Есть лендинг на Тильде с полями для ввода данных (имя и емейл-адрес), и кнопка действия, которая добавляет подписчика в 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>
Где:
Имена переменных в коде обязательно указывать со строчной буквы.
Если ваш лендинг выгружен из Тильды, но хостится на вашем сервере - воспользуйтесь стандартной инструкцией