Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear formularios conversacionales en WordPress (alternativa a Typeform)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

Según nuestra experiencia, los formularios fáciles de usar que parecen más humanos pueden aumentar las tasas de cumplimentación de formularios en WordPress. Pero utilizar un formulario de contacto tradicional, en el que todas las preguntas se presentan a la vez, puede dificultar la consecución de este objetivo.

Aquí es donde los formularios conversacionales pueden ser de gran ayuda.

Los formularios conversacionales utilizan un enfoque de una pregunta a la vez. Estos formularios simulan una conversación natural cara a cara, lo que hace que el proceso sea más interactivo y menos abrumador.

En esta guía, le mostraremos cómo crear un formulario conversacional en WordPress. Cubriremos todo, desde la selección del plugin de formulario adecuado hasta la personalización de tu formulario para que coincida con el estilo de tu sitio web.

How to Create Conversational Forms in WordPress

El mejor plugin de formularios conversacionales para WordPress (alternativa a Typeform)

Antes, era difícil crear formularios conversacionales en un sitio web de WordPress porque no existía una buena solución centrada en WordPress.

Varias aplicaciones SaaS ofrecían esta característica, siendo Typeform la más popular. Sin embargo, tenía y sigue teniendo varios inconvenientes:

  • Typeform es una herramienta SAAS (software como servicio) que almacena los datos de su formulario en sus servidores. Esto significa que estás confiando la seguridad de tus datos a otra persona.
  • Typeform es caro para las pequeñas empresas. Sus planes premium empiezan en 25 $/usuario/mes, y si necesitas más características, entonces pagarás hasta 83 $/mes.

Además, aunque Typeform ofrece un plan gratuito, es demasiado limitado. Por eso le pedimos a nuestro equipo de WPForms que creara una alternativa de Typeform para WordPress.

Conversational Forms de WPForms le permite crear formularios interactivos para WordPress sin los altos costes de Typeform.

Con esta extensión, puedes transformar cualquier formulario en un formulario conversacional en menos de 90 segundos. A diferencia de Typeform, WPForms es un plugin de WordPress de código abierto, lo que significa que todos los datos del formulario se almacenan en su sitio web, no en una aplicación de terceros.

Además, WPForms es más rentable que Typeform. El plan anual cuesta 199,50 dólares y viene con formularios ilimitados, encuestas y toneladas de otras potentes características, incluyendo el addon Conversational Forms.

Veamos cómo crear fácilmente un formulario conversacional en tu sitio web WordPress.

Divulgación: WPForms es creado por el mismo equipo detrás de WPBeginner. Es uno de nuestros premium WordPress plugins.

Tutorial en vídeo

Subscribe to WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Creación de formularios conversacionales en WordPress

Lo primero que debe hacer es instalar y activar el plugin WPForms.

WPForms es el mejor plugin de formularios para WordPress y lo utilizan más de 6 millones de sitios web. También es el maquetador de formularios más fácil de usar del mercado, gracias a su editor de arrastrar y soltar y a una amplia biblioteca de más de 1800 plantillas de formularios.

Nota: Necesitará al menos el plan ‘Pro’ para acceder a la extensión Conversational Forms. Como lector de WPBeginner, puedes obtener un 50% de descuento en todas las licencias de WPForms usando nuestro cupón WPForms.

Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, tendrá que visitar la página WPForms ” Ajustes para verificar su clave de licencia. Puede encontrar esta información en su área de cuenta en el sitio web de WPForms.

WPForms license key field

A continuación, tendrá que ir a WPForms ” Addons y encontrar la extensión Conversational Forms.

Los formularios conversacionales son útiles para reducir el abandono de formularios. La interactividad y la conversación cara a cara hacen que aumente la tasa de cumplimentación de formularios.

Es muy eficaz en los siguientes tipos de formas:

Estos formularios suelen ser más largos e incluir más campos. Si muestra todas esas preguntas a la vez, los usuarios podrían sentirse abrumados y abandonar el formulario.

Los formularios conversacionales lo corrigen pidiendo a los usuarios que respondan a una pregunta cada vez. En lugar de un tedioso formulario largo, resultan más interactivos y mantienen la participación de los usuarios.

Para instalar esta extensión, no dudes en explorar la página “Extensiones” para localizarla o utiliza la barra de búsqueda para encontrarla rápidamente. Una vez que lo hayas encontrado, simplemente haz clic en el botón “Instalar extensión”.

Install Conversational Forms Addon by WPForms

WPForms instalará y activará la extensión Conversational Form en unos segundos.

Cuando vea el estado de la extensión como ‘Activo’, puede empezar a usarla. Puede activar formularios conversacionales para cualquier formulario nuevo o existente creado con WPForms.

WPForms Conversational Forms addon active

En este ejemplo, le mostraremos cómo crear un formulario de encuesta conversacional.

En primer lugar, vamos a crear un formulario de encuesta normal. Puede hacerlo al hacer clic en WPForms ” Añadir nuevo desde su área de administrador de WordPress. A continuación, puede elegir una plantilla de las opciones disponibles.

Para más detalles, no dudes en consultar nuestra guía práctica sobre cómo crear una encuesta en WordPress.

WPForms survey templates

Crear un formulario con WPForms es fácil usando su sencilla interfaz de arrastrar y soltar. Puede arrastrar los campos del formulario de la izquierda al editor de formularios de la derecha.

Este es un ejemplo de un formulario de encuesta WPForms:

Editing Survey Form with WPForms

Una vez que haya añadido las preguntas de su encuesta, puede ir a la pestaña Ajustes ” Formularios conversacionales en el panel izquierdo.

Para activar esta característica, basta con conmutar el interruptor “Activar modo conversacional”.

Enable Conversational Form Mode in WPForms

A continuación, verá los ajustes del formulario de conversación y las opciones de personalización.

Estas opciones le permiten diseñar una atractiva página de destino de formulario conversacional con su mensaje personalizado, logotipo, combinación de colores y barra de progreso.

WPForms' Conversational Form customization options

Ahora, vamos a intentar personalizar la extensión.

En la parte superior verás el campo “Título del formulario conversacional”. En él puedes introducir un breve título descriptivo para tu formulario.

Por ejemplo, “Por favor, responda a nuestra encuesta”.

WPForms Conversational Form Title

Si, después de realizar cambios, desea obtener una vista previa de su formulario, puede hacerlo fácilmente.

Sólo tiene que hacer clic en el botón azul “Vista previa del formulario de conversación” situado a la derecha de los formularios de conversación.

Preview button for Conversational Forms WordPress

A continuación, desplácese hasta el campo “Mensaje”.

Aquí puede añadir un mensaje breve para animar a los usuarios a rellenar el formulario.

Conversational Form Landing Page Message

Al desplazarse por el editor, verá el campo “Enlace permanente”.

Un permalink es una URL única para la página de destino de tu formulario conversacional. El plugin lo crea automáticamente para cada formulario conversacional usando tu título. Pero no dudes en cambiarlo si quieres.

Conversational Form Page Permalink Option

Al establecer un enlace permanente, asegúrese de que sea corto y sencillo. Puede utilizar esta URL en sus campañas de correo electrónico o entradas en medios sociales.

El siguiente paso en la personalización de su página de formulario conversacional es añadir un logotipo de cabecera. Para ello, basta con hacer clic en el botón “Subir imagen” y seleccionar una imagen para subir.

Upload Header Image in Conversational Form Landing Page

Debajo de eso, verá una opción de casilla de verificación para ocultar la imagen de marca / marca de WPForms.

Adelante, marque la casilla junto a ‘Ocultar imagen de marca de WPForms’ si no desea mostrar el mensaje ‘funciona con WPForms’ en la página de destino de su formulario.

Si lo desea, también puede obtener una vista previa de cómo aparece la imagen de marca / marca haciendo clic en el botón azul “Vista previa del formulario conversacional” situado en la esquina superior derecha. Entonces podrás decidir si quieres incluirla o no.

WPForms Branding in Conversational Form Landing page

A continuación, hay una opción de “Combinación de colores” para personalizar el botón “Enviar” del formulario y el fondo de la página.

Puedes utilizar uno de los colores preestablecidos o elegir uno nuevo utilizando el selector de color.

Choose a Color Scheme for Your Conversational Form Page

Por último, está la opción “Barra de progreso”. Puedes elegir entre 2 estilos: ‘Porcentaje’ y ‘Proporción’.

Si desea ver el aspecto de cada estilo de barra de progreso, puede seleccionar los estilos uno a uno y obtener una vista previa del formulario.

Por ejemplo, este es el aspecto que podría tener una barra de progreso porcentual:

Conversational Forms Progress Bar Styles - Percentage

Ahora, cambiemos al estilo “Proporción”.

Esto es lo que podría parecer en su forma conversacional:

Conversational Forms Progress Bar Styles - Proportion

Una vez que haya establecido todos los ajustes del formulario conversacional, puede obtener una vista previa para ver cómo queda en un sitio activo.

Si todo va bien, sigue adelante y haz clic en el botón “Guardar” de la parte superior para guardar tus progresos.

Save Conversational Form Landing Page Options

¡Eso es!

Ahora, si abre el permalink de su formulario conversacional en su navegador, lo verá en acción.

Este es el aspecto de nuestra página de formulario de encuesta conversacional:

Conversational Form Landing Page Preview

Ahora que su página de destino de formulario conversacional está lista, puede añadir el enlace a su menú de navegación de WordPress y utilizarlo en sus campañas de correo electrónico, actualizaciones de medios sociales o entradas de blog.

Esperamos que este artículo te haya ayudado a aprender cómo crear formularios conversacionales fácilmente en WordPress. También puedes marcar / comprobar nuestra guía sobre cómo crear formularios más interactivos para aumentar las conversiones y cómo hacer un seguimiento de las conversiones de formularios en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

11 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Becky Antkowiak, beckyantkowiak.com says

    I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
    Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.

    • WPBeginner Support says

      If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support :)

      Administrador

    • WPBeginner Support says

      Thanks for the feedback, that is something WPForms can look to add as a feature in the future.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.