PLUGINS

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

¿Quieres mostrar tu formulario en una línea?

Las tablas de una sola fila le brindan más flexibilidad en el diseño de las tablas. Esto significa que puede agregar fácilmente formularios a las áreas de alto tráfico de su sitio web y aumentar las conversiones.

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

¿Por qué aparecen tablas de una sola fila en WordPress?

Las mesas de una sola fila le brindan más flexibilidad para elegir dónde colocar la mesa. Debido a que esta forma de formulario es solo una línea, no ocupan mucho espacio y se pueden integrar fácilmente con su contenido existente.

Los formularios de registro de boletines por correo electrónico generalmente se muestran una línea arriba o debajo del contenido de la publicación del blog. Los formularios de una sola línea también son adecuados para 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, puede convertir cualquier formulario en un formulario de una sola línea. Por ejemplo, puede tener sentido mostrar su formulario de contacto en una fila para ahorrar espacio en la página.

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

Crear un formulario de una sola línea en WordPress

Para este tutorial, usaremos el complemento WPForms para crear un formulario de una sola línea. Este es el mejor complemento para generar clientes potenciales de WordPress, utilizado por más de 5 millones de sitios web.

lista de trabajo

Puede crear rápidamente cualquier forma para su sitio utilizando el diseñador de arrastrar y soltar. Además, se integra con herramientas populares de marketing por correo electrónico para que pueda expandir fácilmente su lista de correo electrónico.

Existe una versión premium del complemento con más funciones, pero usaremos la versión Lite para este tutorial porque le permite crear un formulario simple y vincularlo a un contacto permanente para generar clientes potenciales.

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

Luego ve a WPForms »Agregar nuevo en su panel de administración de WordPress y asigne un nombre a su formulario. Luego debe seleccionar una plantilla de formulario.

Elegiremos la plantilla «Formulario de suscripción». Simplemente mantenga el cursor del mouse sobre la plantilla y haga clic en el botón «Usar plantilla».

Elija una plantilla de formulario

Esto abrirá el diseñador de formularios de arrastrar y soltar.

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

Creador de formularios de arrastrar y soltar de WPForms

Todos los campos se pueden editar haciendo clic en ellos y haciendo cambios en la columna de la izquierda.

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

Panel de edición de formularios de WPForms

Una vez que haya completado los campos personalizados, puede mostrar el formulario en una sola línea.

Para ello, visite Ajustes básicos Luego haga clic en el menú desplegable Avanzado.

Ir al formulario de configuración avanzada

Luego ingrese «campos en línea» (sin las comillas) en el campo «Forma Clase CSS».

Esto aplicará la clase CSS al formulario. Debido a que WPForms incluye estilos como campos incorporados, automáticamente hace que todo su formulario quepa en una sola línea.

Agregar clases de CSS integradas

A continuación, puede reducir el formato ocultando las etiquetas de los campos.

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

Cambiar secciones ocultas del formulario

Luego, debe hacer lo mismo para todos los marcadores en el campo de formulario.

Luego puede ingresar texto en el campo Sustituir en la misma sección Avanzado.

Esto le dice a los usuarios para qué sirve cada campo de formulario.

Agregar texto de lugar para el formulario

Cuando haya terminado de personalizar el formulario, asegúrese de hacer clic en el botón Guardar para guardar los cambios.

Si usa formularios para generar clientes potenciales, puede vincular 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 tabla de una sola fila a su sitio de WordPress

Ahora es el momento de agregar su línea única formulario 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 que desea que muestre el formulario de una sola línea, haga clic en el ícono para agregar un bloque «Más» y busque «WPForms».

Agregar un bloque de WPForms

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

Aparecerá un cuadro desplegable para seleccionar la tabla de una sola fila que creó anteriormente.

Seleccione una tabla de una sola fila del menú desplegable

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 activar su nuevo formulario.

Ahora puede visitar su sitio web para ver su nuevo formulario.

Ejemplo de una tabla de una sola fila

Esperamos que este artículo le haya ayudado a comprender cómo mostrar formularios en una fila en WordPress. También puede consultar nuestra guía sobre cómo obtener un dominio de correo electrónico gratuito, así como nuestras selecciones de expertos para las mejores aplicaciones de números de teléfono comerciales virtuales para opciones gratuitas.

Si te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

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

Botón volver arriba