Форма подписки для WordPress



Форма подписки для wordpress

Приветствую Вас! Тема сегодняшней статьи – Форма подписки для WordPress сайта.

Сейчас Вы узнаете, как сделать красивую форму подписки для своих будущих подписчиков, а ещё данный способ применим для создания подписки на какой-нибудь продукт – например, книга за подписку, или бесплатный курс за подписку и т.д.

Форму можно сделать, как вертикальную, так и горизонтальную, любых размеров — зависит от потребностей и Вашей фантазии.

Всё это делается достаточно просто, быстро и легко, а на выходе получается – конфетка, сейчас сами всё увидите…

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

Итак, начнём!?

Задача — дать посетителям возможность получать от Вас свежие и интересные новости. Для этого нужно сделать форму подписки, куда люди будут вводить свои контактные данные – приступаем к выполнению.

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

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

Многие вебмастера полностью отказались от использования фидбарнер сервиса и перешли на новый уровень, с большими возможностями…

На сегодняшний день есть несколько крупных e-mail-сервисов заслуживающих особого внимания – Smartresponder и Jastclic.

Грех будет ими не воспользоваться! По крайней мере, сегодня будем делать форму под Смартреспондер… Зарегистрируйтесь на этом сервисе и создайте свою первую рассылку (в аккаунте есть обучающее видео), так как нам дальше понадобится ID рассылки.

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

Для примера, я возьму вот такое изображение – ниже скрин:

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

Изначально размер был очень большой – 1920 на 1200, а мне для сайдбара нужен — 241на 306.

У фотошопера не возникнет никаких проблем уменьшить размер, а что делать новичкам!?. Можно сжать до определённых размеров на этом сайте, я для примера, так и поступил. Загрузил изображение, ввёл в отведённые поля (высота, ширина) нужные мне размеры.

Пропорции изображения немного изменились, так как я выбрал функцию «подогнать под размер» — это для того, чтобы картинка уменьшилась и растянулась именно под мои размеры…

Приступаем к работе — генератор форм подписки

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

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

Выбираем из меню →Баннеры, даём ему название, например Forma-podpiski.

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

Шаг 1. Задаём желаемый размер → выбираем фон, или указываем путь к картинке → жмём Далее…

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

Шаг 2. Здесь прописываете название кнопки, подбираете цвет и т.п.

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

Шаг 3. Добавляем текст в форму…

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

Шаг 4. Вводим идентификатор рассылки Смартреспондера. ID находится в аккаунте Smartresponder → Рассылки → Список рассылок. Обозначен так # 123456 (решётку вводить не нужно).

Остальные поля можно оставить, как есть – пустыми.

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

готовая форма подписки

На серый фон позади формы, не обращайте внимания — это не рамка, а режим пред просмотра.

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

Войдите в админку → виджеты… Перетащите мышкой вкладку «Текст» в нужное место, откройте и вставьте туда готовый код.

Чтобы форма стала по центру, используйте <center>Ваш код</center>

Вот такая форма подписки на сайт, была установлена у меня ранее и выводилась под статьёй, здесь был чуток задействован photoshop – ниже скрин.

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

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

  1. У Вас должны быть готовые изображения Вашего продукта.
  2. Делаем 3d обложку.
  3. Выполняем четыре шага, описанные выше – всё!

На этом тема: Форма подписки для wordpress, будем считать, что пройдена. Поделитесь своими результатами – что у Вас там получилось!?

Чуть не забыл, скоро будет интереснейшая и познавательная статья – советую подписаться по e-mail, чтобы не пропустить!..

До скорых встреч!



Обратите внимание на следующие статьи...

11 Комментарии к статье “Форма подписки для WordPress
  1. Я тоже раньше пользовался фидбернером, а сейчас вот думаю к кому бы пойти, а на «смарте» данная услуга бесплатна.

  2. Александр, на Смартреспондере я пользуюсь бесплатным тарифом 1.5 года — меня всё устраивает.

  3. Скажите насколько я понимаю, эта форма для настройки почты на платном аккаунте Смартреспондера? Потому что в конце просят ввести API ID и API key аккаунта на смартреспондер. ID в настройках есть а вот API key так нигде и не нашел. Походу только после оплаты появится... :sad:

  4. Стас, сервис действительно перестроили на новый лад и теперь нужно в смарте брать один из платных пакетов...

    Есть другие варианты, которые рассмотрю на днях...

  5. Добрый день! Классный урок, спасибо! А как настроить Justclick? После ввода ключей форма всё равно переадресовывает на ошибку в странице. Что можно сделать?

  6. Привет Борис! Я пока ещё не работаю с Justclick, только Смартреспондер. Попробуй ещё разок, возможно был «глюк» системный...

  7. Очень хороший урок! Все доступно и просто. Моя форма подписки — просто загляденье. Вот только проблемка маленькая, да не очень: нет там привязки к smartresponder, а у меня рассылки там. Как созданную форму привязать к smartresponder. Прошу ответить срочно, нужна форма подписки на сайт!!!!!!!!!!!!!

  8. Была привязка к Смарту, я же пользовался :)

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

  9. Андрей! Я совсем еще новичок в сайтостроении. Но форму подписки сделала в Смарте. Она мне не очень нравится. Могу я ее переделать и сохранить рассылки? Как-то пробовала, но боюсь, что рассылки исчезнут!

  10. Конечно можно переделать (в Смартреспондере)! Выбираете свою существующую форму, видоизменяете её... Форме изначально даётся название, это название вписано в код. Например, форма №1... Видоизменяя блоки (поля), всё остаётся как и прежде, без каких либо потерь. Новый код перенесите на свой сайт, что бы изменить старую форму подписки.

  11. Я так понимаю, формы подписки будут уникальными, нужно попробовать ваш метод.

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

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