Красивая форма подписки для feedburner.

Добрый день Господа ! как обычно с вами на связи Илья Журавлёв, автор статей на info-effect.ru. Совсем не давно мы с вами сделали форму подписки на ваш сайт, от сервиса Feedburner. Форма подписки по умолчанию идёт очень простой, конечно для начала лучше иметь такую форму подписки, чем вообще не иметь никакой формы. Но если вы в серьёз задумываетесь о развитии вашего сайта, о его продвижении в массы, то конечно форма подписки на сайте должна выделяться на фоне всего остального.

 

«Красота страшная сила»  не так ли господа ? ответьте на вопрос, что притягивает вас больше всего, конечно же что-то красивое, гармоничное, красивая девушка, красивый автомобиль, красивый телефон…и т.д., Мужики согласитесь, к примеру вы остались наедине с очень красивой, обаятельной и привлекательной девушкой, не важно, женаты вы или нет, разве вы устоите ! ? разве вы не займётесь с ней любовью ! ? конечно если она против не будет…:-)) А женщины, разве вы устоите, перед красивым и обаятельным самцом, и пусть на вашем безымянном пальце сверкает обручальное колечко…неет не устоите, не обманывайте себя…»Красота страшная сила» :-))

 

Красота и гармония — это ключ, к вниманию людей, поэтому что бы ваш сайт стал посещаемым, вам просто необходимо привнести в него свою красоту и гармонию, которая безусловна у вас есть…а если нет, значит плохо искали. Итак вступительная речь от Ильи Журавлёва завершена…:-)) переходим непосредственно к созданию — Красивой формы подписки. А поможет нам в этом плагин — WP Subscribe. Установите данный плагин на свой WordPress и активируйте его, для этого переходите по вкладке Плагины — Добавить новый, в верху справа в поле поиска вводите название плагина и жмёте Enter. (смотри фото)

 

21-04-2015 11-48-57

 

После установки обязательно активируйте плагин, что бы у вас появился новый виджет — WP subscribe vidget. Зайдите на страницу виджетов, найдите виджет — WP subscribe vidget, и перетащите его в сайдбар, боковую колонку вашего сайта. (смотри фото)

 

21-04-2015 12-17-37

 

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

 

21-04-2015 12-23-52

 

Как видите всё на английском, ничего не понятно. Теперь вернитесь обратно на страницу виджетов, сейчас мы будем редактировать нашу форму подписки. Откройте виджет для редактирования, нажав на стрелку в правой части виджета. Начнём по порядку с самого верха:

 

1. В поле Service — укажите сервис Feedburner.

2. В поле Feedburner ID — укажите адрес вашего фида (как узнать адрес вашего фида, я писал здесь)

 

21-04-2015 12-33-23

 

Далее, сохраните сделанные изменения, затем жмём на вкладку Labels.

 

21-04-2015 12-42-03

 

У вас откроется вкладка с настройками содержания формы, где вы сможете указать свой текст, и перевести английские слова на Русские, но начнём по порядку с самого верху:  (смотри фото)

 

1. Поле Title — с помощью данного поля, вы сможете вставить в свою форму любую фотографию или картинку, либо какой-нибудь красивый, большой текст. (как это сделать я расскажу чуть позже)

2. Поле Text — сюда вы можете вставить, любой простой текст, с напутствующими словами, которые отобразятся на форме подписки.

3.  Поле Email Placeholder — это поле на форме для ввода электронной почты, вам нужно перевести текст на Русский — Введите ваш email.

4. Поле Button Text — текст на кнопке подписки, укажите свой текст, например — Подписаться.

5.  Поле Success Message — переводим на Русский — Спасибо за подписку.

6.  Поле Error Message — так же переводим на Русский — Произошла ошибка.

7.  Поле Error: Already Subscribed — переводим на Русский — указанный email уже подписан.

8.  Поле Footer Text — укажите здесь свой текст, который будет отображаться в самом низу формы подписки.

 

21-04-2015 12-58-06

 

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

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

 

21-04-2015 14-42-57

 

Далее перейдите на вкладку Текст в записи, скопируйте полученный HTML код, сохраните черновик записи. (смотри фото)

 

21-04-2015 14-48-53

 

Теперь снова заходите на страницу Виджетов, открываете настройки виджета WP subscribe vidget, и вставляете в поле Title скопированный из записи HTML код, жмёте сохранить настройки. (смотри фото)

 

 

Далее заходим на сайт и смотрим что у нас получилось. Барабанная дробь…..тадааааам:

 

21-04-2015 15-41-10

 

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

Итак, а теперь давайте поменяем цвет нашей формы подписки, и может быть что-нибудь ещё, сейчас посмотрим. Зайдите на страницу Плагины, найдите плагин WP subscribe, и под названием нажмите на вкладку Изменить. (смотри фото)

 

21-04-2015 16-08-10

 

У вас откроется страница изменения плагинов, справа вам нужно нажать на вкладку — wp-subscribe/css/wp-subscribe.css (смотри фото)

 

21-04-2015 19-18-32

 

Затем вы попадёте на страницу редактирования стиля формы подписки, в общем здесь я покапался, и вот что я нашёл:

 

Можно изменить цвет формы подписки. (смотри фото)

Изменить цвет текста на форме подписки. (смотри фото)

 

21-04-2015 19-53-11

 

Изменить цвет текста в поле для ввода email адреса. (смотри фото)

Изменить цвет поля для ввода email адреса. (смотри фото)

Изменить цвет кнопки подписки. (смотри фото)

Изменить цвет текста на кнопке подписки. (смотри фото)

 

21-04-2015 20-00-54

 

Чтобы изменить любой из перечисленных цветов, замените HTML код цвета, на тот который вы хотите что бы у вас был. Например HTML код белого цвета — #FFFFFF, чёрный — #000000, красный — #FFOOOO. Вся таблица цветов с указанием HTML кода — Таблица цветов — Википедия. Кстати, вот что у меня получилось после изменения цветов в форме подписки:

 

21-04-2015 19-35-47

 

По моему прикольно получилось ! не заурядно, не скучно, притягательно вызывающе…:-)) в общем то что надо. Итак друзья ! на этой радостной ноте, я буду завершать данную статью, надеюсь она помогла вам. По экспериментируйте с цветами, с текстом, с картинками, и у вас обязательно получится что-то стоящее. На этом у меня всё, до новых встреч на страницах info-effect.ru/ вопросы можете задавать через Обратную связь, либо в комментариях.

 

 

Мне тут уже не один человек пишет, что у него не отображается поле — Feedburner ID. Вам нужно просто отключить Режим специальных возможностей. Справа вверху нажмите на вкладку — Настройки экрана, затем — Отключите режим специальных возможностей, и все поля у вас появятся. Виджеты будут перетаскиваться с помощью мыши в сайдбар, и вы сможете их настраивать.

 

13-11-2015 13-31-19_mini_mini

 

Красивая форма подписки для feedburner. обновлено: Март 11, 2016 автором: Илья Журавлёв
 
 

20 комментариев

  • Сплетница 28.06.2015 Ответить

    Привет, Илья! Твой блог стал для меня настоящим вдохновением! Спасибо тебе за твою работу. С помощью твоих статей я смогла настроить свой сайт так, как мне удобно. А твое пошаговое руководство по настройке красивой формы подписки — просто шедевр! Почаще пиши такие статьи, они очень нужны новичкам.

    P.S. Зацени мой блог )))

    • Илья Журавлёв 30.06.2015 Ответить

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

  • Андрей Зимин 09.10.2015 Ответить

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

  • Максим 13.11.2015 Ответить

    Сделал все как написано в статье, только вот не найду поле Feedburner ID. Помогите пожалуйста.

    • Илья Журавлёв 13.11.2015 Ответить Автор

      Хорошо, я посмотрю, чуть позже отвечу вам..

    • Илья Журавлёв 13.11.2015 Ответить Автор

      Ты не первый кстати, у кого такая проблема возникает, но дело не в плагине, с ним всё в порядке. Зайди на страницу Виджетов, справа вверху нажми на вкладку — Настройки экрана, затем нажми на вкладку — Отключить режим специальных возможностей. Всё, дело сделано, теперь виджеты можно просто перетаскивать вручную с помощью мышки. Перетащи виджет — WP Subscribe Widget в сайдбар, открой его, нажав справа на стрелочку, в настройках виджета появится поле для ID. Просто не надо включать этот режим специальных возможностей…не понятно зачем его придумали, для новичков это вообще тёмный лес…

      • Максим 13.11.2015 Ответить

        Огромное спасибо Илья!!! Все заработало!!!

        • Илья Журавлёв 13.11.2015 Ответить Автор

          Я рад за тебя ! Удачи !

  • Alen 22.11.2015 Ответить

    День добрый, Илья.
    Пишите о форме подписке, лучшего варианта не нашел.
    Буду применять ваш опыт. Но, как обратил внимание, на вашем блоге нет Подписки :)
    Большое спасибо за статью ;)

    • Илья Журавлёв 22.11.2015 Ответить Автор

      Привет, это лучший плагин, для создания формы подписки Feedburner, реально можно классную форму подписки слепить. Раньше у меня была форма подписки, но пока решил убрать, кому надо тот спокойно найдёт мой сайт в интернете по слову САМСАЙ. Просто на данный момент я каждый день пишу по 2-3 статьи, могу надоесть кому-нибудь своими сообщениями… :-))

  • Максим 05.12.2015 Ответить

    Форма подписки получилась отличная. Только после того как введёшь адрес и нажмешь на кнопку Подписаться появляется окно с капчей и текстом на английском языке. Как сделать чтобы текст был на русском? Сначала так и было, а потом что то пошло не так. Заранее спасибо за ответ.

    • Илья Журавлёв 05.12.2015 Ответить Автор

      Привет, заходил на твой сайт, да, форма получилась очень привлекательная и необычная, то что надо, молодец. Не знаю, у меня например на Русском открывается, некоторые браузеры автоматически переводят на Русский. Ладно, я завтра гляну ещё в самом сервисе Feedburner и в плагине, может можно Русский включить по умолчанию. А сейчас я спать, завтра ещё отвечу.

    • Илья Журавлёв 05.12.2015 Ответить Автор

      Привет, ответ готов тебе, можно включить Русский язык в настройках плагина, да же статью написал по этому поводу, так как в двух словах не объяснить — Включить Русский язык в окне подписки feedburner wp subscribe ?

  • Максим 07.12.2015 Ответить

    Большое спасибо за помощь!!! Пишешь понятно и доступно даже для новичка как я.

    • Илья Журавлёв 07.12.2015 Ответить Автор

      Рад помочь !

  • Ольга 16.07.2016 Ответить

    Добрый день!
    Подскажите, пожалуйста, по какой причине может не отражаться сама эта форма -то, что оранжевого цвета?
    Установила на один блог все корректно, на втором все смазано и где искать косяк не могу понять! Благодарю за ответ!

    • Илья Журавлёв 16.07.2016 Ответить Автор

      Привет, а плагин точно один и тот же стоит ? Проверь, если тот же, то дело в CSS стилях их надо менять. В форме отображается стили сайта по умолчанию, хотя должны стили плагина отображаться. Можно просто вручную добавить стили плагина с помощью Simple Custom CSS.

  • Владимир 10.11.2016 Ответить

    Читал много гайдов по wordpress. Хотелось бы отметить, что редко увидишь статью, которая действительна полезна многим и написана просто и понятно! Поставил у себя, все работает! ++

  • Татьяна Суркова 15.11.2016 Ответить

    Илья, здравствуйте. Поставила плагин, вроде всё сделала, как вы написали, id от фидбурнера добавила, всё сохранила, а он, паразит, не подписывает. Выдаёт на английском, что подписка невозможна, может id не правильный? Я вставляю zdravomaniya/AOZa. А на той странице пишут The feed does not have subscriptions by email enabled. Может, я что-то не то в поле для id вставляю? Заранее благодарю.

    • Илья Журавлёв 15.11.2016 Ответить Автор

      Здравствуйте, возможно вы что-то не то вставляете или feedburner у вас не правильно настроен. Вот здесь почитайте как узнать адрес фида, который нужно в поле вставлять.

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

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


4 + 5 =



super-infa-top
Стрелка вверх