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

Как добавить форму на сайт WordPress, самый лёгкий способ.

В начале не будем использовать плагины, потому, что при тестировании всех топовых плагинов пришёл к выводу — это сложно и занимает много времени, в том числе и плагин wordpress contact form 7.

Будем использовать бесплатный онлайн-сервис для создания форм “Яндекс формы” (он русский, понятный и без ограничений), а потом останется только вставить небольшой кусочек кода в нужное место сайта wordpress.

Бесплатная форма для сайта

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

wordpress contact form 7

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

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

В строке текст, переменные выбираем Ответы на вопросы (что бы на почту приходили ответы на вопросы )

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

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

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

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

Яндекс формы
Будущее
Развитие реализации веб-форм получило в разрабатываемой в настоящее время технологии XForms

Что такое XForms?

Традиционные веб-формы HTML не отделяют цель от представления формы. XForms, напротив, состоят из отдельных разделов, описывающих, что делает форма и как она выглядит. Это позволяет использовать гибкие параметры представления, включая классические формы XHTML, которые можно присоединить к определению формы XML.
Пользовательский интерфейс XForms предоставляет стандартный набор визуальных элементов управления, предназначенных для замены современных элементов управления форм XHTML. Эти элементы управления формой можно использовать непосредственно внутри документов XHTML и других документов XML, таких как SVG. Другие группы, такие как рабочая группа голосового браузера, также могут независимо разрабатывать компоненты пользовательского интерфейса для XForms.

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

Наконец, должен быть канал для передачи данных экземпляра в процессор XForms и из него. Для этого протокол отправки XForms определяет, как XForms отправляют и получают данные, включая возможность приостанавливать и возобновлять заполнение формы.

Ключевые цели XForms

  • Поддержка структурированных данных формы
  • Расширенная логика форм без обращения к серверу
  • Динамический доступ к источникам данных сервера во время выполнения формы
  • Раздельные данные, логика и представление
  • Полная интеграция с другими наборами тегов XML
  • Расширенный пользовательский интерфейс для удовлетворения потребностей бизнеса, потребительских приложений и приложений для управления устройствами
  • Поддержка портативных, телевизионных и настольных браузеров, а также принтеров и сканеров.
  • Улучшенная интернационализация и доступность
  • Несколько форм на страницу и страницы на форму
  • Возможности приостановки и возобновления

Плагин wordpress для создания формы

Рассмотрим альтернативу яндекс формам. Это плагин

Плагин wordpress для создания формы