Технология AJAX позволяет обрабатывать данные без перезагрузки страницы. В этой статье показано, как создать AJAX-форму для WordPress.
Что такое Ajax и зачем его использовать для форм?
Ajax (Asynchronous JavaScript and XML) — это метод программирования JavaScript, который позволяет передавать данные без перезагрузки страницы.
Он обычно используется для форм. Ajax создает простые и быстрые формы. Такие платформы, как Gmail и Facebook, используют эту технологию.
Ajax также можно использовать для форм WordPress. Это позволяет пользователям не перезагружать страницу.
Давайте рассмотрим, как создать AJAX-форму WordPress.
1. Установите плагин WPForms
Установите и активируйте дополнение wpforms. Это лучший WordPress Addpress для создания форм на основе Ajax.
После активации в панели администратора WordPress перейдите в меню 'WPFORM' — 'Settings' и введите приобретенный лицензионный ключ.
После ввода ключа вы будете получать автоматические обновления и сможете установить необходимые добавки.
2. Создайте свою первую форму
Перейдите в 'wpforms' — добавить 'new'. Затем введите имя созданной формы и выберите исходный шаблон.
WPForms загрузит форму с уже добавленными основными полями. Нажмите на любое поле формы, чтобы отредактировать его.
Вы также можете добавлять новые поля из левой колонки, щелкая по ним. Затем они появятся в нижней части формы.
Поля формы можно перемещать, перетаскивая их в ядре.
3. Активируйте режим отправки данных формы с помощью AJAX
wpforms add по умолчанию не использует ajax. Чтобы включить его, перейдите на вкладку Настройки, перейдите в раздел Форматировщик и установите флажок Ajax отправки формы.
Это действие активирует AJAX для созданной формы. Затем перейдите в раздел Настройки на вкладке Подтверждение. Здесь вы можете увидеть, как пользователи уведомляются о получении материалов.
Используя дополнение WPForms, вы можете сделать это различными способами Перенаправление на другой URL-адрес для отображения определенной страницы или сообщения.
Поскольку форма использует Ajax, не имеет смысла перенаправлять пользователя на другую страницу.
Выберите параметр для отображения сообщения. Затем вы можете настроить, как вы хотите получать уведомления о том, что данные отправлены через форму. Для этого перейдите на вкладку Уведомления и настройте уведомления по электронной почте.
4. Добавление Ajax-формы в WordPress
WPFORMS позволяет легко добавлять посты, страницы и боковые линии WordPress. Разместите форму и отредактируйте страницу, на которой вы хотите вставить блок WPForms в область контента.
Затем выберите форму, созданную в настройках блока. WPForms загрузит предварительный просмотр выбранной формы.
