Как подключить SendPulse к любой подписной форме

Метод подключения SendPulse кода относится именно к дизайну моих проектов, где имеется подписная форма. Все формы во всех проектах уже настроены, и лишь остается их подключить. Чтобы подключить, Вам необходимо сгенерировать подписную форму в сервисе, затем скопировать код и поместить в обычный блокнот (NotePad++, или Brackets)

Далее, я подготовил универсальную видеоинструкцию для всех проектов, т.е. ее одной достаточно, чтобы понять как подключать SendPulse код к любому моему проекту, где имеется подписная форма.

---

Редактор форм в SendPulse немного видоизменился. Картинки в текстовой инструкции уже поправил.

---

Смотрим ВИДЕОИНСТРУКЦИЮ:

---

Базовая инструкция SendPulse в картинках:

1. Создаем новый вариант формы подписки

Переходим в раздел «Формы подписки» и жмем «Создать новую форму подписки»:

выбираем «Конструктор форм» и «Встроенная форма».

2. Выбираем, или создаем новую адресную книгу (группу) в которые будут добавляться новые подписчики

Рекомендую выбирать или создавать только одну группу для каждой формы подписки, поскольку так Вы точно будете знать, какая форма работает лучше, а какую нужно поправить, или вообще удалить с глаз долой. Далее жмем кнопку «В редактор»

3. Новое поле для формы подписки + удаляем ненужное

Жмем на плюсик слева сверху, и в открывающем меню выбираем «Имя» — жмем на него и тащим в форму подписки. Отлично! Справа связываем поле с переменной «имя» и делаем поле «обязательным».

После, жмем на поле «текстовой блок», т.е. делаем его активным, и удаляем, нажимая на красную иконку (нам это поле не нужно.)

4. Опции формы | Данные и тип формы

Жмем на кнопку сверху справа «опции формы», и переходим в настройки формы. Здесь достаточно указать домен сайта, где будет размещена форма. Также Вы можете поправить название и указать язык.

Если Вы активируете опцию «GDPR», то под email появятся два чекбокса с условиями:

5. Опции формы | Уведомление о подписке

Это тот текст, который высвечивается сразу же в самой форме подписки, когда человек заполняет данные и нажимает кнопку. Можете поправить текст, если он Вам не нравится.

6. Опции формы | Текст письма подтверждения

Тему письма пишем в повелительном наклонении. Опять же, текст письма можете поправить, хотя и этот формальный вариант по умолчанию тоже хорош.

7. Опции формы | Страница подтверждения

Действие после подписки:
1) «Показать стандартную страницу с сообщением» — стандартный текст от сервиса с текстом о том, что он подтвердил свою подписку успешно. Текст сообщения нельзя поменять, поскольку это страница сервиса.
2) «Перенаправить на страницу на моем сайте» — Страница, на которую перенаправляется УЖЕ новый подписчик после клика в письме на ссылку подтверждения. По сути, это уже вторая страница благодарности. Обычно, первая страница благодарности открывается сразу, после нажатия кнопки в форме подписки, т.е. Вы благодарите за то, что человек решил подписаться, и предлагаете по ходу дела что-то платное, или тупо просто благодарите. Вторая страница «спасибо» — это та же страница подтверждения, только так это звучит формально, а «спасибо» — куда эмоциональнее, т.е. Вы благодарите еще раз за то, что человек решил подтвердить свое желание стать Вашим фанатом, и по ходу дела еще раз предлагаете ему что-то из своей платной коллекции. Конечно, только сейчас, и только для него, как нового участника Вашей группы — 70% скидка.

8. Опции формы | Аналитика и статистика

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

9. Результат перед сохранением и копированием HTML кода формы

Конечный результат формы подписки должен выглядеть так:

10. Получаем HTML-код формы подписки

Сохраняем и получаем код для вставки на сайт. Копируем его.

11. Приводим код в порядок

Переходим на сайт htmlformatter.com, вставляем скопированный код, и жмем кнопку «FORMAT».

12. Удаляем ненужное в коде

Удаляем тег «style» и все, что в нем находится.

---

КАК ПОДКЛЮЧИТЬ SendPulse на примере

Для каждого своего проекта я уже предлагаю настроенный код под каждый сервис. В коде SendPulse есть ШЕСТЬ элементов, которые нужно заменить — так мы подключим код к любому моему проекту. Ниже, в шаблоне, я показал, где эти ШЕСТЬ элементов. Т.е. Вы вытягиваете ЭТИ ШЕСТЬ ЭЛЕМЕНТОВ ИЗ СВОЕГО КОДА, и вставляете в настроенный код для определенного проекта.

«Настроенный код формы подписки» — это код, который настроен под дизайн определенного проекта (настроен, НЕ подключен).
«Подключенный код формы подписки» — это код, который Вы сами подключаете, вытягивая ШЕСТЬ элементов из своей формы подписки, которую Вы получили в сервисе, и внедряете эти ШЕСТЬ элементов в настроенный код определенного проекта (не во всех проектах одинаковый код, зато ВО ВСЕХ проектах один принцип: ШЕСТЬ элементов.).

НИЖЕ, пример уже настроенного кода, но еще не подключенного

Вы вытягиваете шесть элементов, и заменяете ими нули:

На этом все!

---