Красивая форма подписки для 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 обновлено: Февраль 22, 2018 автором: Илья Журавлёв

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

  • Николай 23.01.2017

    Здравствуйте! Установил плагин, сделал перевод, вставил картинку… А цвет поменять не получается… Все делаю по Вашей инструкции.

  • Илья Журавлёв 23.01.2017 Автор

    Здравствуйте, цвет должен меняться, если вы указываете правильный html код цвета и в нужное место ставите его. Можно воспользоваться плагином – SiteOrigin CSS, или добавить свои CSS с помощью плагина – Simple Custom CSS.

  • Елена 24.03.2017

    Добрый вечер,Илья! Я все сделала поэтапно, как вы написали, но цвет поменять тоже не получилось. Пробовала разные цвета вставлять, все остается как было. Но все равно мне очень понравилась получившаяся форма подписки. А ту простую, ее нужно удалить из виджетов? получилось две формы подписки.

  • Илья Журавлёв 24.03.2017 Автор

    Здравствуйте, да, конечно, не нужную форму удалите. После изменения цвета нужно кэш удалить, либо на сайте, если стоит плагин для кэша, либо в браузере. Менять цвета можно с помощью Супер плагина – SiteOrigin CSS.

  • Елена 21.04.2017

    Илья , добрый вечер! У меня приключилась следующее. Плагин WPSubscribe обновился и у меня в консоли пропали виджеты и стало невозможно управлять виджетами. Сначала я не могла понять, что произошло. Стала искать ответ в инете и нашла, что нужно отключить поочередно все плагины и проверить, какой из них косячит. В результате оказалось, что WPSubscribe. Пришлось его деактивировать. Попробовала удалить и загрузить снова и все повторилось. Как теперь мне без этого плагина сделать красивую форму подписки? Помогите пожалуйста.

  • Илья Журавлёв 21.04.2017 Автор

    Здравствуйте. В таком случае здесь только два варианта:

    – Откатить плагин к предыдущей версии с помощью плагина Rollback.
    – Ждать следующего обновления, в надежде, что автор плагина исправит баг.

  • Ихааарь 21.01.2018

    Прошёлся по всем статьям и отлично всё работает. Спасибо большое автору за такую помощь.

    p.s. А у тех у кого что то не получается, рекомендую внимательно читать))

  • Лия 28.01.2018

    Какая же замечательная статья! Как все просто и доходчиво написано – буквально для чайников. Разобралась с первого раза, да ещё и форма подписки получилась такого красивого цвета. Илья, большое вам спасибо за детальные объяснения!

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

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение