Cómo crear un formulario de contacto amigable con AMP para WordPress

¿Le gustaría crear un formulario de contacto amigable con AMP? Las páginas móviles AMP o Acceleted es una tecnología de Google que carga rápidamente sus páginas web en dispositivos móviles. En este artículo, le mostraremos cómo crear un formulario de contacto que se cargará en sus páginas sin ningún problema. También explicaremos cómo agregar recaptcha a su formulario de contacto de amplificador para protegerlo de los spammers. Crear un formulario de contacto amigable con AMP en WordPress AMP (páginas móviles aceleradas) ofrece la mejor experiencia a las personas con una conexión lenta a Internet. Cargue las páginas más rápido en dispositivos móviles y, por lo tanto, lo ayude a mejorar el tráfico a su sitio web.
Sin embargo, ASCE viene con una serie de desafíos para los propietarios de sitios web. Uno de ellos es que permite el uso limitado de recursos para cargar las páginas más rápido. Por lo tanto, algunas funcionalidades no funcionarán en sus páginas, ya que normalmente funcionaría. Entonces, ¿qué pasará con el formulario de contacto en su sitio web? ¿Funcionará correctamente?
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Si usa el complemento WPFFORMS, detectará automáticamente si el formulario se carga en una página de AMP o no. Y luego mostrará el enlace a la versión que no es APP de la página para cargar el formulario correcto.

Sin embargo, también puede agregar un formulario en su página de amplificador en lugar de mostrar el mensaje anterior. Para hacer esto, deberá usar el complemento WPFFORMS LITE y luego crear un formulario que sea totalmente compatible con AMP. Entonces, sin ninguna otra pregunta, tomemos un proceso paso a paso para crear un formulario de contacto amistoso para su sitio de WordPress. Paso 1: Instale el AMP del complemento Lo primero que debe hacer es instalar y activar el complemento oficial de Google para WordPress. Este complemento gratuito es esencial para agregar asistencia de AMP en su sitio web. Consulte la guía paso a paso sobre cómo instalar un complemento de WordPress. Una vez activado, este complemento agrega automáticamente la asistencia de AMP a su sitio. Sin embargo, puede realizar cambios en la configuración accediendo a la página Configuración ». Para obtener más detalles, puede seguir la guía sobre cómo configurar Google Correct en su sitio web de WordPress. Paso 2: Crear un formulario de WordPress es hora de crear un formulario de contacto con el complemento WPFFORMS LITE. Para comenzar las cosas, deberá instalar y activar el complemento WPForms Lite. Después de la activación, debe acceder a WPFFORMS »Agregar nuevo para crear un nuevo formulario.

En la página de configuración, encontrará algunas plantillas de formulación predeterminadas. Estas plantillas le permiten acelerar el proceso de creación del formulario. También puede usar la plantilla de formulario vacía para crear un formulario desde cero. Debido a que queremos crear un formulario de contacto, continúe y haga clic en el formulario de contacto simple.
Esto lo llevará a la página del generador de formulación, donde puede agregar o eliminar fácilmente un campo. Por ejemplo, si desea agregar un campo de sujeto, simplemente extra y arregle el campo de texto con una sola línea desde el panel izquierdo al formulario. Y para cambiar el nombre del campo, debe hacer clic en el campo en el panel derecho y luego Para cambiar la etiqueta en el panel izquierdo.

La mejor parte es que podrá ver los cambios en vivo. Recubierto, ¿no? Del mismo modo, puede editar los otros campos de formulario como desee. También puede seguir nuestro tutorial paso a paso sobre cómo crear un formulario de contacto simple en WordPress. Después de haber terminado con la parte de personalización, puede acceder al formulario de página de configuración desde la barra lateral izquierda del constructor de formularios. Aquí podrá cambiar la configuración de notificación y confirmación.
Finalmente, debe almacenar los cambios haciendo clic en el botón Guardar, presente en la esquina superior derecha de la pantalla.

¡Eso es todo! No tiene que configurar nada más. El complemento WPFFORMS LITE agregará automáticamente la compatibilidad de AMP completa a su formulario ahora. Además, puede agregar asistencia de recaptcha a su formulario de contacto de amplificador para protegerla de los spammers. Vamos a mostrarle cómo hacerlo en el siguiente paso. Paso 3: Grabe su sitio web para obtener claves de recaptcha para detener el formulario de contacto Spam, WPFFORMS acepta 3 tipos diferentes de Captcha para sus formularios:
Captcha personalizado

recaptcha
Hcaptcha
En este tutorial, nos centraremos en Recaptcha, un servicio de filtro de spam de Google. Le ayuda a proteger su sitio web de spammer y robots automatizados.
Para usarlo en su sitio, deberá registrar su sitio en el sitio web de Google Recaptcha para que pueda obtener la clave clave y la clave secreta para su sitio web. Y luego puede usarlos para agregar asistencia de recaptcha a su formulario de contacto amigable con AMP. Por lo tanto, vaya al sitio web de Google Recaptcha y luego haga clic en el botón Administración, presente en la esquina superior derecha de la pantalla. Google ahora le pedirá que se conecte a su cuenta. Recaptcha. Si previamente ha configurado una recaptcha con esta cuenta, deberá hacer clic en el icono más (+) para grabar su nuevo sitio.
Sin embargo, si usa esta cuenta por primera vez, verá automáticamente la página “Grabar un nuevo sitio” después de haber iniciado sesión en su cuenta. Una vez que esté en esa página, debe escribir cualquier nombre de su elección en el campo Etiqueta para futuras referencias.

Luego debe seleccionar el tipo de recaptcha que desea usar.

Es importante tener en cuenta que Recaptcha V2 no es aceptado por AMP. Por lo tanto, deberá seleccionar “Recaptcha V3” para agregar asistencia de recaptcha a su formulario de contacto amigable con AMP. En el campo de dominio, debe escribir el nombre de dominio (sin http: // o www) de su sitio web en el que desea agregar soporte de recaptcha. También puede agregar más campos o subdominios haciendo clic en el icono más (+). En cuanto al campo de los propietarios, su dirección de correo electrónico estará presente de forma predeterminada allí. Sin embargo, puede agregar otra dirección de correo electrónico si lo desea.

Finalmente, marque el cuadro de selección “Acepte los Términos y condiciones de Recaptcha” y luego desplácese hacia abajo en la página para hacer clic en el botón Enviar. Ahora verá un mensaje exitoso con la clave del sitio y la clave secreta de su sitio. Web. Debe copiar estas claves porque deberá usarlas en su sitio de WordPress.

Pero antes de eso, tienes que hacer una última cosa. Primero, debe hacer clic en el enlace Vaya a Configuración. Luego, desplácese hacia abajo hasta la parte inferior de la página y luego marque el cuadro de selección “Permita que esta clave funcione con las páginas de AMP”.
Esto es necesario para que Recaptcha V3 funcione en páginas de AMP. Después de haber terminado, debe hacer clic en el botón Guardar para almacenar sus cambios. Paso 4: Agregue Recaptcha a su formulario de contacto para comenzar, deberá agregar el sitio web y la clave secreta a su sitio web. Así que vaya a su sitio web de WordPress y vaya a la página WPFORMS »Configuración en la barra lateral izquierda del Panel de administración de WordPress. Luego debe hacer clic en la pestaña Recaptcha para cambiar la configuración.
Aquí, deberá seleccionar “Recaptcha V3” como tipo, luego pegar el sitio y las claves secretas a los campos respectivos.

Después de haber terminado, debe desplazarse hacia abajo y hacer clic en el botón Guardar Configuración para almacenar sus cambios. Es hora de agregar recaptcha al formulario de contacto amigable con AMP. Para hacer esto, debe ir a WPFFORMS »todos los formularios y luego hacer clic en el título del formulario para abrirlo. Luego acceda a la página de configuración »General y luego verifique la opción” Active Google V3 Recaptcha “. Y no olvide hacer clic en el botón Guardar para almacenar los cambios. ¡Finales Felicidades! Ha creado con éxito un formulario de contacto amistoso con AMP para su sitio web de WordPress. También agregó Recaptcha a este formulario para protegerlo de los spammers. Si le gustó este artículo, le recomendamos que consulte nuestro tutorial paso a paso sobre cómo crear un formulario simple de encuesta de WordPress. Además, síganos en Facebook y Twitter para recibir actualizaciones de nuestro blog.