Cómo mostrar un formulario en una sola línea en WordPress (manera fácil)

¿Quiere mostrar su formulario en una sola línea en WordPress?

Los módulos de una sola fila ofrecen más flexibilidad en la colocación de los módulos. Esto significa que puede agregar formularios fácilmente a áreas de alto tráfico de su sitio y mejorar sus conversiones.

En este artículo te mostraremos cómo mostrar fácilmente tu formulario en una sola línea en WordPress, paso a paso.

¿Por qué mostrar formularios de una sola línea en WordPress?

Los formularios de una sola fila le brindan más flexibilidad para elegir dónde colocar sus formularios. Dado que este estilo de formulario consta de una sola línea, no ocupa mucho espacio y se puede integrar fácilmente con el contenido existente en su blog de WordPress.

Por ejemplo, los formularios de suscripción al boletín informativo por correo electrónico suelen aparecer en una sola línea encima o debajo del contenido de la publicación del blog. Este tipo de formularios también funcionan bien en páginas de destino, páginas de contacto y otras páginas importantes de su sitio web.

Además de generar más suscriptores y clientes potenciales, puedes convertir cualquier tipo de formulario en uno de una sola línea.

Por ejemplo, podría tener sentido mostrar su formulario de contacto en una sola línea para ahorrar espacio en su sitio web de WordPress y hacer que el formulario responda mejor a los dispositivos móviles.

Dicho esto, le mostraremos cómo mostrar un formulario de una sola línea en su sitio de WordPress.

Cómo crear un formulario de una sola línea en WordPress

Para este tutorial usaremos el archivo Formularios WP complemento para crear un formulario de una sola línea porque es uno de los mejores complementos de generación de leads para WordPress utilizado por más de 6 millones de sitios web.

Puede utilizar el generador de arrastrar y soltar para crear rápidamente cualquier formulario de WordPress. Además, se integra con herramientas populares de marketing por correo electrónico para que puedas hacer crecer fácilmente tu lista de correo electrónico.

Para obtener más información, consulte nuestra revisión completa de WPForms.

Primero necesitas instalar y activar el archivo. Formularios WP conectar. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Después de la activación, visite el WPForms » Agregar nuevo en la barra lateral de administración de WordPress y dale un nombre a tu formulario. Luego, debes elegir la plantilla de formulario.

Seleccionaremos la plantilla “Formulario de membresía”. Simplemente coloque el cursor sobre la plantilla y haga clic en el botón “Usar plantilla”.

Esto iniciará el generador de formularios de arrastrar y soltar de WPForms en su pantalla.

Verá que la plantilla que elegimos incluye automáticamente campos de nombre y correo electrónico y un botón de envío.

Cada campo se puede editar haciendo clic en él y realizando cambios en la columna de la izquierda.

También puedes arrastrar y soltar campos para cambiar su orden.

Una vez que haya terminado de personalizar los campos, podrá ver el formulario en una sola línea.

Para hacer esto, cambie a Ajustes » Generales en el generador de formularios, luego haga clic en el menú desplegable “Avanzado”.

A continuación, escriba “campos en línea” en el cuadro “Clase CSS de formulario” (sin las comillas).

Esto aplicará esa clase CSS al formulario. Dado que WPForms incluye un estilo para la clase “campos en línea”, cambiará automáticamente todo el diseño del formulario y lo mostrará bien en una sola línea.

A continuación, puede reducir aún más el tamaño del formulario ocultando las etiquetas de los campos.

Para hacer esto, simplemente haga clic en un campo del formulario para abrir su configuración en la columna de la izquierda.

Una vez que haya hecho eso, seleccione la opción de menú “Avanzado” y haga clic en el botón “Ocultar etiqueta” para activarla.

Luego, debes hacer lo mismo con todas las etiquetas de los campos del formulario.

A continuación, en la misma sección “Avanzado”, puede ingresar texto en el cuadro “Marcador de posición”.

Esto les dice a sus usuarios para qué sirve cada campo del formulario.

Una vez que haya terminado de personalizar el formulario, asegúrese de hacer clic en el botón “Guardar” para almacenar su configuración.

Si está utilizando el formulario para generar clientes potenciales, puede conectar el formulario a su proveedor de marketing por correo electrónico. Para obtener más detalles, consulte nuestra guía sobre cómo crear un boletín informativo por correo electrónico de la manera correcta.

Agregar un formulario de una sola línea a su sitio web de WordPress

Ahora es el momento de agregar el formulario de una sola línea a su sitio de WordPress. Puede agregarlo a cualquier página, publicación o área de widgets.

Lo agregaremos a una página existente, pero el proceso será similar si lo agregas a otra área de tu blog de WordPress.

Simplemente abra la página donde desea el formulario de una sola línea y haga clic en el botón “Agregar bloque” (+) para abrir el menú de bloque.

Luego, haga clic en el bloque “WPForms” para agregarlo a su sitio.

A continuación, elija el formulario de una sola línea que creó anteriormente en el menú desplegable del propio bloque.

Una vez que elija el formulario, el complemento cargará una vista previa del formulario dentro del editor de contenido. Luego, haga clic en el botón “Actualizar” o “Publicar” para activar su nuevo formulario.

Ahora puede visitar su sitio web para ver su nuevo formulario en acción.

Bonificación: utilice OptinMonster para crear ventanas emergentes y banners

Además de crear formularios de una sola línea, también puede crear ventanas emergentes y pancartas de suscripción en su sitio web para captar clientes potenciales por correo electrónico.

Para hacer esto, puedes usar OptinMonster que es la mejor herramienta de optimización de conversión de WordPress del mercado.

OptinMonster le permite crear hermosos formularios de suscripción que muestran información personalizada y relevante basada en los intereses del usuario y simplifican la adquisición de clientes potenciales.

Para obtener instrucciones detalladas, es posible que desee ver nuestro tutorial sobre cómo crear una ventana emergente de formulario de contacto en WordPress.

Aparte de eso, también puede crear banners llamativos para su sitio web pidiendo a los usuarios que se registren y formen parte de su boletín.

De esta manera, puede capturar los detalles del usuario sin ocupar mucho espacio en el sitio web ni molestar a los usuarios.

Para obtener más información, consulte nuestra guía para principiantes sobre cómo crear una lista de correo electrónico con OptinMonster.

Esperamos que este artículo le haya ayudado a aprender cómo mostrar formularios en una sola línea en WordPress. Es posible que también desee consultar nuestra guía sobre cómo obtener un dominio de correo electrónico gratuito y nuestras selecciones de expertos para las mejores aplicaciones de números de teléfono comerciales virtuales con opciones gratuitas.