Как создать форму подписки для сайдбара

forma_podpiski0Узнайте из сегодняшней статьи:
Как создать форму подписки для сайдбара, используя шаблоны Смартреспондера. Как выбрать и редактировать шаблон формы подписки и вставить его в виджет.

Получила вопрос от читателя моего блога, как создать форму подписки, такую, как у меня в сайдбаре. И чтоб обязательно с картинкой!

Читатель учёл рекомендации, как вставить форму подписки в шаблон WordPress, используя плагин, а теперь он хочет выставить её в сайдбар.  Блог у него тоже на платформе WordPress.

Давно обещала написать статью и вот – обещанного, говорят полгода ждут, а я управилась быстрее!

Все, которые уже умные, и лишены почётного звания «Чайник», быстренько закрываем статью и идём читать всякие конкурсные развлекалочки, типа весна в моей жизни – не мешайте нам тоже двигаться по направлению к просветлённым личностям…

Как создать форму подписки, используя шаблон Смартреспондера

Самый простой путь – взять готовый шаблон из сервиса рассылок писем Смартреспондер. Регистрируйтесь там и начнём. Если вы не знаете, как зарегистрироваться – в моей статье есть видео о регистрации в сервисе рассылок, переходим и выполняем простейшие действия.

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

1. Регистрируем новую рассылку

Для этого подводим курсор к надписи «Рассылки» (смотрим цифру 1) и нажимаем на надпись «Создать новую рассылку» (цифра 2).
Как создать форму подписки в сайдбаре
После этого заполняем следующую форму:

  • название рассылки
  • тематика рассылки
  • краткое описание рассылки
  • тип рассылки (периодическая)
  • периодичность выпусков (нерегулярная)
  • имя автора рассылки
  • обратный e-mail адрес
  • не помещать рассылку в каталог рассылок (ставим галочку)
  • нажимаем «Создать новую рассылку» (цифра 3)

forma_podpiski2
После этого мы попадаем на страничку, где расположен список наших рассылок. Теперь можно просмотреть и выбрать красивый шаблон.

2. Как выбрать шаблон формы подписки

Подводим курсор к надписи на панели сайта «Формы» (цифра 4). Выпадает окошко и в нём нажимаем надпись «Новый генератор форм подписки» (цифра 5).
forma_podpiski3Нам откроется коллекция разных шаблонов, которые вы можете выбрать для своего блога:

forma_podpiski4Слева и справа расположены еле заметные стрелки (6, 7).
Если нажать на стрелку справа (цифра 6), то откроются новые шаблоны. В крайнем правом положении и находится мой шаблон:

forma_podpiski5
На каждом шаблоне формы подписки в нижнем правом углу видно значок лупы (цифра 9).
При нажатии на него можно просмотреть любой из предлагаемых шаблонов в увеличенном виде. Кликнув на слово «Закрыть» возвращаетесь обратно ко всем представленным образцам.forma_podpiski6

Если нажать левой кнопкой мыши не на лупу, а по образцу, то можно начать работу по коррекции и созданию красивой формы подписки.

3. Как редактировать шаблон формы подписки

forma_podpiski7Рассмотрим, как я изменила шаблон. Есть три возможности внести изменения:

  • в обязательных настройках формы
  • в дополнительных настройках формы
  • в настройках элемента формы

Желательно прописать название формы – чисто для себя, чтобы знать к чему она относиться, если их у вас будет много к разным рассылкам и сайтам (10).

Потом я убрала часть шаблона с надписью «Подписка на рассылку» (11), убрав галочку с чекбокса «Хедер».

Дальше переходим в «Дополнительные настройки», кликнув на значок плюс «+» (цифра 12 на рисунке).

Нам откроется следующая картинка. Я отметила цифрами на что необходимо обратить внимание: максимальную проверку при заполнении формы (13) и какие буквы разрешено использовать при заполнении формы (14).

forma_podpiski8
Ещё можно изменить в шаблоне слово «Подписаться» на «Получать новые статьи». Для этого необходимо кликнуть на «+» напротив надписи «Настройки элемента формы». Но его часто не бывает, как и в этом случае. Тогда кликаем на саму кнопку «Подписаться» слева на цветном шаблоне и вам откроется окошко, где эту надпись и меняем.

Единственная особенность – набираем надпись руками, а не используя копировать/вставить.

forma_podpiski9
После всех изменений в крайнем нижнем положении есть три кнопки:

  1. предпросмотр
  2. сохранить форму
  3. получить html-код

Используем все три кнопки по очереди.

После того как нажали кнопку «получить html-код», идём на свой блог в Консоль — Внешний вид — Виджеты:
forma_podpiski12
Кликнув на слово «Виджеты», попадаем на страницу со списком разных функций. forma_podpiski13
Находим надпись «Текст» и, прижав его левой кнопкой мыши, переносим туда, где у нас активные виджеты.

Помним о теге <!--noindex-->вставляем код <!--/noindex-->, а сам код вставляем между ними, закрывая ссылку от индексации. Для вставки кода в виджет используем сочетание клавиш Ctrl + v.

Вот как выглядит мой виджет с вставленным кодом шаблона формы подписки в админ.панели:

forma_podpiski14
После того, как вставляем код и теги, закрывающие ссылку, нажимаем кнопку «Сохранить». Переходим на блог и любуемся сделанным.

Если вы перешли на блог и не увидели изменений, обновляем браузер сочетанием клавиш Ctrl+F5 или просто заходим на любую страницу или статью, которую сегодня ещё не посещали и смотрим в сайдбаре на красивую форму подписки.

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

Ещё один шаг к лишению вас почётного звания «Чайник» сделано! :)
Музыку и цветы!

Если статья была вам полезной — взбрыкните на кнопочки социальных сетей и попрыгайте на них. Гарантирую улучшение кармы! :)

С уважением, Галина Нагорная
<<<все статьи здесь>>>

Поделитесь с друзьями!!!

56 comments on “Как создать форму подписки для сайдбара

    • Ой, как классно, что я ещё смогла на что-то сподвигнуть...

      Так это не важно, на каком сервисе Вы делаете рассылку — важно захотеть поставить форму подписки на блог... :)

      • Дело в том, Галина, что я не планирую вообще никакой рассылки. Рассылка нужна инфобизнесу, который сейчас в упадке. Вы посмотрите на курсы «бла-бла». Учат зарабатывать деньги в интернете даже школьники :).

        Смешно! Я планирую продавать рекламу. Один сайтик в несколько десатков страничек способен долго приносить 100-200 $ в месяц. Два-три десятка таких сайтиков прокормят Вас всегда.

        Спасибо!

        • Я это уже поняла — Вашу цель. Хочу сделать такой сайт тоже, но — мне нужна кооперация. Я отлично пишу. Причём — разные тексты. В МЛМ объявления многих цепляли...

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

          У меня стоит подписка, так как этот блог больше для общения с блогерами. Им удобно, когда о выходе статьи сообщается письмом.

          А как Вы подбираете тему для узкопрофильного сайта? На какой-то программе? Если не секрет, конечно... :)

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

  2. Галина, отличный пост. Я недавно формой занималась. Свою простенькую формочку на красивенькую поменяла. (Пойду на кнопочки взбрыкну для улучшения кармы.)

  3. Я использую тоже смартреспондер. Очень удобно работать, единственное, что не нравится это оплата. Сейчас все стало дорого, думаю вовсе отказаться от нее. :(

  4. Галина, я помню. как делала полночи первую форму подписки в смартреспондере по вашей статье. А вот в сайдбар сама додумалась вставить в виджет текст. Только ссылку не закрыла. пойду закрывать. А что все ссылки закрывать нужно? И соц сети и счётчики?

  5. Форма подписки есть на каждом блоге. Вот только вопрос: нужна ли она? Стала серьезно в этом сомневаться. Гораздо больше пользы если подписчики набираются через группу соцсети ВКонтакте например.

    • Я согласна с Вами. Правда, есть небольшой фактор:

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

  6. Музыка и цветы тебе, Галина! Жаль, что когда я делала свою форму подписки мне не встретилась такая статья. Все очень понятно и по полочкам разложила — любо дорого читать.

  7. Здравствуйте Галина! Да, статья очень полезная и пунктуальная. Когда я себе ставила такую подписку на блог, картинку не поставила, думала, что это повлияет на скорость загрузки блога. Сейчас смешно об этом вспоминать.

  8. Я вот вроде и формы делать умею, и привязать к любому сервису не проблема, но великая Лень иногда мешает сделать красивости...

    Использую UniSender, там тоже есть хороший конструктор форм, но я взял просто обычный код без наворотов, привязал поля к UniSender и всё.

    Когда-нибудь соберусь с духом и начну украшать... :)

  9. Здравствуйте, Галина!

    Как у вас дела? Что-то вы не пишете ничего. А я так и не добралась ещё до новой формы подписки, исправляю всякие технические моменты.

  10. Недавно создала новый сайт и на нем-то уже развернулась, поэкспериментировала с формой подписки. На смартреспондере тоже можно задать картинку фону формы.

  11. Крутая тема! Все руки не доходят сделать у себя на своем сайте. У меня сайт про автомобили и было бы в тему, чтобы подписчики подписывались

  12. Галина, а я себе тоже красоту на блог прилепила! Хотя грузится чуть дольше, ну ладно. Я вообще забываю подписчикам письма отправлять, вы заметили, наверное. Но раз в неделю посылаю!

    • Рафик, зачем? Она у Вас нормальная!

      Можете цвет немного поменять — и также его тогда поменяйте, где дата публикации.

      Если захотите, я Вам подскажу, как я это сделала на блоге о здоровье (тот же шаблон, что и у Вас... Я чуть-чуть сделала ярче.

        • В одном из видео к его бесплатному курсу Как создать БЛОГ за ЧАС в разделе ПРАКТИКА есть видео «Как уникализировать шаблон».

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

          Надеюсь, разберётесь. В случай чего — спрашивайте.

  13. Галина! Спасибо за нужный мне урок.Я как и вы, в свое время, не могу установить форму на блог.

    и дела у меня идут из-за этого никак.У вас очень много нужного мне пополнить знания.Не везет с наставником.

    • Пользуйтесь на здоровье! Но, поверьте мне, дело не в форме подписки, а в приходе посетителей с поиска. Для этого необходимо правильно подбирать запрос (ключ) для статьи. У вас высококонкурентные ключи в статьях — и в топ не пробиться. Могу ошибаться, но это мне первое, что бросилось в глаза.

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

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

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