Как создать AMP-формы на WordPress

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

Создание AMP-форм на WordPress(пошаговое руководство)

Как создать AMP-формы на WordPress

Чтобы использовать AMP в WordPress, надо установить официальный плагин AMP для WordPress. После активации данный плагин автоматически добавляет поддержку Google AMP на WordPress-сайт.

Для изменения параметров AMP, перейдите в меню « AMP» — «Общие параметра», которое появится в панели администрирования WordPress.

Как создать AMP-формы на WordPress

Здесь можно включить или отключить AMP, выбрать режим работы веб-сайта для AMP, а также поддерживаемые шаблоны.

Шаг 1. Создайте форму WordPress при помощи плагина WPForms

Для начала установите и активируйте плагин WPForms Lite. После этого перейти в меню « WPForms»-«Добавить новую», чтобы создать новую форму WordPress.

В панели параметра формы можно выбрать шаблон, чтобы быстро начать работу. К примеру, вариант « Пустая форма».

Как создать AMP-формы на WordPress

Далее откроется страница конструктора форм.

Как создать AMP-формы на WordPress

Чтобы добавить новое поле ввода в форму, достаточно кликнуть по полю ввода в левой панели. После этого необходимо изменить его настройки. Для этого нажмите на поле ввода курсором мыши.

Как создать AMP-формы на WordPress

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

Как создать AMP-формы на WordPress

Общие параметра могут настроить имя формы, текст кнопки отправки данных и многое иное.

На вкладке « Уведомления» активируется уведомление на email о заполнении формы посетителем.

Как создать AMP-формы на WordPress

На вкладке « Подтверждение» настраивается сообщение с подтверждением, которое будет выводиться посетителю при отправке формы.

Как создать AMP-формы на WordPress

Шаг 2. Добавьте AMP-форму на страницу

В редакторе страницы нажмите кнопку «Добавить новый блок» и выберите блок WPForms.

Как создать AMP-формы на WordPress

После этого вы увидите виджет WPForms. Выберите в нем форму, которую создали ранее, и виджет загрузит ее в редактор страниц.

Как создать AMP-формы на WordPress

Далее опубликуйте или обновите отредактированную страницу. Далее плагин WPForms Lite автоматически добавит полноценную поддержку AMP. В этом можно без труда убедиться, просмотрев страницу на смартфоне.

Также можно без проблем открыть страницу в браузере на ПК, добавив /amp/ или /?amp в конце URL-адреса веб-страницы. К примеру: https://www.example.com/contact/?amp.

Добавление Google reCAPTCHA в AMP-форму

По умолчанию плагин WPForms содержит инструмент для перехвата и блокировки спама. Также можно легко использовать Google reCAPTCHA, чтобы уменьшить число спам-сообщений. Для этого зарегистрируйте веб-сайт в Google reCAPTCHA v3 и получите ключи Google API.

Перейдите на веб-сайт Google reCAPTCHA  и нажмите кнопку « Admin Console», расположенную в правом верхнем углу страницы.

Как создать AMP-формы на WordPress

После этого войдите в учетную запись Google. Далее вы попадете на страницу « Register a new site».

Как создать AMP-формы на WordPress

Введите название веб-сайта в поле ввода « Label». Google AMP поддерживает только reCAPTCHA v3, так что необходимо эту версию. После этого введите доменное имя в разделе « Domains».

Как создать AMP-формы на WordPress

В разделе « Owners» по умолчанию выводится адрес электронной почты. Вы также можете без труда добавить другой email.

Далее примите условия использования reCAPTCHA и установите флажок « Send alerts to owners». Это сможет Google уведомлять вас о таких проблемах, как неправильная параметр и подозрительный трафик, обнаруженный на веб-сайте.

Как создать AMP-формы на WordPress

Нажмите кнопку « Submit». Далее вы увидите сообщение об успешной регистрации вместе с ключом веб-сайта и секретным ключом, необходимым для добавления reCAPTCHA на веб-сайт.

Как создать AMP-формы на WordPress

Но для обеспечения совместимости AMP с reCAPTCHA требуется ещё одна параметр. Перейдите по ссылке « Go to Settings». Активируйте настройка « Allow this key to work with AMP pages» и нажмите кнопку « Save».

Как создать AMP-формы на WordPress

Далее в панели администрирования WordPress откройте страницу «WPForms» — «Параметра» -«reCAPTCHA».

Как создать AMP-формы на WordPress

Выберите настройка reCAPTCHA v3 и вставьте ключ веб-сайта и секретный ключ. После этого нажмите кнопку « Сохранить параметра».

Сейчас, когда Google reCAPTCHA добавлен в WPForms, можно без труда включить его в формах. Перейдите в меню « WPForms» — «Все формы» и выберите формы, в которых будет использоваться reCAPTCHA.

Как создать AMP-формы на WordPress

Перейдите на вкладку « Параметра» и выберите раздел « Общие параметра ». Внизу расположен настройка « Включить Google v3 reCAPTCHA».

Как создать AMP-формы на WordPress

Активируйте его, а далее сохраните форму. После этого можете без проблем протестировать AMP-форму с reCAPTCHA в действии.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *