Хотите ли вы использовать динамическое заполнение полей в WordPress для автоматического заполнения форм на вашем сайте??
Dynamic field population позволяет автоматически заполнять поля формы на основе выбора пользователя, строк запроса или типа поля.
Это делает ваши формы «умными», экономит время пользователей, обеспечивает лучший пользовательский опыт и в конечном итоге повышает процент заполнения форм.
В этой статье мы покажем вам, как использовать динамические поля в WordPress для автозаполнения форм.
Что такое динамическое заполнение полей?
Динамическое заполнение полей — это техника, которая позволяет владельцам сайтов автоматически заполнять поля формы на основе выбора пользователя, типа формы, строк запроса или условной логики.
Например, магазин электронной коммерции может создать форму, в которой поле продукта в форме будет диманически заполнено с помощью существующих продуктов в WooCommerce или любом другом программном обеспечении электронной коммерции.
Аналогичным образом, сайт недвижимости может автоматически заполнять поля списков, агентов, типа недвижимости в своих формах назначения встреч и генерации лидов.
Продвинутые пользователи и разработчики могут также использовать параметры URL для динамического заполнения полей формы с помощью умных ссылок из рассылки по электронной почте или других взаимодействий на сайте.
Сказав это, давайте рассмотрим, как легко использовать динамическое заполнение полей в WordPress.
Как использовать динамическое заполнение полей в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
WPForms — лучший плагин контактных форм WordPress на рынке. Он позволяет легко создавать онлайн-формы с помощью простого инструмента перетаскивания.
Он также поставляется с динамическим заполнением полей, условной логикой и расширенными полями формы. Вместе эти функции позволяют создавать более интеллектуальные и интерактивные формы для вашего сайта.
Примечание: WPForms создан основателем WPBeginner Саидом Балхи.
После активации плагина, вам необходимо посетить страницу WPForms » Настройки страница для ввода лицензионного ключа. Вы можете найти эту информацию в разделе «Ваша учетная запись» на сайте WPForms.
Далее вам необходимо посетить WPForms » Добавить новый чтобы создать свою первую форму. Вам будет предложено указать название вашей формы, а затем выбрать шаблон для начала работы.
WPForms теперь будет загружать вашу форму с предварительно выбранными полями. Вы можете нажать на кнопку, чтобы отредактировать поля формы, или использовать функцию перетаскивания, чтобы перемещать их вверх и вниз. Вы также можете добавлять и удалять поля формы одним щелчком мыши.
Добавим новое поле формы, чтобы заполнить его динамическим выбором.
Вы можете добавить в форму выпадающее поле, поле множественного выбора или поле с флажком, чтобы использовать динамические варианты выбора. Просто нажмите на поле из левой колонки, чтобы добавить его в вашу форму.
Далее нажмите на поле, чтобы отредактировать его, а затем разверните меню Advanced Optins в левой колонке.
Здесь вам нужно выбрать динамический вариант в разделе Динамические варианты. WPForms поддерживает типы постов и таксономии, зарегистрированные на вашем сайте WordPress. В рамках данного руководства мы выберем тип поста Продукты.
WPForms теперь будет автоматически загружать и отображать поля в предварительном просмотре формы.
Теперь вы можете сохранить свою форму и выйти из конструктора форм.
Чтобы добавить форму в пост или страницу WordPress, просто отредактируйте пост или страницу, куда вы хотите ее добавить.
На экране редактирования поста добавьте блок WPForms в область редактирования поста. После этого выберите форму, которую вы создали ранее, из выпадающего меню.
Теперь вы можете сохранить свой пост или страницу и посетить свой сайт, чтобы увидеть форму с динамическими значениями полей в действии.
Автоматическое заполнение полей формы с помощью параметров URL
WPForms также позволяет динамически заполнять поля формы с помощью параметров URL. Это позволяет вам создавать интеллектуальные ссылки, которые автоматически передают информацию в форму и заполняют ее, чтобы ваши пользователи могли отправить ее.
Сначала необходимо создать новую или отредактировать существующую форму в WPForms. Как только вы закончите создание формы, переключитесь на вкладку настроек в левой колонке, а затем выберите вкладку «Общие».
На этом экране вам нужно установить флажок в поле Включить динамическое заполнение полей.
Теперь вы можете сохранить свою форму и выйти из конструктора форм. Теперь ваша форма готова к динамическому заполнению полей формы с помощью параметров URL.
Создание ссылок с параметрами URL
WPForms принимает динамические поля формы, передаваемые через параметры URL в определенном формате.
Давайте разберем это на части.
- Часть URL перед вопросительным знаком ‘?’ является URL страницы, на которой находится ваша форма. Например, ваша страница с контактной формой.
- ?wpf — Указывает на начало параметров поля формы WPForm.
- 15 — Является ли идентификатор вашей формы
- _1 — Далее у вас есть поле ID
- =value — = указывает на начало значения, которое вы хотите передать в форму, за которым следует фактическое значение поля.
Вот пример URL, где мы передаем название продукта в качестве текстового поля в форму обратной связи.
Обратите внимание, как мы использовали %20 для обозначения пробелов между словами в названии продукта.
Поиск идентификаторов форм и полей в WPForms
Для того чтобы создать параметры URL, вам необходимо знать идентификаторы формы и поля. Вот как вы можете найти эти значения.
Просто отредактируйте свою форму, и вы увидите ID формы в адресной строке вашего браузера.
Аналогичным образом, чтобы найти ID поля формы, вам нужно просто нажать на него для редактирования. Вы увидите свойства поля формы в левой колонке, а также идентификатор поля в верхней части.
Теперь, что если вы хотите передать значение в подполе?
Просто добавьте идентификатор подполя после идентификатора поля в URL следующим образом:
Для более подробной информации смотрите документацию разработчика WPForms, в которой показано больше примеров использования различных параметров для всех типов полей формы.
Теперь вы можете использовать эту функцию в сочетании с вашим CRM-программным обеспечением или службой маркетинга электронной почты для отправки ссылок на смарт-формы вашим пользователям. Большинство маркетинговых платформ поставляются с собственными персонализированными тегами MERGE, которые вы можете добавить в интеллектуальный URL для автоматического заполнения личной информации в форме.
Вы также можете использовать функцию динамической популяции полей с другими плагинами форм, такими как Formidable Forms, Gravity Forms и т.д. Однако мы рекомендуем использовать WPForms, потому что он упрощает весь процесс, и мы хорошо знаем его, потому что мы создали этот продукт.
Мы надеемся, что эта статья помогла вам узнать, как использовать динамическую совокупность полей в WordPress для автозаполнения форм. Вы также можете ознакомиться с нашей статьей о том, как отслеживать и сокращать количество брошенных форм в WordPress.
Источник: www.wpbeginner.com