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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

При активации плагина, вы должны посетить 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 страницы, которая отформатирована. Например, страница контактной формы.

? МОФ – Указывает начало параметров поля формы WPForm.

15 – это идентификация вашей формы

_один – У вас есть идентификатор поля

= значение – = указывает начало значения, которое вы хотите передать в форму, за которым следует значение фактического поля.

Вот пример 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.

Если вам понравилась эта статья, подпишитесь на наш канал YouTube и посмотрите обучающие видео по WordPress. Вы также можете найти нас на сайте Twitter и Facebook,