Как добавить форму на сайт WordPress

wordpress form

Как добавить форму на сайт WordPress, самый лёгкий способ. Не буду использовать плагины, потому, что при тестировании всех топовых плагинов пришёл к выводу — это сложно и занимает много времени.
Буду использовать бесплатный онлайн сервис для создания форм “Яндекс формы” (он русский, понятный и без ограничений), а потом останется только вставить небольшой кусочек кода в нужное место сайта.

Форма для сайта

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

Основная страница формы имеет пять разделов:

  1. Конструктор. Составляем форму выбирая нужные нам элименты из списка. Всегда можно посмотреть, что получилось нажав кнопку «Предпросмотр»
  2. Тема. Выбираем дизайн формы или делаем сами.
  3. Интеграция. Её необходимо включить и в настройке ответы на вопросы поставить все галочки. Рис 1, 2 Всё это нужно сделать, что бы получать ответы на свою почту.
  4. Настройки. Можно менять текст на кнопках и текст сообщений после отправки формы. Добавить капчу.
  5. Ответы. Здесь можно посмотреть все ответы введённые в форму, а так же скачать их. Раздел нужен если вы не хотите получать ответы на свой email.

Не забудьте поменять стандартное имя формы- «Новая форма» на своё, для этого наведите курсор на имя формы.

форма обратной связи wordpress

После создания формы жмем желтую кнопку «Поделиться» и копируем код для вставки iframe.

Заходим на свой сайт wordpress и в нужное место добавляем блок HTML (стандартный блок Гуттенберга ) и в этот блок вставляем код нашей формы. Всё готово, форма работает. Ниже вставил пример формы можете посмотреть, что получилось у меня.

В статье описаны основные действия, что бы быстро создать форму для установки на свой сайт.
Но не могу сказать о том, что возможности сервиса на много шире, чем представлены в статье. Можно создавать сложные формы, анкеты, опросы, сбор необходимых сведений. Так же созданная форма открывается по ссылке на сайте Яндекса, это значит, что можно не иметь своего сайта и пользователи для которых предназначена форма могут приступить к её заполнению перейдя по ссылке полученной в соц. сетях или на email.

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

  • Попробовал по быстричку набросал форму все получилось, работает и ответы присылает на почту, класс, благодарю.

    Reply
  • Спасибо, действительно это самый простой способ добавить форму на сайт wordpress

    Reply
  • Форма получилась, поставил бы 10 из 10 если бы было больше настроек дизайна и не было надписи под формой- создано пользователем с помощью яндекс форм. Ставлю 9 потому, что функционал на высоте.

    Reply
  • У меня получилась отличная форма обратной связи, благодарю за пост 👁

    Reply
  • Спасибо, теперь я понял как добавить форму на сайт WordPress

    Reply
  • Очень радует большая библиотека элиментов формы, можно организовать сбор данных или провести опрос, тестирование.

    Reply
  • Действительно, это самый простой способ добавить форму на сайт, блог, интернет магазин.

    Reply
  • Здравствуйте, уважаемый Администратор сайта wpblocks.ru
    Спасибо за пост, думаю в скором времени пригодится.
    С уважением, Николай

    Reply
  • настраиваемая форма обратной связи, теперь буду знать где взять, спс.

    Reply
  • Добрый день!
    Лучшая бесплатная форма обратной связи, верхний палец с меня.

    С уважением, Oleg

    Reply
  • Сделаю качественную форму, программист с 70и летним стажем.

    Reply
  • Здравствуйте!
    Действительно работающая форма обратной связи.
    С уважением, Fedor

    Reply
  • Сделать форму обратной связи пытаюсь уже давно, но получилось только сейчас, спасибо за подсказку.

    Reply
  • Hi,
    форма обратной связи, хотел сам создать на html, да зачем изобретать велосипед, Яндекс все сделал )).
    Alexander

    Reply
  • Приветствую Вас!
    Форма обратной связи wordpress получилась с первого раза, спасибо за инфу.

    С уважением, Alex

    Reply

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

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

Scroll to Top Яндекс.Метрика