ElegantThemes

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

¿Quiere mostrar su formulario en una línea?

Los formularios de una sola línea le brindan una mayor flexibilidad en la ubicación del formulario. Esto significa que puede agregar fácilmente formularios a áreas de alto tráfico de su sitio web y aumentar las tasas de conversión.

En este artículo, le mostraremos cómo mostrar fácilmente su formulario en una línea en WordPress.

Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 13

¿Por qué se muestra un formulario de una línea en WordPress?

Los formularios de una sola línea le brindan mayor flexibilidad a la hora de elegir dónde colocar el formulario. Dado que este formulario tiene solo una línea, no ocuparán mucho espacio y pueden integrarse fácilmente con su contenido existente.

El formulario de registro del boletín por correo electrónico generalmente se muestra en una fila encima o debajo del contenido de la publicación del blog. Los formularios de una línea también son adecuados para las páginas de inicio de sesión, las páginas de contacto y otras páginas importantes de su sitio web.

Además de generar más suscriptores y clientes potenciales, también puede convertir cualquier tipo de formulario en un formulario unifilar. Por ejemplo, podría tener sentido mostrar su formulario de contacto en una línea para ahorrar espacio en la página.

Dicho esto, permítanos mostrarle cómo mostrar un formulario de una línea en su sitio de WordPress.

Crea un formulario de una línea en WordPress

En este tutorial usaremos WPForms Complemento para crear formularios unifilares. Es el mejor complemento de generación de leads de WordPress utilizado por más de 5 millones de sitios web.

Artículo Recomendado:  Meses en WordPress – Enero 2022
WPForms
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 14

Puede utilizar el generador de arrastrar y soltar para crear rápidamente cualquier formulario para su sitio. Además, también se integra con herramientas populares de marketing por correo electrónico, por lo que puede ampliar fácilmente su lista de correo electrónico.

Tener un Versión premium Complemento con más funciones, pero usaremos Lite Para este tutorial, porque le permite crear un formulario simple y conectarlo a Constant Contact para generar clientes potenciales.

Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte la guía para principiantes sobre cómo instalar complementos de WordPress.

Luego, vaya a WPForms »Agregar nuevo En su panel de administración de WordPress, y asigne un nombre a su formulario. Luego, debe seleccionar la plantilla de formulario.

Elegiremos la plantilla «formulario de suscripción». Simplemente coloque el mouse sobre la plantilla y haga clic en el botón «Usar plantilla».

Elegir plantilla de formulario
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 15

Esto abrirá el generador de formularios de arrastrar y soltar.

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

Constructor de formularios de arrastrar y soltar de WPForms
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 16

Cada campo se puede editar haciendo clic en ellos y haciendo cambios en la columna de la izquierda.

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

Panel del editor de formularios de WPForms
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 17

Después de completar los campos personalizados, puede mostrar su formulario en una línea.

Para hacer esto, visite Configuración »General Luego haga clic en la pestaña desplegable «Avanzado».

Ir a la configuración avanzada de formularios
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 18

A continuación, escriba «campos en línea» (sin las comillas) en el cuadro «Clase CSS del formulario».

Esto aplicará la clase CSS al formulario. Dado que WPForms incluye el estilo de «campo en línea», automáticamente hará que todo su formulario se muestre bien en una línea.

Agregar clases CSS en línea
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 19

Posteriormente, puede reducir el tamaño del formulario ocultando las etiquetas de los campos.

Simplemente haga clic en la opción de navegación «Campo», luego seleccione la opción de menú «Avanzado» y luego haga clic en el interruptor de palanca «Ocultar etiqueta» para activarlo.

Ocultar interruptor de etiqueta de formulario
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 20

Luego, debe realizar la misma operación en todas las etiquetas de campo de formulario.

Más adelante, en la misma sección «Avanzado», puede ingresar texto en el cuadro «Marcador de posición».

Esto les dirá a sus usuarios para qué es cada campo de formulario.

Agregar texto de marcador de posición de formulario
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 21

Después de completar el formulario personalizado, asegúrese de hacer clic en el botón «Guardar» para guardar los cambios.

Si utiliza un 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.

Agregue su formulario de una línea a su sitio web de WordPress

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

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

Simplemente abra la página donde desea mostrar el formulario de una sola línea, haga clic en el «más» para agregar el icono de bloque y busque «WPForms».

Agregar bloque WPForms
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 22

Luego, haga clic en el bloque «WPForms» para agregarlo a su sitio.

Aparecerá un cuadro desplegable para seleccionar el formulario unifilar que creó anteriormente.

Seleccione una tabla de una sola fila de la lista desplegable
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 23

Después de seleccionar el formulario, el complemento cargará una vista previa del formulario en el editor de contenido. Luego, haga clic en el botón «Actualizar» o «Publicar» para que su nuevo formulario entre en vigencia.

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

Ejemplo de una tabla de una sola fila
Cómo mostrar su formulario en una sola línea en WordPress (forma fácil) 24

Esperamos que este artículo le haya ayudado a comprender cómo mostrar un formulario en una sola línea en WordPress. También puede consultar nuestra guía sobre cómo obtener un dominio de correo electrónico gratuito y las mejores aplicaciones de números de teléfono de negocios virtuales con opciones gratuitas seleccionadas por nuestros expertos.

Si te gusta este artículo, suscríbete a nuestro Canal de Youtube Se utiliza para tutoriales en vídeo de WordPress.También puedes encontrarnos Gorjeo y Facebook.

El artículo Cómo mostrar su formulario en una sola línea en WordPress (la forma fácil) apareció por primera vez en WPBeginner.

.

Publicaciones relacionadas

Deja una respuesta

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