Форма подписки на обновление сайта

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

Что такое форма подписки на сайт

Что такое форма подписки и зачем нужно её устанавливать на сайт? Это форма для ввода контактной информации посетителей сайта, чаще всего e-mail и имя. Происходит сбор подписчиков в отдельную базу. Посетители попадают на сайт, читают интересные статьи, написанные вами, и получив необходимую информацию уходят. Больше вы их можете не увидеть. Подписавшись же на обновление блога, они будут получать письма о новых публикациях. С читателями нужно поддерживать взаимоотношения. Отправив письмо в рассылке, получаете дополнительную посещаемость сайта.

Как создать форму подписки на сайте в SendPulse

Форма подписки на сайт создаётся различными способами. Самостоятельно написать HTML код, но проще всего использовать сервисы рассылок, которые предоставляют этот самый код. Сервисов рассылок сейчас на рынке достаточно много и начинающим трудно определится и сделать свой выбор. Я пользуюсь сервисом e-mail рассылок SendPulse, и вот по каким причинам.

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

Регистрация и настройка в SendPulse

Итак, решили делать форму подписки и рассылку используя сервис SendPulse. Первым делом надо пройти регистрацию. Желательно через почтовый ящик Gmail. При подтверждении регистрации по почте, и входа в сендпульс личный кабинет будет небольшой опрос.

  1. Следующий важный пункт — указать адрес отправителя с доменной почты. доменная почтаТо есть письмо будет приходить не с личного почтового ящика, а от имени сайта. Создать доменную почту нужно на хостинге.
  2. Создайте адресную книгуСоздать адресные книгиНазовитенапримеря назвал «Подписка на обновление блога».
  3. Теперь непосредственно приступаем к созданию формы подписки. В разделе Формы подписки ⇒ Создать новую форму.Форма подписки на сайт
  4. В конструкторе форм Сендпульс находятся готовые формы, которые легко редактируются, также можно создать красивые формы подписок полностью с нуля.
    красивые формы подписок
  5. Дизайнер форм. На выбор четыре варианта.
    • Встроенная форма. Статическая форма. Сгенерированный код вставляете в назначенное место блога.
    • Попап-окно. Всплывающее окно с формой подписки будет появляться при выполнении настроенных условий.
      • Сразу при заходе на сайт.
      • Через определенное время пребывания посетителя на сайте.
      • При скролле страницы от 25% до конца.
      • При уходе курсора со страницы.
    • Плавающая. Постоянно отображается в одном месте страницы.
    • Фиксированная. Данный вид формы подписки можно закрепить в заданном месте: шапке, футере, сайдбаре.
  6. Указываете созданную адресную книгу, (можно создать ещё одну на этом этапе), и переходите в редактор.

Редактор формы подписки Сендпульс

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

элементы формы подписки

Сбоку также находятся элементы для создания расширенной формы подписки. Нужно зажать мышкой необходимый элемент и перетащить в форму.

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

Поэтому для простой формы подписки удобно пользоваться готовой формой от SendPulse.

сделать форму подписки

Редактирование названия полей и дизайн выполняется в правой части конструктора.

  • Расположение блоков. На выбор горизонтально и вертикально. Зависит от места где будет находится форма подписки на сайте. Если в сайдбаре — вертикальное расположение, в конце статьи — по дизайну больше подходит горизонтальный вид. Это мои мысли. Естественно, у каждого свое видение и свой дизайн сайта, под который и стоит создавать форму.
  • На всю ширину. Активация растянет форму на всю ширину сайта.
  • Ширина формы и Фон формы. Задайте конкретные размеры от 200 до 960 пикселей и установите цветовую подложку нажав rgba. Перемещая правый ползунок регулируйте прозрачность цвета. Крайнее нижнее положение — полностью прозрачный фон.фон формы подписки
  • Фоновая картинка. Создайте сами или найдите привлекающее внимание изображение и установите фоном. Сервис рекомендует размер картинки 496х600 пикселей. Не забудьте оптимизировать изображение перед установкой.
  • Контур формы подписки по умолчанию установлен 2 пикселя. Вы вправе изменить значение и выбрать цвет.
  • Внутренний отступ — это значение от контура до полей. Установите радиус контура опцией Скругление углов.
  • Шрифт выбирайте в выпадающем меню.

Раздел поля ввода и названия. Здесь те же опции, что и для формы, только относятся к конкретному полю. Щелчком мышки активируйте поле, затем устанавливайте значения.

Положение название полей можно установить в трех местах: сверху поля, сбоку и внутри. Выбор за вами.

название поля формы подписки

Активировав поле в шаблоне — редактируйте название, текстовую часть.

редактировать форму подписки

На этом работа с дизайном формы подписки закончена, переходим к следующему шагу — создание писем уведомления и подтверждения рассылки.

Настройка писем уведомления и подтверждения о подписке

Форма подписки на сайт в Сендпульс работает следующим образом. Пользователь заполняет форму — получает уведомление: «Вы подписались на рассылку. Вам на почту выслано уведомление о подтверждении подписки.» После подтверждения его перебрасывает на страницу благодарности о подписке.

Это двухуровневая система подпискиПосетитель подтверждаетчто он действительно хочет получать от ваc письмаа не email получен обманом или случайно попал в вашу базу.

Для перехода к созданию писем жмите Опции формы.

опции формы подписки

Надо заполнить четыре раздела.

настройка рассылка сендпульс

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

  • Условия показа. Время показа формы подписки посетителю. При заходе на сайт, По клику на кнопку, При скролле до части страницы, При уходе курсора со страницы.
  • Скрывать на мобильном. При активации посетителям с мобильных устройств форма подписки показываться не будет.
  • Повторный показ. Не стоит надоедать пользователям с подпиской при каждом посещении сайта. Раздражает. Опция позволяет выставить время повторного показа формы подписки максимум 30 дней.
  • Показывать на страницах. При желании Сендпульс позволяет установить форму подписки на определенных страницах сайта.

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

Текст подтверждения письма. Одновременно посетителю на указанный e-mail сервис Сендпульс отправляет письмо подтверждение о подписке. Текст при необходимости редактируется.

Адрес отправителя настоятельно рекомендуется указывать с доменной почты. Это значительно уменьшит вероятность попадание писем в СПАМ.

Страница подтверждения. Здесь два варианта на выбор. Стандартная страница от Сендпульс, и можно указать URL своего сайта.

После всех выполненных настроек смело жмите Применить изменения, и в новом окне Сохранить и получить код.

Появится всплывающее окно где будет код формы подписки для сайта. Копируете.

код формы подписки

Как вставить код формы подписки на сайт

Остался последний шаг — вставить код формы подписки на рассылку на сайт. Скопированный код вставляете в нужное место между тегами <body>…</body>.

Код формы можно взять в разделе Формы подписки, нажав на шестерёнку.

код html форма подписки

Я скопировал код HTML форма подписки и вставил в виджет. Чтобы выровнять форму по центру заключите его в тег <div align=»center»> … </div>.

Место формы подписки надо подбирать экспериментально. В сайдбаре, или в конце каждой статьи. Можно поставить и там, и там, и отследить откуда идёт больше подписчиков.

В коде формы есть ссылка на сайт Sendpulse. Чтобы закрыть ссылку от индексации воспользуйтесь плагином.

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

Вот и всё. Форма подписки на сайт даёт возможность собрать лояльных к вам посетителей, взаимодействуя и общаясь с которыми, после очередной публикации статьи вы всегда привлечете их на сайт.

Пишите в комментариях, всё ли получилось.

Всем удачи!

С уважением, Павел Коновалов

Комментарии 1

  • Я запуталасб с этим Сенд Плюсом, и так и не подключила. Он что-то там непонятное хотеть начал)) А меня расстраивают сервисы, где все не так, как хотелось бы) Попозже вернусь (может быть) к нему, еще раз гляну, что там и как.
    А для собственной формы не хтмл пишут, точнее не только. Хтмл — это обертка формы, ее каркас. Без обработчиков она не будет работать и собирать данные.

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

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