Приветствую Вас! Тема сегодняшней статьи – Форма подписки для WordPress сайта.
Сейчас Вы узнаете, как сделать красивую форму подписки для своих будущих подписчиков, а ещё данный способ применим для создания подписки на какой-нибудь продукт – например, книга за подписку, или бесплатный курс за подписку и т.д.
Форму можно сделать, как вертикальную, так и горизонтальную, любых размеров — зависит от потребностей и Вашей фантазии.
Всё это делается достаточно просто, быстро и легко, а на выходе получается – конфетка, сейчас сами всё увидите…
Если умеете пользоваться фотошопом, тогда картинка для формы будет вообще супер, а если нет, не беда, обойдёмся!..
Итак, начнём!?
Задача — дать посетителям возможность получать от Вас свежие и интересные новости. Для этого нужно сделать форму подписки, куда люди будут вводить свои контактные данные – приступаем к выполнению.
Создание формы подписки на рассылку
Для оповещения своих читателей — feedburner – нам не подходит! Да, им пользовались и продолжают до сих пор, но он не имеет прямого влияния на подписчика, через него нельзя делать рассылку, обращаться напрямую к каждому по имени и т.п.
Многие вебмастера полностью отказались от использования фидбарнер сервиса и перешли на новый уровень, с большими возможностями…
На сегодняшний день есть несколько крупных e-mail-сервисов заслуживающих особого внимания – Smartresponder и Jastclic.
Грех будет ими не воспользоваться! По крайней мере, сегодня будем делать форму под Смартреспондер… Зарегистрируйтесь на этом сервисе и создайте свою первую рассылку (в аккаунте есть обучающее видео), так как нам дальше понадобится ID рассылки.
Приготовьте себе симпатичную картинку (на Ваш вкус). Только не забывайте, изображение должно быть приятным и притягательным, мы делаем форму подписки на рассылку, а не кошмарную пугалку.
Для примера, я возьму вот такое изображение – ниже скрин:
Изначально размер был очень большой – 1920 на 1200, а мне для сайдбара нужен — 241на 306.
У фотошопера не возникнет никаких проблем уменьшить размер, а что делать новичкам!?. Можно сжать до определённых размеров на этом сайте, я для примера, так и поступил. Загрузил изображение, ввёл в отведённые поля (высота, ширина) нужные мне размеры.
Пропорции изображения немного изменились, так как я выбрал функцию «подогнать под размер» — это для того, чтобы картинка уменьшилась и растянулась именно под мои размеры…
Приступаем к работе — генератор форм подписки
Для создания формы подписки на рассылку, переходим на этот ресурс – Inetclic. Здесь нужно зарегистрироваться, так как у Вас будет свой аккаунт (кабинет), в котором отображается статистика по кликам, подпискам и т.д.
Выбираем из меню →Баннеры, даём ему название, например Forma-podpiski.
Шаг 1. Задаём желаемый размер → выбираем фон, или указываем путь к картинке → жмём Далее…
Шаг 2. Здесь прописываете название кнопки, подбираете цвет и т.п.
Шаг 3. Добавляем текст в форму…
Шаг 4. Вводим идентификатор рассылки Смартреспондера. ID находится в аккаунте Smartresponder → Рассылки → Список рассылок. Обозначен так # 123456 (решётку вводить не нужно).
Остальные поля можно оставить, как есть – пустыми.
Нажимаем → Сохранить баннер. Появится готовый код формы подписки, нажав на «глазик», Вы сможете просмотреть, что получилось, а также протестировать саму форму.
На серый фон позади формы, не обращайте внимания — это не рамка, а режим пред просмотра.
Как разместить в сайдбар подписную форму
Войдите в админку → виджеты… Перетащите мышкой вкладку «Текст» в нужное место, откройте и вставьте туда готовый код.
Чтобы форма стала по центру, используйте <center>Ваш код</center>
Вот такая форма подписки на сайт, была установлена у меня ранее и выводилась под статьёй, здесь был чуток задействован photoshop – ниже скрин.
Как сделать форму подписки на инфо-продукт
- У Вас должны быть готовые изображения Вашего продукта.
- Делаем 3d обложку.
- Выполняем четыре шага, описанные выше – всё!
На этом тема: Форма подписки для wordpress, будем считать, что пройдена. Поделитесь своими результатами – что у Вас там получилось!?
Чуть не забыл, скоро будет интереснейшая и познавательная статья – советую подписаться по e-mail, чтобы не пропустить!..
До скорых встреч!
Я тоже раньше пользовался фидбернером, а сейчас вот думаю к кому бы пойти, а на «смарте» данная услуга бесплатна.
Александр, на Смартреспондере я пользуюсь бесплатным тарифом 1.5 года — меня всё устраивает.
Скажите насколько я понимаю, эта форма для настройки почты на платном аккаунте Смартреспондера? Потому что в конце просят ввести API ID и API key аккаунта на смартреспондер. ID в настройках есть а вот API key так нигде и не нашел. Походу только после оплаты появится...
Стас, сервис действительно перестроили на новый лад и теперь нужно в смарте брать один из платных пакетов...
Есть другие варианты, которые рассмотрю на днях...
Добрый день! Классный урок, спасибо! А как настроить Justclick? После ввода ключей форма всё равно переадресовывает на ошибку в странице. Что можно сделать?
Привет Борис! Я пока ещё не работаю с Justclick, только Смартреспондер. Попробуй ещё разок, возможно был «глюк» системный...
Очень хороший урок! Все доступно и просто. Моя форма подписки — просто загляденье. Вот только проблемка маленькая, да не очень: нет там привязки к smartresponder, а у меня рассылки там. Как созданную форму привязать к smartresponder. Прошу ответить срочно, нужна форма подписки на сайт!!!!!!!!!!!!!
Была привязка к Смарту, я же пользовался
Воспользуйтесь конструктором форм в самом Смартреспондере... Может не такие красивые будут, но всё же, это лучше, чем ничего.
Андрей! Я совсем еще новичок в сайтостроении. Но форму подписки сделала в Смарте. Она мне не очень нравится. Могу я ее переделать и сохранить рассылки? Как-то пробовала, но боюсь, что рассылки исчезнут!
Конечно можно переделать (в Смартреспондере)! Выбираете свою существующую форму, видоизменяете её... Форме изначально даётся название, это название вписано в код. Например, форма №1... Видоизменяя блоки (поля), всё остаётся как и прежде, без каких либо потерь. Новый код перенесите на свой сайт, что бы изменить старую форму подписки.
Я так понимаю, формы подписки будут уникальными, нужно попробовать ваш метод.