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

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

Если Вы помните SmartResponder, значит FalconSender Вам покажется знакомым. Даже очень знакомым. Оно и ясно, ведь разработчики те же самые.

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

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


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

1. Создаем новую рассылку

Если НЕ использовать «каналы подписки» (рекомендую), то для каждой новой рассылки создавайте отдельную форму подписки. Одна рассылка — одна форма. Так Вы сразу видите, какая форма работает, а какая простаивает.

Создаем новую рассылку в FalconSender

Название рассылки должно быть полным и внятным, чтобы человек понимал, на что он подписывается 🙂 Email-адрес должен быть с доменом Вашего сайта, если использовать бесплатные сервисы — риск попасть в спам возрастает.

Создаем новую рассылку в FalconSender

После того, как Вы создали рассылку, нажмите на нее, чтобы попасть на страницу настроек данной рассылки. Нас интересует пункт «Дополнительные». Здесь Вы можете настроить переадресации (вами настроенные страницы: после подписки, после подтверждения и после отписки). Обязательно настройте, иначе после нажатия на кнопку, пользователя перебросит на стандартную страницу сервиса, а не на Вашу с Вашим текстом.

Переадресация после подписки в FalconSender

2. Создаем новый канал подписки

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

Создаем новый канал подписки в FalconSender

3. Создаем форму подписки

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

Создаем форму подписки в FalconSender

Называем форму так, чтобы не путаться, когда будет создано 10 и более форм.

Создаем форму подписки в FalconSender

После того, как Вы назвали форму и нажали кнопку «Создать», Вас перебросит в редактор формы. Здесь, в настройках, Вы можете выбрать на какую рассылку будет подписывать форма, а также выбрать канал подписки, чтобы отслеживать форму.

Создаем форму подписки в FalconSender

Теперь нам нужно добавить новое поле «Имя» и выбрать ниже нужный нам вариант проверки полей. Рекомендую выбрать один из тех, что проверяет поля.

Создаем форму подписки в FalconSender

Далее, у кнопки «Сохранить» справа есть иконка «треугольник» — жмем на него, и в появившейся подсказке жмем на «Предпросмотр формы». Появится окно с готовой формой. Жмем правой кнопкой на белый фон в окне и выбираем «просмотр исходного кода». В браузере откроется новая вкладка с крокозяброй.

Создаем форму подписки в FalconSender

Скролим вниз, и копируем три инпута, чтобы потом их использовать в других моих проектах, где нужно подключить форму подписки от FalconSender.

Копируем три важных инпута для дальнейшего использования

ВСЕ!

4. НАГЛЯДНЫЙ ПРИМЕР подключения

Практически во всех моих проектах Вы увидите похожий настроенный код для FalconSender. Везде будет указан комментарий, в котором ясно написано «ВСТАВЬТЕ СЮДА ТРИ ИНПУТА».

Подключаем форму подписки в FalconSender

Выделяете комментарий, и вместо него вставляете эти три инпута.

Подключаем форму подписки в FalconSender

Все! Подключено. Уфф.


Поделиться или сохранить:
  • 31
    Shares

Также интересно...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Есть вопросы?