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

Cómo crear un formulario de amplificador en WordPress


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

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

En este artículo le mostraremos cómo usar el complemento WPForms para crear un formulario de contacto brillante compatible con APM en su sitio web de WordPress. Pero antes de eso, comprendamos 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 se orienta a acelerar la experiencia de navegación móvil en gran medida en la web abierta. AMP pone la experiencia de navegación móvil un paso adelante. La idea básica es aumentar drásticamente la velocidad de la página de su sitio web mediante el uso de una plantilla adicional ligera que está optimizada para la velocidad.

Las páginas web de carga más rápida ofrecen una experiencia de usuario mejorada y alientan a los visitantes a permanecer más tiempo en su sitio. De esa manera, puede reducir la tasa de rebote y aumentar la probabilidad de mejorar su clasificación.

Sin embargo, dado que AMP utiliza 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 usar WPForms, el mejor complemento de formularios para WordPress.

Veamos ahora cómo usar WPForms para crear formularios de contacto en sus páginas AMP.

Paso 1: Instalación del complemento Google AMP

Antes de sumergirnos y crear un formulario, veamos cómo crear páginas AMP en su sitio web. los AMPERIO plugin es el complemento oficial de Google AMP en WordPress.

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

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

Complemento AMP, Google AMP

Paso 2: Instalar WPForms en WordPress

A continuación, instalemos el complemento WPForms en su sitio web. Para eso, solo inicie sesión en su panel de WordPress y vaya a 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 Instalar ahora botón y luego el Activar para que el complemento comience a funcionar.

WPForms Lite, complemento de formulario de contacto compatible con AMP

Paso 3: Crea tu primer formulario con WPForms

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

Ahora tendrá la siguiente ventana en su pantalla.

formulario de contacto de amplificador en wordpress

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

Por el bien de este tutorial, seleccionemos el Formulario de contacto simple opción. Ahora será redirigido a un generador de formularios de arrastrar y soltar donde puede agregar o eliminar campos ay desde la plantilla preconstruida que acaba de seleccionar.

amplificador de página de contacto constructor

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

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 desplace el cursor sobre ese campo en particular. Verás un Eliminar icono en la esquina superior derecha del campo.

eliminar un campo de wpforms

Simplemente haga clic en esa opción y su campo se eliminará. Con este método, puede eliminar cualquier campo del formulario que crea que no es necesario..

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

Una vez hecho esto, haga clic en el Salvar botón en la esquina superior derecha de su formulario, para que no pierda sus cambios.

Ahora, si mira al lado izquierdo de su panel, verá una opción llamada Configuraciones. Cuando haga clic en él, verá varias opciones. Para la versión lite, solo podrá usar las tres primeras opciones.

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

configuración general del formulario de contacto del amplificador

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

Paso 4: muestra tu primer formulario

Para mostrar su primer formulario, vaya a 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 ícono + para agregar un bloque al editor Gutenberg. Luego escriba WPForms y una vez que aparezca, haga clic en él.

incrustar 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 del amplificador

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

También puedes usar el Boletín de noticias Formulario de inscripción y el Formulario de sugerencia plantillas que están disponibles para usted al comienzo del proceso. Dependiendo de sus requisitos, elija la plantilla que desea para su sitio web. los Formulario en blanco La opción le permite crear el formulario desde cero. Si desea un formulario nuevo, pruebe esa opción

Eso es practicamente todo. Su sitio web ahora debe tener el formulario de contacto compatible con AMP que desea crear.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me