Как самостоятельно создать яркую форму подписки под шапкой БЕЗ редактирования кода

  Автор:
  2009
wpform

Сегодня одним из критериев крутого блога, а значит и крутого бренда:), является наличие яркой, броской, брендовой формы подписки сразу под шапкой. Посмотрите на блоги крутых экспертов и специалистов. Первое, что сразу бросается в глаза, блок с формой подписки сразу на первом экране на главной странице.

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

wpform-prof

wpform-prof1

wpform-prof3

Профессионалы-фрилансеры, которые создали эти формы, обладают как минимум 3мя навыками.

  1. Знания кодекса WordPress, чтобы вставить код в нужное место
  2. Знания основ программирования и HTML, и css чтобы создать такую форму
  3. Навыки дизайнера, чтобы сделать графику для формы

А теперь посмотрите на эти формы.

wpform1

wpform2

wpform3

wpform4

wpform5

wpform6

wpform8

wpform10

wpform11

wpform12

wpform13

wpform14

wpform15

wpform16

wpform17

wpform18

wpform19

wpform20

Ну как вам формы? Понравились?

Как вы думаете, какие знания и навыки понадобились авторам этих блогов, для создания таких форм и размещения их по шапкой?

Вы не поверите. Главный навык — уметь двигать компьютерной мышкой.

Да, да, вы не перепутали. Все именно так. Главное уметь двигать компьютерной мышкой. Ну и конечно не помешает вдохновение, и немного фантазии :). А самое сложное в этом деле это придумать, как будет выглядеть ваша форма.

Все эти формы сделаны с помощью плагина «WP Form — Живая форма«. Плагин создан специально для шаблона AB-Inspiration.

Вот небольшой пример как сделать блок с кнопкой и видеофоном с помощью плагина «WPForm — Живая форма»

ВНИМАНИЕ!!! Это видео не является инструкцией по настройке видеофона. Это демонстрация процесса в ускоренном темпе. Инструкция как настраивать форму и в том числе видеофон ниже!

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

Ну и конечно в связи с наступающим Новым Годом, и в честь дня рождения шаблона AB-Inspiration, скидочка на плагин 40%.

Как вы знаете, мы практически не делаем скидок на плагины для шаблона AB-Inspiration. Поэтому, если вы хотите

  • придать блогу больше солидности,
  • брендовости,
  • ну и конечно получить больше подписчиков с блога (форма под шапкой самое выгодное место на блоге — посетители никак не смогут пройти мимо),

то сейчас самое время приобрести плагин.

Приобрести плагин со скидкой вы можете в клубе http://wpblog.club в разделе «VIP-магазин для членов клуба Вдохновение». Скидка 40% будет действовать до 1-го января.

Если у вас возникли вопросы по использованию плагина «Живая форма», не стесняйтесь, пишите в комментариях. Я с удовольствием отвечу.

Кстати, на моем блоге, на главной странице, тоже установлена Живая форма :).

Как самостоятельно создать яркую форму подписки под шапкой БЕЗ редактирования кода
   4 голоса
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
5 комментариев
  1. Благодарю Анфиса за такую замечательную возможность быть в тренде всего нового и современного. А живая форма дает возможность постоянно эксперементировать и менять все по щелчку мышки.

  2. Вот никак не найду свою форму … Есть идеи, но хочется всё сделать идеально. Наверное поэтому так долго тяну.
    А инструмент просто замечательный! Сделаю, похвалюсь.
    Спасибо всей команде Анфисы!

  3. Анфиса, огромное Спасибо! За плагин «живая форма» и за этот подробный урок. Посмотрела и сразу стало все понятно, хотя плагин купила почти 6 месяцев назад, но все не решалась задействовать его)) А сегодня с таким азартом принялась за работу и уже за 30 мин. была готова простая, но цепляющая форма. И сделала все буквально «на коленке» с планшета) А сколько еще идей появилось для новых форм! Еще раз СПАСИБО!

  4. Очень понравилась идея сделать живое видео вместо картинки. Купила конвертер, который из mp4 делает webm формат. Загрузила по скрытой ссылке на Ютуб и все вставила, как в ролике. По итогу у меня вдруг появляется видео с вами, Анфиса. Я не знаю как оно там оказалось, очень прошу посмотреть и исправить. С уважением к вашему творчеству, Елена Skype: ibutler-goldlider

    • Елена, Вы активировали показ видео (поставили галочку «Видео»), поэтому отображается мое видео (оно указано во складке «Видео» в качестве примера).

      Для того чтобы отобразилася видеофон, не нужно ставить галочку «Видео». Он отобразиться автоматически. Только он у вас не работает, потому что во вкладку «Фон блока» — «Видеофон» вставили видео с Youtube!!! В «Фон блока» — «Видеофон» нужно загрузить видео в mp4 и в webm форматах в соответствующие поля. Там написано, куда, что грузить.

      Вот скриншот ваших настроек. Исправьте следующие параметры:
      1. Уберите галочку «Видео».
      2. Во вкладке «Фон блока» загрузите видео в формате mp4 и в формате webm.

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

      https://vimeo.com/149546450

Комментарии в Фейсбук
Комментарии в Вконтакте