Как создать форму AMP в WordPress (шаг за шагом)

как создать форму усилителя в WordPress


Вы хотите создать контактную форму с поддержкой AMP (ускоренные мобильные страницы) на своем веб-сайте WordPress??

Вот где плагин WPForms пригодится. WPForms – это один из самых удобных плагинов для конструктора форм, который позволяет создавать красивые и удобные AMP-формы для вашего сайта за несколько быстрых и простых шагов..

В этой статье мы покажем вам, как использовать плагин WPForms для создания блестящей удобной для контактов формы APM на вашем веб-сайте WordPress. Но перед этим давайте быстро поймем важность AMP.

Зачем создавать AMP-страницы и AMP-формы

Согласно исследованию, почти 60% поисковых запросов в Google приходят с мобильных устройств. Сделав ваш сайт дружественным AMP, вы можете гарантировать, что ваш сайт загружается быстрее на мобильных устройствах.

Google Accelerated Mobile Project – это инициатива Google с открытым исходным кодом, направленная на ускорение работы с мобильными браузерами в значительной степени в открытой сети. AMP расширяет возможности мобильного просмотра. Основная идея заключается в том, чтобы значительно повысить скорость страницы вашего сайта с помощью дополнительного облегченного шаблона, оптимизированного для скорости..

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

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

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

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

Шаг 1. Установка плагина Google AMP

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

Чтобы найти этот плагин, найдите AMP в окне поиска, перейдя к Плагины »Добавить новый.

Теперь нажмите на Установить сейчас кнопка, сопровождаемая Активировать кнопка, чтобы начать работать.

Плагин AMP, Google AMP

Шаг 2. Установка WPForms на WordPress

Далее, давайте установим плагин WPForms на ваш сайт. Для этого просто войдите в свою панель управления WordPress и перейдите на Плагины »Добавить новый. Теперь введите WPForms в строке поиска в правом верхнем углу экрана..

Как только плагин будет найден, нажмите на Установить сейчас кнопка, а затем Активировать чтобы плагин начал работать.

WPForms Lite, AMP-дружественный плагин контактной формы

Шаг 3. Создание первой формы с помощью WPForms

Чтобы создать свою первую форму с WPForms, перейти к вашей Панель инструментов WordPress и перейдите к WPForms »Добавить новый

Теперь у вас будет следующее окно на вашем экране.

Форма обратной связи в WordPress

Вы увидите 4 разных варианта здесь. В зависимости от ваших требований вы можете выбрать шаблон, который будет наилучшим образом соответствовать вашим потребностям.

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

конструктор страниц контактов

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

Чтобы добавить поле в форму, просто перетащите его слева и поместите его в раздел формы справа от вас..

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

удалить поле из wpforms

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

У вас также есть возможность изменить параметры поля. Вы можете изменить формат полей, размер шрифтов, скрыть или показать метки и суб-метки и т. Д..

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

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

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

Общие настройки для формы контакта усилителя

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

Шаг 4: Отображение вашей первой формы

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

Нажмите значок +, чтобы добавить блок в редактор Gutenberg. Затем введите WPForms и, как только он появится, нажмите на него.

вставить контактную форму усилителя

Далее вам будет предложено выбрать правильную контактную форму, поэтому выберите форму.

страница контактов усилителя

Теперь вы можете нажать на Публиковать Кнопка на правой стороне панели инструментов WordPress, чтобы опубликовать ваше сообщение. Ваша форма WordPress AMP теперь доступна.

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map