Как использовать динамическое заполнение полей в WordPress для автоматического заполнения форм

Вы хотите использовать динамическое заполнение полей в WordPress для автоматического заполнения форм на вашем сайте?

Динамическое заполнение полей позволяет автоматически заполнять поля формы на основе выбора пользователя, строк запроса или типа поля.

Это делает ваши формы умными, экономит время пользователей, обеспечивает лучшее взаимодействие с пользователем и, в конечном итоге, повышает скорость заполнения форм.

В этой статье мы покажем вам, как использовать динамическое заполнение полей в WordPress для автоматического заполнения форм.

^

Что такое население динамического поля?

формы на основе выбора пользователя, типа формы, строк запроса или условной логики.

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

Аналогичным образом, веб-сайт недвижимости может автоматически заполнять списки, агенты, поля типов собственности в их назначениях и формах привлечения потенциальных клиентов.

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

Давайте посмотрим, как легко использовать динамическое заполнение полей в WordPress.

Как использовать динамическое заполнение полей в WordPress

Во-первых, вам нужно установить и активировать плагин WPForms. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

WPForms – лучший плагин для контактной формы WordPress на рынке. Это позволяет легко создавать онлайн-формы с помощью простого инструмента перетаскивания.

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

Примечание: WPForms является соучредителем основателя WPTec Сайеда Балхи.

После активации плагина вам нужно зайти на страницу WPForms »Настройки, чтобы ввести свой лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на сайте WPForms.

^

Далее вам нужно посетить WPForms »Добавить новый, чтобы создать свою первую форму. Вам будет предложено указать имя для вашей формы, а затем выбрать шаблон для запуска.

^

WPForms теперь загрузит вашу форму с предварительно выбранными полями. Вы можете нажать, чтобы редактировать поля формы или использовать функцию перетаскивания, чтобы перемещать их вверх и вниз. Вы также можете добавлять и удалять поля формы одним щелчком мыши.

Давайте добавим новое поле формы, чтобы заполнить его динамическим выбором.

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

^

Затем щелкните, чтобы отредактировать поле, а затем разверните меню «Дополнительные параметры» в левом столбце.

^

Отсюда вам нужно выбрать динамический параметр в разделе «Динамический выбор». WPForms поддерживает типы записей и таксономии, зарегистрированные на вашем сайте WordPress. Для этого урока мы выберем Тип публикации продуктов.

^

WPForms теперь автоматически загружает и отображает поля в форме предварительного просмотра.

Теперь вы можете сохранить свою форму и выйти из конструктора форм.

Чтобы добавить форму в пост или страницу WordPress, просто отредактируйте пост или страницу, где вы хотите добавить ее.

На экране редактирования сообщения добавьте блок WPForms в область редактирования сообщения. После этого выберите форму, которую вы создали ранее из выпадающего меню.

^

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

^

Автоматически заполнять поля формы, используя параметры URL

WPForms также позволяет динамически заполнять поля формы, используя параметры URL. Это позволяет создавать умные ссылки, которые автоматически передают информацию в форму и заполняют ее для отправки пользователями.

Во-первых, вам нужно создать новую форму или отредактировать существующую форму в WPForms. Закончив создание формы, перейдите на вкладку настроек в левом столбце и выберите вкладку «Общие».

На этом экране необходимо установить флажок Включить динамическое заполнение полей.

^

Теперь вы можете сохранить свою форму и выйти из конструктора форм. Ваша форма готова для динамического заполнения полей формы с помощью параметров URL.

Создание ссылок с параметрами URL

WPForms принимает динамические поля формы, передаваемые через параметры URL в определенном формате.

https://example.com/contact/?wpf15_1=value

Давайте разберемся с этим.

Часть URL-адреса перед вопросительным знаком ‘?’ – это URL-адрес страницы с вашей формой. Например, ваша контактная форма страницы.
? wpf – указывает начало параметров поля формы WPForm.
15 – это идентификатор вашей формы
_1 – Далее у вас есть идентификатор поля
= значение – = указывает начало значения, которое вы хотите передать в форму, за которым следует фактическое значение поля.
Вот пример URL, по которому мы передаем название продукта в виде текстового поля в форму обратной связи.

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

^

Обратите внимание, как мы использовали% 20 для обозначения пробелов между словами в названии продукта.

Поиск форм и идентификаторов полей в WPForms

Чтобы создать параметры URL-адреса, вам необходимо знать идентификаторы формы и поля. Вот как вы можете найти эти значения.

Просто измените форму, и вы увидите идентификатор формы в адресной строке браузера.

^

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

^

А что если вы хотите передать значение в подполе?

Просто добавьте идентификатор подполя после идентификатора поля в вашем URL следующим образом:

https://example.com/contact/?wpf15_3_city=london

Дополнительные сведения см. В документации для разработчиков WPForms, в которой приведены дополнительные примеры использования различных параметров для всех типов полей формы.

Теперь вы можете использовать эту функцию в сочетании с программным обеспечением CRM или маркетинговой службой электронной почты, чтобы отправлять пользователям ссылки на интеллектуальные формы. Большинство маркетинговых платформ имеют собственные персонализированные теги MERGE, которые вы можете добавить в смарт-URL для автоматического заполнения личной информации в форме.

Вы также можете использовать функцию динамического заполнения полей с другими плагинами форм, такими как Formidable Forms, Gravity Forms и т. д. Однако мы рекомендуем использовать WPForms, потому что это упрощает весь процесс, и мы хорошо это знаем, потому что мы создали продукт.

Мы надеемся, что эта статья помогла вам научиться использовать динамическое заполнение полей в WordPress для автоматического заполнения форм. Возможно, вы также захотите ознакомиться с нашей статьей о том, как отслеживать и сокращать отказ от форм в WordPress.