Cómo mostrar su formulario en una sola línea en WordPress (de manera fácil).
Tabla de Contenidos
¿Quiere mostrar su formulario en una sola línea?
Los formularios de una sola línea ofrecen más flexibilidad en el posicionamiento del formulario. Esto significa que puede añadir fácilmente formularios en áreas de alto tráfico de su sitio web y mejorar sus conversiones.
En este artículo, le mostraremos cómo mostrar fácilmente su formulario de una sola línea en WordPress.
¿Por qué mostrar un formulario de una línea en WordPress?
Los formularios de una línea le dan más flexibilidad para elegir la posición de sus formularios. Como este estilo de formulario es de una sola línea, no ocupan mucho espacio y pueden integrarse fácilmente en el contenido existente.
Los formularios de inscripción al boletín de noticias por correo electrónico suelen aparecer en una sola línea por encima o por debajo del contenido de la entrada del blog. Los formularios de una sola línea también funcionan bien en las páginas de aterrizaje, las páginas de contacto y otras páginas importantes de su sitio web.
No sólo puede generar más suscriptores y clientes potenciales, sino que también puede convertir cualquier tipo de formulario en un formulario de una sola línea. Por ejemplo, puede ser una buena idea mostrar el formulario de contacto en una sola línea para ahorrar espacio en la página.
Con esto en mente, le mostraremos cómo mostrar un formulario de una sola línea en su sitio de WordPress.
Cree su formulario de una línea en WordPress
Para este tutorial, utilizaremos el plugin WPForms para crear un formulario de una línea. Es el mejor plugin de generación de leads para WordPress, utilizado por más de 5 millones de sitios web.
WPForms
Puede utilizar el constructor de arrastrar y soltar para crear rápidamente cualquier formulario para su sitio web. También se integra con las herramientas de marketing por correo electrónico más populares para que pueda hacer crecer fácilmente su lista de correo electrónico.
Hay una versión premium del plugin con muchas otras características, pero usaremos la versión lite para este tutorial ya que puedes crear un formulario simple y conectarlo a Constant Contact para la generación de leads.
Lo primero que tienes que hacer es instalar y activar el plugin. Para más información, consulte nuestra guía para principiantes sobre la instalación de un plugin de WordPress.
Después de eso, vaya a WPForms » Add New en el panel de administración de WordPress y dé un nombre a su formulario. A continuación, debe seleccionar su plantilla de formulario.
Seleccionemos la plantilla «Formulario de solicitud». Sólo tienes que pasar por encima de la plantilla y hacer clic en el botón «Usar plantilla».
Esto abrirá el constructor de formularios arrastrando y soltando.
Verá que la plantilla que hemos seleccionado incluye automáticamente los campos de nombre y correo electrónico, así como un botón de envío.
Constructor de formularios WPForms de arrastrar y soltar.
Cada campo puede editarse haciendo clic en él y realizando cambios en la columna de la izquierda.
También puede arrastrar y soltar los campos para cambiar su orden.
Cuando haya terminado de personalizar los campos, podrá ver su formulario en una sola línea.
Para ello, vaya a Configuración » General y haga clic en la pestaña desplegable Avanzado.
Ir a la configuración avanzada del formulario
A continuación, introduzca «Campos en línea» en el campo «Clase CSS del formulario» (sin comillas).
Esto aplicará esta clase CSS al formulario. Como WPForms incluye estilos para la clase «Inline Fields», todo su formulario se mostrará automáticamente en una sola línea.
Añadir una clase CSS en línea
Después de eso, todavía puede hacer que su formulario sea más pequeño ocultando las etiquetas de los campos.
Simplemente haga clic en la opción de navegación Campos, seleccione la opción de menú Avanzado y haga clic en la opción Ocultar etiquetas para activarla.
A continuación, debe hacer lo mismo con todas las etiquetas de los campos del formulario.
A continuación, en la misma sección «Avanzado», puede introducir texto en el campo «Marcador de posición».
Esto indica a los usuarios para qué sirve cada campo del formulario.
Cuando haya terminado de personalizar su formulario, haga clic en el botón «Guardar» para guardar los cambios.
Si utiliza su formulario de generación de clientes potenciales, puede conectar su formulario con su proveedor de marketing por correo electrónico. Para más información, consulte nuestra guía sobre cómo redactar un buen boletín electrónico.
Añadir el formulario de una línea a su sitio de WordPress
Ahora es el momento de añadir su formulario de una sola línea a su sitio web. Puedes añadirlo a cualquier página, post o área de widgets.
Lo añadiremos a una página existente, pero el proceso es similar si lo añades a otra zona de tu blog de WordPress.
Simplemente abra la página en la que desea que aparezca el formulario de una línea, haga clic en el icono Añadir más bloque y busque «WPForms».
A continuación, haga clic en el bloque ‘WPForms’ para añadirlo a su sitio.
Se abrirá una lista desplegable en la que podrá seleccionar el formulario de una sola línea que creó anteriormente.
Elija un formulario de una sola línea en el menú desplegable
Después de seleccionar su formulario, el plugin cargará una vista previa de su formulario en el editor de contenido. A continuación, haga clic en el botón «Actualizar» o «Publicar» para activar su nuevo formulario.
Ya puede visitar su sitio web para ver su nuevo formulario en acción.
Esperamos que este artículo le haya ayudado a aprender cómo mostrar su formulario en una sola fila en WordPress. También puedes consultar nuestra guía para conseguir un dominio de correo electrónico gratuito y nuestra selección de expertos sobre las mejores aplicaciones de números de teléfono virtuales para empresas con opciones gratuitas.
En Estrategia Creativa tenemos toda la información que necesitas sobre el mundo de digital y en especial para tus emprendimiento Si quieres seguir leyendo información útil ¡echa un vistazo a nuestros artículos!
- » Descargar: The Idea of You – Robinne Lee PDF español GRATIS
- » Is Phemex Legal in the US? 2024 Compliance Guide for American Traders
- » Phemex 2024: Trade Crypto With or Without KYC Verification
- » Phemex Review 2024: The Ultimate Crypto Derivatives Trading Platform?
- » Descargar: Twisted 2. Twisted Games – Ana Huang PDF GRATIS
