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

Как вставить форму подписки в шаблон WordPressДолгое время я, как новичок и технический «чайник», не знала, как вставить форму подписки в шаблон WordPress.
И, получается, пишешь статьи, пишешь, а подписчиков всё нет – ведь нет формы подписки на обновление блога.

Совсем недавно я решила эту техническую проблему благодаря использованию плагина Hana Code Insert. Как оказалось, всё гениальное – просто!
И сейчас я покажу на серии скриптов, как это последовательно делать. Вдруг кому-то поможет!

1. Заходим в WordPress.org/plugins/hana-code-insert/ (показано цифрой 1) и скачиваем на свой компьютер архивированную  версию плагина (цифра 2 на рисунке).

Как вставить форму подписки в готовый шаблон WordPress для блога

2. Заходим в раздел плагины (цифра 3) и нажимаем добавить новый (цифра 4):

vstavit_plagin2
4. Открывается страничка установить плагины и кликаем на надпись "загрузить"цифра 5 и «установить» — показано цифрой 6:
Как вставить форму подписки в готовый шаблон WordPress для блога

5. Загружаем архивированную папку с нашего компьютера:
Как вставить форму подписки в готовый шаблон WordPress для блога

6.Даём команду «активировать» плагин (8):
Как вставить форму подписки в готовый шаблон WordPress для блога
7. Сейчас делаем  лёгкие шаги по настройке плагина: находим  раздел «параметры» и нам сразу напротив этого слова высвечиваются наши плагины. Видим надпись Hana Code Insert и кликаем по ней.
Как вставить форму подписки в готовый шаблон WordPress для блога

8. Появляется следующая страница, где мы и делаем настройки этого волшебного плагина Hana Code Insert. В поле под номером 11 вводим название HTML-кода или формы подписки. Эта надпись нигде не высвечивается, она — для того, чтобы вы могли знать, к чему этот код, который плагин преобразует, относится. У меня здесь стоит надпись «novosti» и я знаю, что в поле 12 внесён HTML-код формы подписки на новости блога или это ещё называют обновлением блога — появляется новая статья.
Как вставить форму подписки в готовый шаблон WordPress для блога

9. Для того, чтобы вставить код формы подписки на свой блог, переходим в Смартреспондер. Для этого необходимо пройти процедуру регистрации. Я на самой процедуре регистрации останавливатся не буду, об этом более подробно читаем и смотрим видео здесь.
После того, как вы зарегистрировались, начинаем создавать форму подписки (см. заголовки на верху сайта Смартреспондер и найди надпись «Формы подписки». Вот там мы и создаём свою форму. Но, сначала заходим на страницу «Рассылки» и пишем название рассылки — у меня это рассылка «Новости моего блога». Переходим в «Формы подписки», выбираем название подписки (цифра 13), к которой делаем форму (цифра 14).
vstavit_plagin11
10. После того, как мы сделали форму подписки, в самом низу предыдущего рисунка, будут две важные кнопки, на которые мы и кликаем, сначала — «сохранить форму» (15), а потом — «получить html-код»(16):
vstavit_plagin12

11. Нам откроется следующее окошко, с кодом. Его необходимо скопировать в буфер обмена (17):
Как вставить форму подписки в готовый шаблон WordPress для блога

12. После того, как скопировали код, идём на страничку настроек плагина, находим название кода — у меня — «новости» и вставляем скопированный код в пустое поле (18), кликаем для сохранения на поле под цифрой 19 и у нас плагин создаст маленький код под номером 20. Вот в дальнейшем мы его аккуратно копируем и продолжает работать.
Как вставить форму подписки в готовый шаблон WordPress для блога

13. Теперь заходим в консоль и кликаем «добавить запись». В поле для заголовка пишем «Форма подписки», а в поле текста вставляем сгенерированный плагином код (21), который мы скопировали:
Как вставить форму подписки в готовый шаблон WordPress для блога
14. И когда мы нажмём кнопочку "опубликовать (справа), по, перейдя с консоли на блог, увидим следующее:
Как вставить форму подписки в готовый шаблон WordPress для блога

15. Как видите, ничего сложного! В дальнейшем, мы можем этот сгенерированный плагином, код вставлять после каждой написанной статьи на блоге, что значительно увеличит количество подписчиков.

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

Ваше имя: *
Ваш e-mail: *

С уважением, Галина Нагорная

<<<все статьи здесь>>>

Понравилась статья? Расскажите друзьям:
Приглашаю к общению:

24 comments on “Как вставить форму подписки в шаблон WordPress

  1. Большое человеческое спасибо за этот урок! Я читала много про важность подписки, но все никак не сделаю ее. Теперь уже соберусь и сяду) Галина, не прекращайте постить уроки, они отличные!!!

    • :) Спасибо, Аня! Я очень рада Вам помочь — сама долго не могла понять по видео урокам, как :) это сделать. Мне кажется, что по скриптах — легче, не надо просматривать видео каждый :) раз с начала, чтобы продолжать двигаться в освоении плагина. Но, это — чисто моё мнение, :) я ведь собиралась делать видео урок...Но я их не люблю.

    • :) Светлана! Искренне благодарю! Не помню про себя — подписана или нет, но комменты :) приходят, да и статьи, вроде, тоже.

  2. Здравствуйте , Галина! Урок очень познавательный и нужный, можно ли его применить к «Блоггеру»? Спасибо!

    • :) Не знаю, Любовь! Зайдите в поиск Гугла и наберите вопрос:

      :) Как вставить форму подписки на шаблон Блоггера. И найдёте ответ.У меня нет сайта на :) Блоггере, сори...

    • :) Любовь мне сказали, что на Блоггере можно напрямую вставить код формы _подписки. Чтобы было более понятно, всё, что описано до пункта 9 и на рисунках — _это 13, 14, 15, 16,17 красными чернилами — только это Вам надо. Короче — заходим _в Смартреспондер и берём код счётчика и добавляем его после каждой статьи.

      _Не знаю, насколько это правда...

      • Самое смешное, Галина, что в вордпресе, также можно вставить код подписки без всяких плагинов. Зачем так сложно что-то делать если можно все делать по простому?

        Берете код подписки и вставляете в нужном месте шаблона, в вашем случае код подписки вставляется в файл single.php после строки кода вида: «что-то там content».

        Это гораздо проще и не надо использовать плагины. Хотя, может это только мне проще...

  3. :) Напишите статью, может кто-то захочет это делать так, как Вы предлагаете, Артём!

    Я выбрала этот способ только потому, что кусочек кода, который сгенерировал плагин, я могу вставить в любое место статьи, хоть в начале, середине или в конце. И я в каждую статью вставляю код из 10 символов — мне удобно.

    Напишите статью — дам ссылку на Вас. И приветствую на блоге — Вы у меня впервые!

    С Новым Годом и Рождеством Вас!

    • Понимаете в чем дело. Данный плагин просто формирует короткий код, то есть он берет тот код что есть у вас и конвертирует его в специальный шорткод. Но почему нельзя вставить тот же код куда хотите. Так же и в середине и в начале статьи можно вставлять, ничего не изменить, а на один плагин у вас на блоге будет меньше, вот и все. Хотя кому как проще, вам так мне так, не буду спорить.

      И вас с праздниками!

      • Последний раз обращаюсь — напишите статью! А то у нас разговор слепого и глухого! Я не против сделать иначе, но из Ваших объяснений я НИЧЕГО не понимаю что и куда вставлять...,нет, ну понимаю, через редактор. И всё! Надеюсь, Вы меня услышали?!!!!!!!

        Я! НЕ! ПРОТИВ!!! НО!!! я! не! знаю! как! Ох уж эти дети Лемура!

  4. Я давно сталкиваюсь с интересной ситуацией: очень не многие умеют о простом, но важном сказать доступным языком. Особенно мужчины (это не упрек лично Артёму!). Из самых лучших побуждений они дают уроки того-сего на своих сайтах, использую особую терминологию или по-своему понимая, что «чайник» «чайнику» рознь. Мне лично нужно объяснять так, как будто я дебил — взять за руку и показать наглядно, куда ткнуть. То есть, именно так, как это сделали, Галя, вы. За что вам большое человеческое спасибо!

    Аглая recently posted...Трогательная и глубокая притча «Воробей»My Profile

    • :) Спасибо, Аглая, за поддержку! Я писала так, как хочу чтобы писали для меня — ОЧЕНЬ подробно и ПОНЯТНО!

      Конечно, я бы могла сделать микроскопические картинки и половину того, что большинство считает само собой понятным — упустить!

      Вопрос: а для кого тогда этот пост? Умные и так уже это сделали... А чайнику — разжевать надо.

  5. Если честно, я очень тщательно отбираю сайты для комментариев. Ваш пока единственный, который я и читаю и комментирую.

    • :) Аглая, спасибо за столь лестный отзыв! Всегда приятно писать, если это приносит людям пользу! И если они хотят заходить в гости на блог снова и снова! Приятно ...

  6. Совсем недавно хотела сделать еще одну форму подписки. Все практически то же самое сделала, только почему-то криво у меня стала эта форма. Разбираюсь

    Галина Жолдош recently posted...Пришло время задуматьсяMy Profile

  7. Интересный плагин, но почему я не знала о нем раньше? Я столько времени убила для того чтобы найти куда впихнуть форму подписку кодом на страницу single.php иногда плагины все же выручают, хотя я и понимаю что нагрузку дают они блогу. Но в тот момент я была готова уже на все...

    • Я тоже искала, как это сделать. А в коды для меня влазить очень проблематично! Мне с плагином легче...

  8. прочла) Спасибо! Но я знаю, как вставить код без плагина, потому сам сайт писала практически сама и разбираюсь в html-кодах. Но тем, кто в этом не понимает, как раз очень полезноа будет ваша статья о таком способе установки формы подписки! все расписано по полочкам и понятно!! Спасибо!!!

    Лора recently posted...Не верь глазам своимMy Profile

    • Ну, так Вам тогда намного легче жить! Лора, моя статья для чайников, как я... :)

  9. Добрый день. а не подскажете, как вставить просто форму подписаться, как у вас на сайте — без плагина?Спасибо.

    Leonard recently posted...ТИСЭ дешевое домостроениеMy Profile

    • Через Смартреспондер — если вы зарегистрированы, заходите в «Формы» в верхнем меню на основной странице и выбираете какую форму хотите. Привязываете к своей рассылке «Новости блога». Если её нет, сначала заходите в «Рассылки»---->создать новую рассылку, и только потом идёте в формы и редактируете её. Наберите вопрос в поиске — это просто. Но в самом начале лучше делать пошагово.

Добавить комментарий для Аглая Отменить ответ

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Оставьте ссылку на вашу статью