Cómo crear un formulario AMP en WordPress (paso a paso)

Cómo crear un formulario AMP en WordPress (paso a paso)

cómo crear un formulario de amplificación en WordPress

¿Desea crear un formulario de contacto AMP (páginas móviles aceleradas) en su sitio de WordPress?

Aquí es donde el complemento WPForms resulta útil. WPForms es uno de los complementos de creación de formularios más fáciles de usar que le permite crear formularios de contacto AMP increíbles para su sitio web con solo unos pocos pasos rápidos y sencillos.

En este artículo, le mostraremos cómo usar el complemento WPForms para crear un formulario de contacto APM brillante y fácil de usar en su sitio web de WordPress. Pero antes de eso, entendamos rápidamente la importancia de AMP.

Por qué crear páginas AMP y formularios AMP

Según un estudio, casi el 60% de las consultas de búsqueda en Google provienen de dispositivos móviles. Al hacer que su sitio web sea compatible con AMP, puede asegurarse de que su sitio se cargue más rápido en dispositivos móviles.

Google Accelerated Mobile Project es una iniciativa de código abierto de Google que tiene como objetivo acelerar la experiencia de navegación móvil en gran medida en la web abierta. AMP mejora la experiencia de navegación móvil. La idea básica es aumentar drásticamente la velocidad de la página de su sitio web mediante el uso de una plantilla ligera adicional optimizada para la velocidad.

Las páginas web de carga más rápida proporcionan una experiencia de usuario mejorada y animan a los visitantes a permanecer en su sitio por más tiempo. De esta manera, puede reducir la tasa de rebote y aumentar las posibilidades de mejorar su clasificación.

Sin embargo, dado que AMP usa una plantilla ligera separada para cargar sus páginas, puede afectar los formularios de contacto, las funciones de JavaScript y otros elementos.

Para mostrar formularios de contacto en sus páginas AMP, puede utilizar WPForms, el mejor complemento de formulario para WordPress.

Ahora echemos un vistazo a cómo usar WPForms para crear formularios de contacto en sus páginas AMP.

Paso 1: instale el complemento Google AMP

Antes de saltar y crear un formulario, echemos un vistazo a cómo crear páginas AMP en su sitio web. los AMPERIO plugin es el plugin oficial de Google AMP para WordPress.

Para encontrar este complemento, busque AMP en el cuadro de búsqueda yendo a Complementos »Agregar nuevo.

Ahora haga clic en el Instalar ahora botón seguido de Activar para que empiece a funcionar.

Plug-in AMP, Google AMP

Paso 2: Instale WPForms en WordPress

A continuación, instalemos el complemento WPForms en su sitio web. Para hacer esto, simplemente inicie sesión en su panel de WordPress y navegue hasta Complementos »Agregar nuevo. Ahora escriba WPForms en la barra de búsqueda en la esquina superior derecha de su pantalla.

Una vez que se encuentra el complemento, haga clic en el botón Instalar ahora luego el botón Activar para que el complemento comience a funcionar.

Complemento de formulario de contacto compatible con WPForms Lite, AMP

Paso 3: crea tu primer formulario con WPForms

Para crear su primer formulario con WPForms, ir a tu Panel de WordPress y vaya a WPForms »Agregar nuevo

Ahora tendrá la siguiente ventana en su pantalla.

formulario de contacto amp en wordpress

Verá 4 opciones diferentes aquí. Dependiendo de sus necesidades, puede seleccionar el modelo que mejor se adapte a sus necesidades.

Para los propósitos de este tutorial, seleccionemos el Formulario de contacto simple opción. Ahora será llevado a un generador de formularios de arrastrar y soltar donde puede agregar o eliminar campos hacia y desde la plantilla predefinida que acaba de seleccionar.

generador de páginas de contacto de amp

Todos los campos disponibles se muestran en el lado izquierdo. Los campos sofisticados solo se pueden usar si está actualizando su complemento a la versión premium. Sin embargo, los campos estándar también están listos para usar.

Para agregar un campo a su formulario, simplemente arrástrelo desde la izquierda y suéltelo en la sección del formulario a su derecha.

Si desea eliminar un campo del formulario, simplemente coloque el cursor sobre ese campo en particular. Verás un borrar en la esquina superior derecha del campo.

eliminar un campo de wpforms

Simplemente haga clic en esa opción y su campo será eliminado. Al utilizar este método, puede eliminar cualquier campo del formulario que crea que es innecesario.

También tiene la opción de modificar sus opciones de campo. Puede cambiar el formato de los campos, el tamaño de las fuentes, ocultar o mostrar las etiquetas y subetiquetas, etc.

Cuando termine, haga clic en el Salvar en la esquina superior derecha de su formulario, para que no pierda los cambios.

Ahora, si miras en el lado izquierdo de tu panel, verás una opción llamada Ajustes. Al hacer clic en él, verá varias opciones. Para la versión ligera, solo podrá utilizar las tres primeras opciones.

Bajo el General opción, puede cambiar el nombre de su formulario, agregar una descripción, cambiar el texto del botón de envío, cambiar el texto de procesamiento del botón de envío, etc. También le permite habilitar la opción de envío de formularios Ajax y anti spam honeypot.

Configuración general del formulario de contacto del amplificador

Ahora ve a Notificación. Esta opción tendrá varias opciones para completar. El campo principal de esta parte es el Desde el e-mail campo. Aquí puede agregar su sitio web de marca o dirección de correo electrónico. También debe asegurarse de que su sitio web haya sido configurado para un proveedor de servicios autorizado para enviar correos electrónicos.

Paso 4: muestra tu primer formulario

Para ver su primer formulario, navegue hasta la página donde desea que aparezca su formulario. Si desea crear una nueva página, haga clic en Página »Agregar nuevo. Agrega un título a tu página.

Haga clic en el icono + para agregar un bloque al editor de Gutenberg. Luego escriba WPForms y una vez que aparezca, haga clic en él.

integrar un formulario de contacto de amplificador

A continuación, se le pedirá que elija el formulario de contacto correcto, así que seleccione el formulario.

página de contacto de amp

Ahora puede hacer clic en el Publicar en el lado derecho de su panel de WordPress para publicar su publicación. Su formulario AMP de WordPress ya está disponible.

También puede utilizar el Formulario de suscripción al boletín y el Formulario de sugerencia las plantillas disponibles para usted al inicio del proceso. Dependiendo de sus necesidades, elija la plantilla que desee para su sitio web. los Formulario en blanco La opción le permite crear el formulario desde cero. Si desea un formulario completamente nuevo, pruebe esta opción

Eso es casi todo. Su sitio web ahora debería tener el formulario de contacto AMP que deseaba crear.

Esperamos que este artículo le haya resultado útil. Si le gustó este artículo, también puede leer nuestra guía paso a paso sobre cómo crear un formulario de varias páginas en WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba