¿Quieres crear formularios compatibles con AMP en tu sitio de WordPress?
Accelerated Mobile Pages o AMP es un proyecto de Google que hace que los sitios web se carguen más rápido en dispositivos móviles.
Si bien AMP ofrece una excelente experiencia de navegación móvil al acelerar la carga de sus páginas web, deshabilita muchas funciones útiles en su sitio web.
Uno de ellos son los formularios de contacto. Dado que AMP usa un conjunto limitado de HTML y JavaScript, no puede cargar correctamente formularios de WordPress en páginas de AMP.
Pero afortunadamente, ahora hay disponible una solución simple. WPForms, el complemento de formulario de WordPress más amigable para principiantes ahora lo ayuda a crear formularios de WordPress listos para AMP. Su equipo trabajó recientemente con Google para simplificar los formularios AMP para WordPress.
En este artículo, le mostraremos cómo crear formularios AMP en WordPress usando WPForms (la forma más fácil).
Creación de formularios AMP en WordPress (paso a paso)
Para usar AMP con WordPress, debe instalar y activar el Complemento oficial de AMP para WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Una vez activado, el complemento agregará automáticamente soporte de Google AMP para su sitio de WordPress.
Sin embargo, puede cambiar la configuración de AMP para su sitio web yendo a AMP »General desde tu tablero.
Desde la página de configuración de AMP, puede habilitar o deshabilitar AMP en su sitio web, elegir un modo de sitio web para AMP y elegir los modelos compatibles.
Después de configurar AMP, el siguiente paso es crear un formulario de contacto compatible con AMP en su sitio de WordPress.
Paso 1. Crea un formulario de WordPress con WPForms
Para comenzar, instale y active el WPForms Lite complemento en su sitio. Es la versión lite del WPForms Pro conectar.
Tanto la versión lite como la pro de WPForms le permiten crear un formulario de contacto básico listo para AMP. En nuestro artículo, usaremos la versión gratuita para capturas de pantalla.
Una vez que el complemento ha sido instalado y activado, debe ir a WPForms »Agregar nuevo página para crear un nuevo formulario de WordPress.
En la pantalla de configuración del formulario, puede elegir una plantilla de formulario para comenzar rápidamente. Puede seleccionar el formulario en blanco si desea comenzar desde cero.
A continuación, se abrirá la página del creador de formularios.
Desde aquí, puede agregar o eliminar campos de formulario. Para agregar un nuevo campo a su formulario, simplemente puede hacer clic en un campo de formulario desde el panel izquierdo y aparecerá en el panel del creador de formularios a la derecha.
A continuación, puede configurar las opciones del campo. Simplemente haga clic en un campo y luego aparecerán Opciones de campo.
Del mismo modo, puede personalizar todos los demás campos.
Después de eso, puede hacer clic en la pestaña Configuración para configurar los ajustes del módulo.
La configuración general le permite cambiar el nombre del formulario, enviar el texto del botón, enviar el texto de procesamiento del botón, habilitar el filtro antispam y más.
Más tarde, puede hacer clic en la pestaña Notificaciones para configurar notificaciones por correo electrónico que le notifiquen cuando un usuario complete el formulario.
Más tarde, puede hacer clic en la pestaña Confirmación para configurar un mensaje de confirmación para mostrar cuando un usuario envía el formulario.
Una vez completada la configuración, puede guardar el formulario.
Paso 2. Agregue el módulo AMP a una página
Ahora que su formulario de WordPress está listo, puede agregarlo a una página.
Primero, debe crear una nueva página o abrir una existente donde desea agregar el formulario.
En la pantalla de edición de la página, haga clic en el icono Agregar nuevo bloque y seleccione el bloque WPForms.
Después de eso, puede ver el widget de WPForms agregado a la pantalla de edición de la página. Solo tiene que seleccionar el módulo que creó anteriormente y el widget lo cargará en el editor de páginas inmediatamente.
Más tarde, puede publicar o actualizar su página.
¡Eso es todo! No necesitas configurar nada más. El complemento WPForms Lite ahora agregará soporte completo de AMP a su formulario.
Si quieres ver cómo queda, puedes abrir la página en tu móvil.
O puede abrir la página en su navegador de escritorio agregando / amp / o /? Amp al final de la URL de su página. Por ejemplo, https://www.example.com/contact/?amp.
Google reCAPTCHA agregado al módulo AMP
De forma predeterminada, WPForms incluye honeypots antispam para atrapar y bloquear el spam. Además, puede usar Google reCAPTCHA para reducir los envíos de spam.
Para usar Google reCAPTCHA con sus módulos AMP, debe registrar su sitio para Google reCAPTCHA v3 y obtener las claves API de Google.
Ir Sitio web de Google reCAPTCHA y haga clic en el botón “Consola de administración” en la esquina superior derecha de la página.
A continuación, debe iniciar sesión con su cuenta de Google. Una vez que haya terminado, verá la página “Registrar un nuevo sitio”.
Primero, debe ingresar el nombre de su sitio web en el campo Etiqueta. Google AMP solo admite reCAPTCHA v3, por lo que debe elegirlo entre las opciones de tipo de reCAPTCHA.
A continuación, ingrese su nombre de dominio en la sección Dominios.
La sección Propietarios muestra su dirección de correo electrónico de forma predeterminada. También puede agregar otro correo electrónico si lo desea.
A continuación, debe aceptar los Términos de servicio de reCAPTCHA para continuar. Además, seleccione la casilla de verificación “Enviar alertas a los propietarios”, lo que permitirá que Google le notifique problemas como errores de configuración y tráfico sospechoso en su sitio.
Cuando haya terminado, haga clic en el botón Enviar.
A continuación, verá un mensaje de éxito junto con la clave del sitio y la clave secreta para agregar reCAPTCHA a su sitio.
Ahora tiene las claves de la API de Google para agregar reCAPTCHA a sus formularios. Sin embargo, se requieren más ajustes para garantizar la compatibilidad de AMP con reCATCHA. Haga clic en el enlace “Ir a Configuración” allí.
A continuación, volverá a ver la configuración de reCAPTCHA con la casilla de verificación “Permitir que esta clave funcione con páginas AMP”. Simplemente marque la casilla y haga clic en el botón Guardar a continuación.
Ahora que tiene las claves de la API de Google para agregar reCAPTCHA en los módulos de AMP, debe abrir WPForms »Configuración» reCAPTCHA página en el tablero de WordPress.
En esta pantalla, debe elegir la opción reCAPTCHA v3 y pegar la clave del sitio y la clave secreta. A continuación, haga clic en el botón Guardar configuración.
Ahora que Google reCAPTCHA se ha agregado a WPForms, puede habilitarlo en sus formularios cuando sea necesario. Ir WPForms »Todos los formularios y seleccione el formulario donde desea habilitar reCAPTCHA.
Una vez que se muestra la pantalla de configuración del módulo, haga clic en la pestaña Configuración y seleccione la sección Configuración general. A continuación, puede ver la casilla de verificación “Habilitar Google v3 reCAPTCHA”.
Marque la casilla y luego guarde el formulario haciendo clic en el botón Guardar en la esquina superior derecha.
Más tarde, puede volver a visitar su página de contacto y ver el formulario AMP con reCAPTCHA en acción.
Esperamos que este artículo le haya ayudado a aprender cómo crear fácilmente formularios AMP en WordPress. También puede consultar nuestra guía sobre cómo crear formularios compatibles con GDPR en WordPress.
Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook
