Как использовать динамическое заполнение полей в 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,