Cómo crear formularios de amplificador en WordPress (de la manera fácil)

¿Desea crear un amplificador de formularios compatibles en su sitio web de WordPress? Acceled Mobile Pages o AMP es un proyecto de Google que hace que los sitios web se carguen más rápido en los dispositivos móviles. Si bien el AMP ofrece una excelente experiencia de navegación móvil al cargar sus páginas web más rápido, desactiva muchas funciones útiles en su sitio web. Uno de ellos son los formularios de contacto. Debido a que ASCE usa un conjunto limitado de HTML y JavaScript, no puede cargar correctamente sus formularios de WordPress en las páginas de AMP. Pero afortunadamente, ahora hay una solución fácil disponible. WPFORMS, el WordPress más amigable para los formularios para principiantes, ahora ayuda a crear formularios de WordPress preparados para AMP. Su equipo ha trabajado recientemente con Google para facilitar los formularios de AMP de WordPress.
En este artículo, le mostraremos cómo crear formularios de AMP en WordPress usando WPFFORMS (modo fácil).

Creación de formularios de AMP en WordPress (paso -py -step) Para usar WordPress, debe instalar y activar el complemento oficial de WordPress. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Una vez activado, el complemento agregará automáticamente la asistencia de AMP de Google a su sitio de WordPress. Sin embargo, puede cambiar la configuración de AMP para su sitio web accediendo al AMP »General desde el tablero.

Desde la página de configuración de AMP, puede activar o desactivar el AMP en su sitio web, puede elegir un sitio web para el AMP y puede elegir las plantillas aceptadas.
Una vez que haya configurado el amplificador, el siguiente paso es crear un formulario de contacto de AMP compatible en su sitio web de WordPress. Paso 1. Cree un formulario de WordPress con WPForms para iniciar, instalar y activar WPFFORMS LITE en su sitio es la versión simple del WPFFORMS PRO. La versión simple y profesional de WPFFORMS le permite crear un formulario de contacto amplio básico preparado. En nuestro artículo, utilizaremos la versión gratuita para capturas de pantalla. Una vez que el complemento está instalado y activado, debe ir a WPForms »Agregar una nueva página para crear un nuevo formulario de WordPress. En la pantalla de configuración de formulario, puede elegir una plantilla de formulario para comenzar rápidamente. Puede seleccionar un formulario vacío si desea comenzar desde cero.
Luego abrirá la página del constructor de formulación.

Desde aquí, puede agregar o eliminar campos de formulario. Para agregar un nuevo campo a su formulario, puede hacer clic en un formulario del formulario en el panel izquierdo y aparecerá en el panel de constructor de formulario derecho. Después de eso, puede configurar las opciones de campo. Simplemente haga clic en un campo y luego aparecerán las 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 la configuración del formulario.
La configuración general le permite cambiar el nombre de su formulario, enviar el texto al botón, enviar el texto de procesamiento de los botones, activar Honeypot anti-spam y muchos más. Luego, puede hacer clic en la pestaña Notificaciones para configurar sus notificaciones de correo electrónico para informarle cuándo un usuario completa el formulario.

Luego, puede hacer clic en la pestaña Confirmación para configurar un mensaje de confirmación que se mostrará cuando un usuario envíe el formulario. Después de completar la configuración, puede guardar el formulario.

Paso 2. Agregue su formulario de amplificador en 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 en la que desee agregar el formulario. En la pantalla de edición de la página, haga clic en el nuevo bloque Agregar icono y seleccione el bloque WPFFORMS.

Después de eso, puede ver el widget WPForms agregado a la pantalla de edición de la página. Solo tiene que seleccionar el formulario que creó anteriormente, y el widget lo cargará instantáneamente en el editor de páginas.
Luego puede publicar o actualizar la página.

¡Eso es todo! No tiene que configurar nada más. El complemento WPFFORMS LITE ahora agregará soporte de IMP completo a su formulario si desea ver cómo se ve, puede abrir la página en su móvil. ¿O puede abrir la página desde el navegador de escritorio agregando / amp / o? AMP al final de la URL de la página. Por ejemplo, https://www.example.com/contact/?amp. Agregando Google Recaptcha a su formulario de AMP de forma predeterminada, WPFORMS incluye una miel antisperada para atrapar y bloquear el spam. Además, puede usar Google Recaptcha para reducir el envío de spam. Para usar Google Recaptcha con sus formularios AMP, debe registrar su sitio web para Google Recaptcha V3 y obtener las claves de Google API.


Vaya al 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.
Después de eso, debe iniciar sesión con su cuenta de Google. Una vez que haya terminado, verá la página “Registre un nuevo sitio”. Primero, debe ingresar el nombre de su sitio web en el campo Etiqueta. Google Imp solo acepta Recaptcha V3, por lo que debe elegirlo entre las opciones de Recaptcha. Después de eso, ingrese el nombre de dominio en la sección de dominio.
La sección de propietarios muestra su dirección de correo electrónico de manera predeterminada. También puede agregar otro correo electrónico si lo desea.

Luego debe aceptar los términos y condiciones que recaptcha para continuar. Además, marque el cuadro de selección “Enviar alertas a los propietarios”, que le permitirá a Google notificarle sobre problemas como la configuración incorrecta y el tráfico sospechoso en su sitio.

Después de que haya terminado, haga clic en el botón Enviar. Luego verá un mensaje exitoso con la clave del sitio web y la clave secreta para agregar recaptcha a su sitio.

Ahora tiene Gorges de Google API para agregar recaptcha a sus formularios, sin embargo, se requiere un ajuste para garantizar la compatibilidad con Rechatcha. Haga clic en el enlace “Configuración de acceso” allí.
Luego, verá la configuración de Recaptcha nuevamente con el cuadro de selección “Permita que esta clave funcione con las páginas”. Simplemente marque la casilla y haga clic en el botón Guardar a continuación.

Ahora que tiene las claves de Google API para agregar recaptcha en los formularios, debe abrir WPForms »Configuración» Página Recaptcha en su tablero de WordPress.

En esta pantalla, debe elegir la opción Recaptcha V3 y pegar la clave del sitio web y la tecla secreta. Después de eso, haga clic en el botón Guardar Configuración. Ahora que Google Recaptcha se agrega a WPFFORMS, puede activarlo en sus formularios cuando sea necesario. Vaya a WPFFORMS »Todos los formularios y seleccione el formulario en el que desea activar Recaptcha. Una vez que aparezca la pantalla de configuración de formulario, haga clic en la pestaña Configuración y seleccione la sección Configuración general. En la parte inferior, puede ver el cuadro de selección “Habilitar Google V3 Recaptcha”.
Marque la casilla y luego guarde el formulario haciendo clic en el botón de rescate en la esquina superior derecha. Después de eso, puede volver a visitar su página de contacto y ver el formulario AMP con Recaptcha en acción. Esperamos que este artículo lo haya ayudado a aprender cómo crear fácilmente formularios de AMP en WordPress. También es posible que desee ver nuestra guía sobre cómo crear formularios de acuerdo con GDPR en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puedes encontrarnos en Twitter y Facebook