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

  Автор:
  5 комментариев
  7475

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

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

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

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

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

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

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

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

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

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

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

Поэтому, если вы хотите

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

то сейчас самое время приобрести премиум плагин «Живая форма+Слайдер».

Вернуться к содержанию видео уроков


Создайте сайт с нами — легко и быстро!

Нужна помощь по данным урокам или хотите заказать сайт на WordPress «ПОД КЛЮЧ»?

Обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

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

   4 голоса
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Оставьте свой комментарий:

Комментарии на Блог
5 комментариев
  1. Благодарю Анфиса за такую замечательную возможность быть в тренде всего нового и современного. А живая форма дает возможность постоянно эксперементировать и менять все по щелчку мышки.

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

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

  4. Елена Передрий

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

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

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

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

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

      https://vimeo.com/149546450

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