Передача подписчика с лендинга
Чтобы передать контакты с лендинга на Тильде, необходимо выполнить следующие действия:
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 групп рассылок, на которые необходимо подписать контакт
Где посмотреть имена переменных:
ВАЖНО Имена переменных в коде обязательно указывать с большой буквы, несмотря на то, что в интерфейсе они прописаны с маленькой.
Если ваш лендинг выгружен из Тильды, но хостится на вашем сервере - воспользуйтесь стандартной инструкцией