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

Как попросить Google повторно сканировать URL-адреса вашего сайта WordPress

Недавно один из наших читателей спросил, можно ли заставить Google повторно сканировать определенные URL? Если ваш веб-сайт новый, Google потребуется

Как отображать случайные сообщения в WordPress

Вы хотите отображать случайные сообщения в WordPress? Отображение случайных сообщений дает вашим пользователям возможность узнать больше о вашем

Как отображать последние твиты в WordPress с помощью виджетов Twitter

Вы хотите отображать свои последние твиты в WordPress? Интеграция Twitter с вашим сайтом WordPress помогает повысить вовлеченность на обеих платформах. Посетители

Как показать всплывающее окно подтверждения для форм в WordPress

Случайное закрытие страницы без отправки комментария или с наполовину заполненной формой раздражает. Недавно один из наших пользователей спросил