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

/

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

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

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

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

Автоматическое заполнение полей формы в WordPress с динамическим заполнением полей

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

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

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

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

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

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

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

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

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

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

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

Лицензионный ключ WPForms

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

Создание новой формы

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

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

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

Добавить поля формы

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

Расширенные настройки

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

Динамический выбор

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

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

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

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

Добавление блока WPForms в WordPress

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

Предварительный просмотр WPForm

Автоматическое заполнение полей формы с использованием параметров 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

Добавление URL к вашему сообщению

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

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

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

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

Поиск идентификатора формы в WPForms

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

Поиск идентификатора поля формы

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

Просто добавьте идентификатор подполя после идентификатора поля в вашем URL-адресе, например:

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

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

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

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

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как показать отрывок из защищенного паролем сообщения в WordPress

Знаете ли вы, что вы можете защитить паролем свои сообщения WordPress? По умолчанию WordPress не показывает пользователям содержимое защищенного сообщения,

Как отключить RSS-каналы в WordPress

Вы хотите отключить RSS-каналы на своем сайте WordPress? RSS-каналы позволяют пользователям подписываться на сообщения вашего блога. Однако при создании

Как настроить CloudFlare Free CDN в WordPress

Вы хотите использовать Cloudflare CDN на своем сайте WordPress? Cloudflare - один из лучших сервисов CDN и брандмауэра WordPress, доступных на рынке. Они предлагают бесплатный

Как добавить поиск Google на сайт WordPress

Вы хотите использовать поиск Google на своем сайте WordPress? Хотя WordPress поставляется со встроенной функцией поиска, это не очень хорошо. Вот почему многие