Теперь вы можете включить поддержку плагинов Gravity Forms в AMP всего одним щелчком мыши! Это будет работать с построителем форм и всеми видами полей при правильной проверке формы.

Версия плагина: 2.9.36
 
WordPress плагин AMP Gravity Forms

Особенности плагина

Процесс установки не может быть проще. Просто нажмите активировать, и это будет работать из коробки. Это расширение не требует зависимости от плагина AMPforWP, что означает, что вы можете использовать его с любым плагином AMP в мире.

Спецификации:

Дата выхода: 12-07-2019
Дата обновления: 10-10-2023
Тип расширения: Платный
Лицензия: GPL
Тематика: Специфические для AMP
Совместимость: W5.x W6.x
Включает в себя: Плагин
Языковые пакеты: Английский
Разработчик: AMP

Рейтинг:
4.4586776859504 1 1 1 1 1 (Оценок: 242)
4.4586776859504 242

Скачивание по подписке!

Вам необходимо авторизоваться на сайте и приобрести клубную подписку!

Поделись с друзьями!

 

Руководство по настройке AMP Gravity Forms для AMP-страниц WordPress

AMP Gravity Forms нужен в тех случаях, когда на сайте уже используются формы Gravity Forms, а мобильные AMP-страницы не должны терять заявки, проверки полей и понятный путь отправки. В этом руководстве разберём не общую рекламу плагина, а практический рабочий маршрут: что проверить до установки, какие настройки включить, как выбрать форму, где разместить её на AMP-странице и как убедиться, что отправка действительно работает.

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

Материал рассчитан на владельца сайта, вебмастера или разработчика, которому нужно сохранить лид-форму, заявку на консультацию, форму обратной связи или короткую анкету на AMP-версии страницы. Если вы только выбираете форменный плагин, ниже есть раздел с похожими решениями. Если Gravity Forms уже стоит на сайте, полезнее идти по порядку: подготовка, установка, настройка, практический пример, проверка и диагностика.

Обложка руководства AMP Gravity Forms с сравнением обычной и AMP-формы
Схема показывает главный смысл руководства: существующая форма Gravity Forms должна остаться понятной и рабочей на AMP-версии страницы.

Какую задачу решает расширение и где оно действительно полезно

AMP Gravity Forms стоит рассматривать как совместимость для уже готовой формы, а не как замену Gravity Forms. Базовая форма создаётся в админ-панели Gravity Forms: там выбираются поля, обязательность, уведомления, подтверждения, логика и запись заявок. Расширение добавляет слой, который помогает показать эту форму на AMP-страницах и сохранить базовое поведение в среде, где обычные JavaScript-зависимости часто недоступны.

Типичный сценарий выглядит так: у сайта есть обычная посадочная страница с формой заявки, а AMP-версия этой страницы должна быть быстрой и пригодной для мобильного посетителя. Без совместимого вывода форма может не появиться, выглядеть сломанной, не отправляться или давать ошибку валидации. Расширение закрывает именно этот разрыв между формой Gravity Forms и AMP-выводом.

Когда расширение особенно уместно

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

  • На сайте уже используется Gravity Forms, и переносить формы на другой плагин не хочется.
  • AMP-страницы включены через AMP for WP, официальный AMP-плагин или другую AMP-среду, где обычный вывод Gravity Forms может требовать адаптации.
  • Нужно вывести конкретную форму на всех AMP-страницах или закрепить её в выбранной зоне страницы.
  • Важны обязательные поля, базовая проверка ввода, запись заявки и уведомление администратора.
  • Нужна поддержка reCAPTCHA v3 на AMP-странице, если она используется в вашем сценарии защиты от спама.

Когда лучше не начинать с этого продукта

Расширение не решает все задачи вокруг форм. Если у вас нет Gravity Forms, начинать только ради AMP-совместимости может быть избыточно: придётся поддерживать два коммерческих слоя - сам Gravity Forms и адаптер для AMP. Если форма сложная, содержит нестандартные поля, редкие сторонние дополнения, многоступенчатую логику или платежный сценарий, сначала проверьте поддержку конкретных элементов на тестовой странице. Официальные источники подтверждают базовые варианты показа формы и reCAPTCHA, но не дают основания обещать работу любого стороннего дополнения Gravity Forms в AMP.

Практический ориентир: если обычная форма уже нестабильна, письма не доходят или логика полей не проверена, не начинайте диагностику с AMP. Сначала добейтесь корректной работы Gravity Forms на обычной странице, затем подключайте AMP-слой.

Что проверить до установки на рабочем сайте

Подготовка важна потому, что проблемы после включения расширения часто выглядят как “плагин не работает”, хотя причина находится в исходной форме, настройках уведомлений, AMP-режиме, кешировании или антиспаме. Лучше заранее разделить ответственность: что делает Gravity Forms, что делает AMP Gravity Forms, а что контролирует AMP-плагин и тема.

Проверьте исходную форму в Gravity Forms

Откройте нужную форму в админ-панели WordPress и убедитесь, что у неё понятное название, правильный набор полей и рабочее подтверждение после отправки. Для AMP-страниц лучше начинать с короткой формы: имя, email, телефон или сообщение. Чем больше нестандартных элементов, тем выше риск, что отдельное поле или связанная интеграция потребует ручной проверки.

Отдельно найдите ID формы. Он понадобится для настройки поля Form ID в AMP Gravity Forms и для проверки шорткода Gravity Forms, если форма вставлена в контент. Если ID указан неверно, пользователь будет видеть пустое место, сообщение о несуществующей форме или другой неожиданный результат.

Проверьте уведомления и запись заявок

Перед установкой отправьте тестовую заявку на обычной странице и проверьте две вещи: появилась ли запись в Forms - Entries и пришло ли письмо. Если запись есть, но письма нет, это чаще относится к почтовой доставке WordPress, доменному адресу отправителя, SMTP, SPF, DKIM или DMARC. AMP-совместимость не должна использоваться как обход проблем с почтой.

Определите AMP-режим и тип страниц

В AMP-плагине проверьте, какие страницы обслуживаются как AMP: записи, страницы, отдельные шаблоны или весь сайт. В официальном AMP-плагине для WordPress есть режимы Standard, Transitional и Reader. В AMP for WP логика и меню отличаются, но общий принцип такой же: нужно понимать, где посетитель увидит AMP-версию и какая тема или шаблон отвечает за её вывод.

Это влияет на выбор размещения формы. Если AMP включён только для записей блога, глобальная форма на всех AMP-страницах может оказаться слишком навязчивой. Если AMP используется для посадочных страниц, форму лучше привязать к конкретной зоне: над контентом, под контентом, перед футером или как sticky-форма.

Сделайте тестовую страницу

Не включайте форму сразу на всех AMP-страницах, если сайт получает заметный трафик. Создайте тестовую страницу с коротким содержимым, добавьте форму или подготовьте ID формы для глобального вывода, очистите кеш и проверьте AMP-URL. Такой подход позволяет отделить ошибку настройки от влияния темы, рекламы, аналитики и сторонних блоков.

Установка и первичное включение без лишнего риска

Официальная инструкция AMP for WP описывает установку расширения как загрузку ZIP-файла через стандартный экран WordPress. В руководстве мы не рассматриваем покупку, ключи, личный кабинет или обход активации. Предполагается, что у вас уже есть легальный установочный архив и доступ администратора к сайту.

Базовый порядок установки

  1. Откройте Plugins - Add New в админ-панели WordPress.
  2. Нажмите Upload Plugin и выберите ZIP-архив расширения.
  3. Установите файл через Install Now.
  4. После установки нажмите Activate Plugin.
  5. Проверьте, что Gravity Forms уже активен и нужная форма существует.

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

Первая быстрая проверка

Откройте обычную страницу с формой и её AMP-версию в приватном окне браузера. На обычной странице форма должна работать как раньше. На AMP-версии проверьте наличие формы, обязательные поля, отправку пустой формы, отправку корректной заявки и сообщение после успешной отправки. Если на этом этапе форма не появилась, не переходите к цветам, sticky-режиму и дополнительным настройкам. Сначала решите базовый вывод.

Карта настроек после установки: что включать первым

Основные параметры AMP Gravity Forms сосредоточены вокруг выбора формы и позиции её вывода на AMP-странице. В документации AMP for WP указаны настройки Show Form On All Pages, Form ID, Above Content, Below Content, Above Footer и ReCAPTCHA v3. Для sticky-режима описаны отдельные параметры: Sticky Form, Contact form ID, Form Headline, Button Background Color и Headline Text Color.

Карта настроек AMP Gravity Forms после установки
Карта помогает не включать все параметры сразу: сначала ID формы и место вывода, затем антиспам и оформление sticky-формы.

Выбор формы через ID

Поле Form ID или Contact form ID связывает AMP-вывод с конкретной формой Gravity Forms. Это маленькая настройка, но именно она чаще всего определяет, увидит ли посетитель нужную форму. Для типового сайта выбирайте одну короткую форму, которая уже проверена на обычной странице. Не используйте экспериментальную форму с большим количеством условий, пока не подтвердили базовый сценарий.

Как проверить правильный ID

Откройте список форм Gravity Forms, найдите нужную форму и сравните её ID с тем, что указано в настройках AMP. Затем откройте AMP-страницу и отправьте тестовую заявку с заметным значением, например “AMP test”. В записях Gravity Forms должна появиться заявка именно в выбранной форме. Если запись появилась в другой форме, значит вы проверяете не тот ID или на странице есть второй независимый вывод.

Глобальный вывод на всех AMP-страницах

Show Form On All Pages удобен, когда форма должна работать как универсальный канал связи: например, на новостном сайте или в справочном разделе, где каждая AMP-страница может приводить к вопросу читателя. Но для посадочных страниц и магазинов глобальный вывод может мешать: одна и та же форма появляется там, где пользователь ожидает другой сценарий.

Безопасный старт - не включать глобальный вывод до теста на отдельной странице. Если всё работает, включите глобальный режим на короткий период, проверьте несколько типов страниц и только потом оставляйте его постоянно.

Позиция формы: над контентом, под контентом или перед футером

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

Не включайте сразу несколько позиций для одной формы. Это создаёт дубли, усложняет аналитику и может раздражать мобильного посетителя. Если хочется проверить разные места, делайте это по очереди и фиксируйте результат: видимость формы, отправки, процент отказов и отсутствие AMP-ошибок.

Sticky-форма и заголовок

Sticky-режим полезен, когда форма должна оставаться доступной после прокрутки. Это может быть заявка на консультацию, быстрый вопрос или форма обратного звонка. Но на мобильной AMP-странице закреплённый элемент занимает ценное пространство. Используйте его только для коротких форм и обязательно проверьте, не перекрывает ли он контент, кнопку согласия, навигацию или рекламные блоки.

Если включаете Form Headline, текст заголовка должен объяснять действие, а не повторять название формы. Например: “Задать вопрос по услуге” или “Получить консультацию”. Цвета кнопки и заголовка подбирайте так, чтобы контраст был достаточным, но форма не выглядела как отдельная реклама, оторванная от темы сайта.

Как связаны Gravity Forms, AMP-форма и результат на странице

Чтобы правильно диагностировать ошибки, полезно понимать механику. Gravity Forms хранит структуру формы, поля, обязательность, подтверждения, уведомления и записи. AMP Gravity Forms берёт эту форму и помогает вывести её в AMP-совместимой среде. AMP-плагин или AMP-тема отвечает за саму AMP-страницу, валидность разметки, режим шаблонов и возможное подавление конфликтующих плагинов.

Если форма не работает, причина может быть на любом из трёх уровней. Ошибка в ID формы - это настройка расширения. Отсутствие письма при наличии записи - чаще уведомления и почтовая доставка Gravity Forms. Ошибка AMP-валидации - зона AMP-слоя, темы, скриптов или сторонних блоков. Поэтому не стоит менять всё подряд. Двигайтесь от простого к сложному.

Схема работы AMP Gravity Forms от исходной формы до AMP-страницы
Схема разделяет ответственность: исходная форма, адаптация под AMP и проверка результата на публичной странице.

Что происходит при отправке

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

Почему AJAX и редиректы требуют проверки

В обычной Gravity Forms форме можно встретить AJAX-отправку, редиректы после подтверждения и дополнительные скрипты. В AMP-среде эти элементы могут вести себя иначе или требовать адаптации. Поэтому после установки расширения не ограничивайтесь проверкой “форма видна”. Отправьте заявку, посмотрите сообщение после отправки, проверьте запись в админ-панели и убедитесь, что пользователь не зависает на промежуточном состоянии.

Мини-итог: если в AMP-версии видна форма, но после отправки нет записи в Gravity Forms, это проблема обработки формы. Если запись есть, но письмо не пришло, начинайте с уведомлений и SMTP. Если AMP-валидатор показывает ошибку, сначала смотрите валидированные URL и источники разметки.

Практический пример: заявка на консультацию на AMP-странице

Разберём рабочий сценарий, который подходит большинству сайтов услуг: на обычной странице уже есть форма “Заявка на консультацию”, и её нужно аккуратно вывести на AMP-версии страницы после основного текста. Цель - не собрать сложную автоматизацию, а получить стабильную отправку, понятное подтверждение и проверяемую запись в админ-панели.

Цель и подготовка

Нам нужна короткая форма с полями Name, Email, Phone и Message. В Gravity Forms заранее проверьте обязательность ключевых полей, настройте подтверждение после отправки и убедитесь, что уведомление администратора включено. Для теста используйте страницу, где AMP-версия доступна и не закрыта от просмотра.

Шаги настройки

  1. Откройте Gravity Forms и найдите ID формы “Заявка на консультацию”.
  2. Перейдите в настройки AMP Gravity Forms через панель AMP, если расширение добавило такой пункт.
  3. Введите ID формы в Form ID или Contact form ID, в зависимости от выбранного режима вывода.
  4. Включите вывод под контентом через Below Content, если форма должна появляться после объяснения услуги.
  5. Сохраните настройки через Save Changes.
  6. Очистите кеш сайта, кеш AMP-плагина и кеш CDN, если он есть.
  7. Откройте AMP-URL страницы в приватном окне и проверьте форму без входа в админ-панель.

Ожидаемый результат

На AMP-странице под текстом должна появиться форма с теми же ключевыми полями, которые нужны для заявки. При отправке пустой формы должны сработать обязательные поля. При отправке корректной заявки пользователь должен увидеть подтверждение, а в Gravity Forms должна появиться новая запись. Если настроено уведомление, письмо должно прийти на адрес администратора или в тестовый почтовый ящик.

Пример проверки AMP Gravity Forms после отправки заявки
Практический сценарий связывает настройку формы, тестовую отправку, запись в Gravity Forms и письмо администратору.

Нюанс, который часто мешает проверке

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

Проверка результата: форма видна, отправляется и не ломает AMP

Проверка результата должна быть отдельным этапом. На AMP-странице недостаточно увидеть поля и кнопку. Нужно убедиться, что форма проходит три проверки: визуальную, функциональную и техническую. Такой подход экономит время, потому что вы быстро понимаете, где искать проблему.

Визуальная проверка

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

Функциональная проверка

Отправьте три теста: пустую форму, форму с некорректным email и корректную заявку. После корректной заявки проверьте Forms - Entries. Запись в админ-панели важнее письма: если запись есть, данные не потерялись, а почту можно диагностировать отдельно. Если записи нет, проблема ближе к обработке формы или AMP-выводу.

Техническая проверка AMP

Используйте инструменты валидности вашего AMP-плагина. В официальном AMP-плагине для WordPress полезны экраны Validated URLs и Error Index, где видно, какой URL проверялся и какой компонент создал недопустимую разметку. В AMP for WP ориентируйтесь на доступные инструменты проверки, документацию и результат внешнего AMP-валидатора.

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

Антиспам и reCAPTCHA v3 в AMP-сценарии

Официальная документация AMP for WP отдельно описывает включение ReCAPTCHA v3 для Gravity Forms в AMP. Важно понимать ограничение: reCAPTCHA для AMP требует правильных ключей и отдельного разрешения работать на AMP-страницах. Если просто скопировать настройки из обычной формы и не проверить AMP-разрешение, пользователь может столкнуться с ошибкой отправки.

Что проверить перед включением защиты

Сначала проверьте форму без reCAPTCHA на тестовой AMP-странице. Если базовая отправка не работает, антиспам только усложнит диагностику. Затем включайте reCAPTCHA v3, добавляйте ключи и проверяйте отправку ещё раз. В интерфейсе Google reCAPTCHA для ключа должна быть разрешена работа с AMP-страницами. У WPForms в похожем AMP-сценарии также отдельно подчёркивается, что для AMP используется reCAPTCHA v3, а не видимые варианты старого типа.

Когда reCAPTCHA может быть лишней

Если форма находится на одной тестовой странице с низким трафиком, иногда достаточно встроенной проверки обязательных полей и умеренной антиспам-настройки Gravity Forms. Если форма открыта на всех AMP-страницах, особенно в sticky-режиме, защита становится важнее. Но не повышайте порог и не усложняйте защиту вслепую: сначала посмотрите, есть ли реальные спам-заявки и не попадают ли нормальные заявки в спам.

Как проверять после включения

Сделайте тест от обычного посетителя и проверьте запись. Если пользователь видит ошибку, а записи нет, временно отключите reCAPTCHA в AMP Gravity Forms и повторите отправку. Если без неё форма работает, проблема связана с ключами, AMP-разрешением, доменом или настройками защиты. Если не работает и без неё, возвращайтесь к ID формы, размещению, кешу и валидности AMP-страницы.

Совместимость с темой, кешем и другими плагинами

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

Кеш и CDN

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

Тема и CSS

AMP ограничивает CSS и запрещает произвольные скрипты. Если обычная тема сильно стилизует Gravity Forms через JavaScript или сложные селекторы, на AMP-версии внешний вид может быть проще. Это не всегда ошибка. Главное - форма должна быть читаемой, доступной и отправляемой. Внешние улучшения лучше делать малыми шагами и проверять валидность после каждого изменения.

Безопасная CSS-правка для формы в контенте

Если форма вставлена в контент и вы можете обернуть её своим контейнером, используйте нейтральный класс, который не зависит от внутренней структуры расширения. Такой подход безопаснее, чем угадывать внутренние классы плагина. Пример подходит для небольшого выравнивания и контраста кнопки, если ваш AMP-слой разрешает пользовательский CSS.

<div class="amp-lead-form">
  [gravityform id="1" title="false" description="false"]
</div>
.amp-lead-form {
  margin: 24px 0;
  padding: 18px;
  border: 1px solid #d8e1ea;
  border-radius: 8px;
  background: #ffffff;
}

.amp-lead-form input,
.amp-lead-form textarea,
.amp-lead-form select {
  max-width: 100%;
}

.amp-lead-form input[type="submit"],
.amp-lead-form button {
  min-height: 44px;
}

Проверка простая: откройте AMP-страницу, убедитесь, что форма не стала шире экрана, кнопка остаётся доступной для касания, а AMP-валидатор не добавил новых ошибок. Откат тоже простой: удалите контейнер или CSS-блок. Не правьте файлы ядра WordPress, Gravity Forms, AMP Gravity Forms или темы.

Практичные идеи применения на разных типах сайтов

Одна и та же совместимость с AMP может решать разные задачи. Главное - не превращать каждую AMP-страницу в страницу с навязчивой формой. Выбирайте сценарий по намерению посетителя и по тому, что вы реально готовы обработать после заявки: вопрос читателя, заявка на услугу, быстрый контакт или внутренний тест.

Контентный сайт или медиа

Для статей, обзоров и инструкций форму лучше размещать после контента. Пользователь сначала получает ответ, а затем может задать вопрос, предложить тему или отправить уточнение. В этом сценарии полезен вывод Below Content или перед футером. Sticky-форма обычно не нужна, если только форма не связана с подпиской или регулярным сбором вопросов.

Сайт услуг

На странице услуги форма может быть главным действием. Здесь уместно размещение над контентом или после первого смыслового блока, но только если текст страницы уже объясняет ценность заявки. Для AMP-версии особенно важна короткая форма: чем меньше полей, тем выше шанс, что мобильный посетитель её заполнит.

Локальный бизнес

Для клиники, сервиса, школы или студии удобен сценарий “быстрый контакт”: имя, телефон, удобное время, короткий комментарий. Если включается sticky-форма, проверьте, что она не мешает телефону, карте, кнопкам мессенджеров и нижней навигации. Иногда лучше оставить форму внизу страницы, а в sticky-зоне использовать другой лёгкий элемент темы.

Тестовая форма для редактора или администратора

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

Диагностика типичных проблем с AMP-формой

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

Диагностическая карта ошибок AMP Gravity Forms
Диагностическая карта помогает идти от симптома к проверке: ID формы, вывод, запись заявки, письмо, AMP-валидность и кеш.

Форма не появилась на AMP-странице

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

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

Форма видна, но отправка не проходит

Симптом: пользователь нажимает кнопку, но форма зависает, показывает ошибку или не создаёт запись. Причины могут быть в AMP-обработке формы, reCAPTCHA, конфликте кеша, ошибке валидации или стороннем поле Gravity Forms. Начните с отключения дополнительных усложнений на тестовой странице: reCAPTCHA, лишние поля, сложные подтверждения.

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

Заявка записывается, но письмо не приходит

Симптом: запись появляется в Forms - Entries, но письмо не приходит. Это обычно не проблема AMP-вывода. Gravity Forms уже обработал заявку, а сбой находится в уведомлениях или почтовой доставке WordPress.

Проверьте адрес получателя, включены ли уведомления, нет ли пробелов в email, используется ли доменный адрес в From Email, настроен ли SMTP и корректны ли DNS-записи для почты. Для важной формы не полагайтесь только на письмо: регулярно проверяйте записи в админ-панели или подключайте надёжную почтовую доставку.

reCAPTCHA даёт ошибку на AMP-версии

Симптом: без защиты форма работает, после включения reCAPTCHA отправка ломается. Проверьте, что используются ключи v3, домен совпадает, а в настройках Google разрешена работа ключа с AMP-страницами. Затем повторите тест в приватном окне.

Если проблема сохраняется, временно отключите reCAPTCHA только на тесте и проверьте записи. Не оставляйте рабочую публичную форму без защиты, если она получает спам, но и не усложняйте диагностику до подтверждения базовой отправки.

AMP-валидатор показывает ошибку после добавления формы

Симптом: форма видна, но инструменты AMP показывают недопустимую разметку или скрипт. Откройте экран валидированных URL или внешний AMP-валидатор и посмотрите источник ошибки. Если источник - другой плагин, реклама, аналитика или тема, не отключайте форму без проверки. Если источник связан с формой, создайте минимальную тестовую форму и сравните результат.

Sticky-форма перекрывает контент

Симптом: закреплённая форма мешает читать страницу, закрывает кнопку или плохо помещается на мобильном экране. Сначала отключите sticky-режим и проверьте обычное размещение под контентом. Если sticky-режим действительно нужен, уменьшите количество полей, уточните заголовок и проверьте цвета кнопки. Если конфликт остаётся, лучше отказаться от закрепления, чем ухудшать мобильный опыт.

Когда AMP Gravity Forms будет удачным выбором

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

Перед переходом к установке убедитесь, что исходная форма работает, уведомления настроены, AMP-режим понятен, а тестовая страница проходит проверку. После этого можно загрузить AMP Gravity Forms, установить расширение и повторить практический сценарий из руководства на тестовой странице. Не включайте глобальный вывод и sticky-режим до проверки базовой отправки.

Если продукт подходит вашему сценарию, финальный контроль простой: форма видна на AMP-странице, обязательные поля проверяются, запись появляется в Gravity Forms, уведомление доставляется, AMP-валидатор не показывает новых критичных ошибок, а мобильный пользователь не теряет контекст из-за навязчивого закреплённого блока.

FAQ по настройке и ограничениям AMP-форм

Можно ли использовать AMP Gravity Forms без самого Gravity Forms?

Нет. Расширение работает как слой совместимости для форм Gravity Forms. Сначала должна существовать форма в Gravity Forms, а уже затем она выводится на AMP-странице через настройки расширения.

Нужно ли включать форму на всех AMP-страницах?

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

Почему письмо не приходит, если заявка есть в записях?

Если запись появилась в Forms - Entries, форма обработана. Проблема чаще находится в уведомлениях, адресе отправителя, SMTP или DNS-записях почтового домена. Проверяйте почтовую доставку отдельно от AMP-вывода.

Можно ли использовать сложную условную логику Gravity Forms в AMP?

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

Какой вариант reCAPTCHA нужен для AMP-страниц?

В документации по AMP-сценариям упоминается reCAPTCHA v3. Для AMP-страницы важно, чтобы ключ был разрешён для AMP и соответствовал домену сайта. После включения обязательно отправьте тестовую заявку как обычный посетитель.

Что делать, если AMP-валидатор показывает ошибку после включения формы?

Сначала откройте подробности валидированного URL и посмотрите источник ошибки. Если виноват другой плагин, тема или скрипт, не отключайте форму без проверки. Если ошибка связана с формой, сравните рабочую форму с минимальной тестовой формой из двух-трёх полей.

Подойдёт ли расширение для платежных или многошаговых форм?

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

Автор: Редакция JoomFox.org

Вы не зарегистрированы, чтобы оставлять комментарии.