Resumen de IA
¿Estás utilizando Google AMP en tu sitio para acelerar los tiempos de carga de las páginas móviles? Puedes configurar AMP, o Páginas Móviles Aceleradas, para ayudar a que tu sitio cargue más rápido en dispositivos móviles. Sin embargo, también puede impedir que algunas funcionalidades de tu sitio funcionen correctamente.
Este tutorial te mostrará cómo puedes usar WPForms con AMP en tu sitio de WordPress.
Requisitos: La compatibilidad con Google AMP solo está disponible para WPForms Lite. Además, tu sitio debe tener un certificado SSL instalado y cargar a través de HTTPS para que WPForms funcione con Google AMP. Si no estás seguro de cómo migrar a HTTPS, consulta el tutorial de WPBeginner sobre este proceso.
¿Qué es Google AMP?
Google AMP, o Páginas Móviles Aceleradas, es una iniciativa de código abierto con el objetivo de hacer que el contenido web cargue más rápido para los usuarios móviles.
Sin embargo, para lograr estas mejoras en la velocidad de carga, AMP impide que muchos recursos se carguen. Como resultado, algunas funcionalidades no funcionarán como se espera en las páginas AMP.
Por ejemplo, por defecto, WPForms detectará automáticamente si tus formularios se están cargando en una página AMP. Si se detecta una página AMP, el usuario verá un enlace para cargar la versión completa (no AMP) de la página.
Es por eso que WPForms incluye compatibilidad especial específicamente para Google AMP.
Añadir compatibilidad con AMP a WPForms
Nota: El campo Slider Numérico y el campo Desplegable Estilo Moderno no son compatibles cuando se usa AMP. Recomendamos usar los campos Desplegable Estilo Clásico y Números en su lugar si deseas habilitar AMP para tu sitio de WordPress.
Para empezar, necesitarás instalar y activar el plugin oficial de Google AMP para WordPress. Para obtener detalles sobre cómo instalar un plugin, consulta la guía de WPBeginner.
Puedes usar el asistente de configuración del plugin de Google AMP para configurar los ajustes necesarios. Para obtener detalles, consulta el tutorial completo de WPBeginner sobre cómo usar AMP con WordPress.
No se necesita configuración adicional para integrar tus formularios con el plugin AMP, y la compatibilidad se añadirá automáticamente a todos tus formularios incrustados.
Usar reCAPTCHA con WPForms y AMP
Para usar reCAPTCHA en WPForms con AMP, debes usar reCAPTCHA v3. Esta es la única versión de reCAPTCHA que es compatible con AMP.
Para una guía paso a paso sobre cómo habilitar esta función, consulta nuestro tutorial sobre cómo configurar reCAPTCHA en WPForms.
Si actualmente usas reCAPTCHA v2 en tus formularios, necesitarás repetir el proceso de configuración (incluida la creación de nuevas claves) para cambiar a reCAPTCHA v3.
Si deseas que reCAPTCHA funcione en tus páginas AMP, deberás habilitarlo en la configuración de tu reCAPTCHA.
Para hacerlo, ve a tu panel de administración de reCAPTCHA y haz clic en el icono del engranaje para el reCAPTCHA v3 que añadiste a WPForms.
Luego, desplázate hasta la parte inferior de la página de configuración y selecciona la casilla junto a Permitir que esta clave funcione con páginas AMP.
Nota: La configuración de CAPTCHA se establece por defecto en reCAPTCHA invisible en páginas AMP. Esto significa que los usuarios no verán una insignia de reCAPTCHA en los formularios incrustados en páginas AMP.
Recuerda guardar tu configuración. Entonces, la insignia de reCAPTCHA debería ser visible en tus páginas AMP.
Por último, asegúrate de probar tus formularios con AMP para que puedas estar seguro de que se ven y funcionan exactamente como deseas.
¡Eso es todo! Ahora puedes asegurarte de que los usuarios móviles de tu sitio puedan ver y completar tus formularios con Google AMP.
A continuación, ¿te gustaría saber cómo puedes recopilar envíos de formularios incluso cuando no hay internet disponible? Asegúrate de consultar nuestro tutorial sobre el complemento Modo sin conexión para obtener más información.