Marketing

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

¿Le gustaría mostrar su formulario en una línea?

Los formularios de una sola línea le brindan más flexibilidad en la ubicación del formulario. Eso significa que simplemente puede agregar formularios a las á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.

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

Los formularios de una sola línea le ofrecen más flexibilidad para elegir dónde colocar el formulario. Dado que este formulario solo tiene una línea, no ocupan mucho espacio y pueden integrarse fácilmente en su contenido existente.

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

No solo puede generar más suscriptores y prospectos, sino que también puede convertir cualquier tipo de formulario en un formulario de una línea. Por ejemplo, puede resultar útil mostrar su formulario de contacto en una línea para ahorrar espacio en la página.

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

Crea un formulario de una sola línea en WordPress

En este tutorial usaremos WPForms Complemento para crear formularios de una sola línea. Es el mejor complemento de generación de prospectos de WordPress utilizado por más de 5 millones de sitios web.

WPForms

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 para que pueda hacer crecer fácilmente su lista de correo electrónico.

Tener un Versión premium Complementos 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 información, consulte la Guía para principiantes sobre la instalación de complementos de WordPress.

Ir a después de eso WPForms »Agregar nuevo Ingrese un nombre para su formulario en su panel de administración de WordPress. Luego debe seleccionar la plantilla de formulario.

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

Seleccionar plantilla de formulario

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.

Generador de formularios de arrastrar y soltar de WPForms

Cualquier campo se puede editar haciendo clic en él 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

Después de completar los campos personalizados, puede ver 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 del formulario

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

Esto aplicará la clase CSS al formulario. Debido a que WPForms incluye el estilo de campo en línea, todo su formulario aparecerá automáticamente en una línea.

Agregar clases CSS en línea

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

Simplemente haga clic en la opción de navegación de campo, luego elija la opción de menú Avanzado, luego haga clic en el botón Ocultar título para activarlo.

Ocultar interruptor de etiqueta de formulario

A continuación, debe realizar el mismo proceso para todas las etiquetas de campo de formulario.

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

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

Agregar texto de marcador de posición para formularios

Después de completar el formulario personalizado, haga clic en el botón «Guardar» para guardar sus cambios.

Si está utilizando un formulario de generación de clientes potenciales, puede conectar el formulario a su proveedor de marketing por correo electrónico. Para obtener más información, consulte nuestra guía sobre cómo redactar correctamente un boletín por correo electrónico.

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

Ahora es el momento de agregar su formulario de una sola 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 es similar.

Simplemente abra la página en la que desea ver 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

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

Aparecerá un cuadro desplegable para que seleccione el formulario de una sola línea que creó anteriormente.

Seleccione una tabla de una sola fila de la lista desplegable

Después de seleccionar el formulario, el complemento carga 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 línea

Esperamos que este artículo le haya ayudado a comprender cómo mostrar un formulario en una sola línea en WordPress. Además, consulte nuestra guía para obtener un dominio de correo electrónico gratuito y las mejores aplicaciones de números comerciales virtuales con opciones gratuitas seleccionadas por nuestros expertos.

Si te gusta este artículo, suscríbete al nuestro. canal de Youtube Usado para tutoriales en video de WordPress; también puede encontrarnos Closermarketing.es y Facebook.

.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.