Форма подписки по Email для сайта Blogger или WordPress

Доброго времени суток, дамы и господа! Как вы знаете, что форма подписки по Email устанавливается для подписчиков, то есть, для посетителей, которые явно продемонстрировали заинтересованность в вашем контенте. Иначе, бесплатная подписка на e-mail рассылку позволяет посетителям получать на указанный ими адрес электронной почты письма с анонсом ваших новых статей на блоге/сайте. И запомните, email-рассылка характеризуется тем, что пользователи подписываются на нее добровольно и не надо им навязывать её, как делают некоторые популярные веб-ресурсы. Иногда формы на сайтах натурально гоняются за посетителями: перемещаются вверх и вниз по странице при скроллинге или внезапно всплывают в виде попапов. Я такие сайты закрываю сразу и поэтому стоит расположить её (форму) в правильном месте и делать её ненавязчивой. Форма подписки по электронной почте не должна слишком напрягать посетителей. Вот, как то, так.

Подписка по Email
Подписка по Email для сайта Blogger или WordPress

Сегодня мы поговорим с вами, как разместить форму подписки по email после каждого сообщения или боковую панель в вашем блоге. Я предлагаю для вас уже готовые формы подписки на обновления блога, вам нужно только установить их и добавить нужную информацию в код.

Форма подписки по Email для сайта

Данная форма/блок подписки можно установить, как на боковую панель блога WordPress или Blogger (смотреться будет лучше, если ширина  сайдбара 300), так и после каждого сообщения. Она не содержит картинок, оформление блока чисто на CSS.

На боковой ( здесь, ширина 260) будет выглядеть так, скриншот увеличен:

Форма подписки
Форма подписки по Email

А после статьи так:

Подписка на e-mail
Подписка на e-mail после статьи

Естественно, вы можете оформить цвета по своему желанию в коде CSS. Кто предпочитает минимализм, тогда эта форма для вас. Установка стандартная. Код стиля CSS в Blogger устанавливаем чуть выше строки ]]></b:skin> в шаблоне блога, а для WordPress: Внешний вид - Редактор - файл Таблица стилей (style.css) и в самом конце после знака } вставляем код.

И так, стиль CSS оформления формы для установки такой:

Следующий код HTML виджета подписки в Blogspot устанавливается, если в сайдбар блога тогда при помощи волшебного гаджета " HTML/JavaScript ", а если после сообщения тогда после одной из этих строчек:

<data:post.body/> таких бывает три, вставлять после второй или третьей

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>

В WP установка происходит на боковую панель при помощи виджета Текст, а если после статьи, то в файле Отдельная запись (single.php) после строчки <?php the_content(); ?>.

HTML код виджета:

Вставьте ваш фид блога, напишите подходящий текст, измените ширину 300 на подходящий вам размер. Друзья, после установки этого виджета цвет может отличаться от скриншота, все настройки цвета производятся в первом коде. И ещё, для разнообразия виджет подписки по E-mail с кнопками соцсетей на боковую панель блога. У меня данная форма была установлена, но после перехода на безопасный протокол https (как перейти? читаем туточки) пришлось от неё отказаться. Подписка по RSS не поддерживает https протокол и вместо зелёного замка отображается смешанный контент (!). Сейчас удалю кнопку RSS и установлю заново. Так что, прошу подписывайтесь. И так, красивая готовая форма для вас. Работает и на WordPress сайте и на платформе блоггер.

Виджет подписки по E-mail с кнопками соцсетей

Выглядеть форма будет так, с кнопкой RSS:

Форма подписки почта
Форма подписки по почте

Устанавливать данную форму нужно на боковую панель блога, с помощью гаджета "HTML/JavaScript " (в Blogger). В ВордПресс - виджет "Текст". Код CSS совмещён с HTML кодом формы, так что, вам облегчает задачу. Вставили код в поле гаджета/виджета и всё. Кодик для формочки такой:

Обратите внимание, что можно поменять картинки - фон блока, иконки кнопок соцсетей на свои (если конечно потребуется) или удалить их совсем, а также, не забываем подставлять имена профилей ваших социальных сетей вместо решёток ##### и конечно в трёх местах ваш ID блога/сайта FeedBurner. Вот, товарищи, по моему ничего не забыл. Да, к стати, у меня есть ещё красивые формы для подписки по почте, так что, ждите, скоро выложу. Вам они обязательно понравятся.

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

 

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

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

Решите задачку: *