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

форма подписки на новости блогаФорма подписки на новости блога,  должна обязательно стоять на сайте. Конечно опытный блогер, может создать такую форму в html-коде и установить в редакторе шаблона.

А что делать начинающему блогеру? Хочется, что бы и подписка шла успешно и блог, не дай бог, не перекосила. В связи с этим предлагаю воспользоваться плагином Scroll Triggered Box.

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

Итак, начинаем конечно с получения архива этого плагина.  Закачиваем его в админку блога, активируем, находим в опции Настройки  и начинаем работу.

Общие настройки:

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

1. Темы окна. А точнее внешний вид. Всего - четыре. Попробуйте сами и установите, что Вам больше нравится. Мне понравилась тема Clean White. Она прозрачная и адаптируется к цветовой гамме Вашего блога.

2. Тестирование. Удобная опция. Если Вы поставите в чекбоксе галочку, то пока идет настройка окна, ни кто кроме Вас его видеть не будет. Только не забудьте после окончательного создания, убрать отсюда галочку.

3. Выбор демонстрации формы. Здесь все понятно: главная страница, посты и страницы. Выбор за Вами.

4. Интервал времени в днях, в течении которого не будет отображаться форма для конкретного посетителя, если он закроет ее на своем блоге. На скриншоте стоит 30 дней. Можете поставить и один. Только помните, что цифры должны быть целыми.

5. Это цифра дана в процентах от начала страницы. То есть форма будет всплывать только после того, как посетитель прокрутит страницу вниз на 80%. Естественно, можете эту цифру поменять, например на 50%.

настройки плагина

6. Это поле для вставки дополнительных классов стилей. Начинающему блогеру не советую что-либо делать здесь. Ну а опытный блогер - сам разберется.

7. Установив галочку в чекбоксе под номером 7, Вы соглашаетесь с использованием стилей плагина.

8. Исключение показа окна на мобильных устройствах Вашего посетителя.

9. Выбор места всплытия окна: справа, слева или по центру. Помните, что окно всплывает в нижней части блога

10. Ширина окна. Здесь Вы устанавливаете ту ширину. которая соответствует Вашему баннеру. По умолчанию она равна 300 px.

Настройки формы подписки

1. Подписка по E-mail

форма первоначальная

Начнем с того, что под окном 10, будет находиться поле, с уже введенным Вашим e-mail адресом. Советую завести новый почтовый ящик и указать его в этом поле.

Для чего это нужно. Этот тот самый адрес, на который Вам будет приходить информация о подписчиках. И что бы с ними было легче работать (ведь рассылать информацию о новостях придется лично Вам) проще собрать их в одном месте.

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

Я исправила. Спуститесь вниз страницы и посмотрите. Итак, код страницы выглядел вот так:

<h5>Sign up for our Newsletter</h5>
<ul>
<li>Fresh trends</li>
<li>Cases and examples</li>
<li>Research and statistics</li>
</ul>
<p>Enter your email and stay on top of things,</p>
<form action="#" id="stbContactForm" method="post">
<input type="text" name="email" id="email" value="" />
<input type="hidden" name="submitted" id="submitted" value="true" />
<input type="submit" id="stb-submit" value="Subscribe" />
</form>
<p id="stbMsgArea"></p>

То что выделено коричневым цветом - я заменила на другой текст на русском языке. То что выделено черным - я просто удалила. И у меня получилось следующее...

<h5>Хочешь получать новости блога первым?</h5>

<p>Введите свой email и оставайтесь в курсе всех событий блога!</p>
<form action="#" id="stbContactForm" method="post">
<input type="text" name="email" id="email" value="" />
<input type="hidden" name="submitted" id="submitted" value="true" />
<input type="submit" id="stb-submit" value="ХОЧУ !" />
</form>
<p id="stbMsgArea"></p>

2. Подписка на ленту RSS

Мы сейчас обсудим как можно просто и быстро сделать подписку на на почту, а на ленту RSS  ресурса http://feeds.feedburner.com.

В предыдущей статье, я давала информацию о работе плагина Forget About Shortcode Buttons. Это плагин позволяет делать очень быстро и просто кнопки с активной ссылкой.

Вы можете в любой черновой записи своего блога создать такую кнопку, введя в поле ссылки - свою ссылку на ленту RSS,  зайти во вкладку - текст, скопировать полученный код и  установить его вместо формы подписки. На одном из блогов у меня получилось следующее:

кнопка rss

 

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

Ну, вот, пожалуй, на сегодня все.

Удачной работы!

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Плагины Word Press, Permalink

5 комментариев к Как сделать форму подписки на новости блога

  1. Возраст не помеха… Обращайтесь

  2. Муза says:

    Ирина спасибо за плагин и за помощь которую вы оказываете мне.
    Я не могу создать форму подписки на блоге.В ruelsoft создать очень просто, а как ее перенести на блог? У меня очень много вопросов ,которые я не могу решить,нужен наставник у которого я могла спросить совета, но не решаюсь.Захотят ли? Я имею ввиду свой возраст..

  3. Очень маленькую. Удивительно, но почти незаметна

  4. Интересная находка. А какую нагрузку дает этот плагин на блог?

  5. Арсения says:

    Ирина, спасибо, скромный но важный плагин, прямо подарок)))

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