X

Cómo crear un formulario estilo Typeform en WordPress (Paso a Paso)

Crea un formulario estilo TypeForm en WordPress

¿Quieres crear un formulario estilo Typeform en WordPress?

Typeform es una herramienta de formularios en línea que te permite crear e incrustar formularios en cualquier sitio web. Una de las características únicas de Typeform es el formulario conversacional, un formulario web interactivo que se integra en tu página para lograr altas conversiones.

En este artículo, te mostraremos cómo crear un formulario conversacional estilo Typeform en WordPress.

Creando un formulario estilo Typeform en WordPress

Crear un formulario conversacional estilo Typeform es útil cuando quieres construir formularios largos, como un formulario de registro de usuario, un formulario de donación, un formulario de solicitud de empleo, un formulario de encuesta, etc.

La mejor parte de los formularios conversacionales es que añaden creatividad a tus formularios simples de WordPress y ayudan a reducir el abandono de formularios.

Typeform es una herramienta creadora de formularios en línea que requiere que inicies sesión en su sitio para crear e incrustar un formulario en tu sitio web. Además, todas las entradas del formulario se almacenan en tu cuenta de Typeform.

Para crear un formulario conversacional en tu sitio de WordPress, siempre recomendamos usar un plugin de formularios de WordPress, como WPForms. WPForms te permite construir formularios y almacenar entradas directamente en WordPress. Ha sido utilizado en más de 6 millones de sitios de WordPress y es el plugin de formularios más fácil de usar que existe.

Es una alternativa perfecta a Typeform y viene con toneladas de funciones integradas, como un creador de formularios de arrastrar y soltar, integración con herramientas de boletines informativos y más.

También consulta: Mejores creadores de sitios web comparados

formularios-conversacionales-wpforms

Veamos cómo crear un formulario estilo Typeform en WordPress.

Paso 1: Instalación de un plugin de formulario conversacional – WPForms

Primero, necesitarás instalar y activar el plugin WPForms.

Puedes usar el Cupón WPForms de IsItWP para obtener un 50% DE DESCUENTO en todas sus licencias.

Para más detalles, consulta este artículo sobre cómo instalar un plugin de WordPress.

Después de activar el plugin, deberás ir a WPForms » Ajustes. Desde aquí, deberás verificar tu clave de licencia para acceder a todas las funciones de WPForms.

Puedes obtener la clave de licencia desde tu cuenta en el sitio web de WPForms.

Página de licencia de WPForms

Haz clic en el botón ‘Verificar’ para continuar.

Paso 2: Activación del complemento de Formularios Conversacionales

Una vez verificado, debes navegar a la página de complementos visitando WPForms » Complementos y luego, instalar y activar el complemento Formularios Conversacionales.

Instalar complemento de formularios conversacionales

A continuación, verás el estado Activo en el complemento.

Estado del complemento activo

Este complemento te permite crear formularios estilo Typeform desde cero. Además, puedes transformar tus formularios existentes en formularios conversacionales.

Los formularios conversacionales reducen la longitud de la página web mostrando las preguntas una por una. Involucra a tus usuarios y es muy probable que completen tus formularios largos felizmente.

Paso 3: Creación de un nuevo formulario en WordPress

Los formularios conversacionales son perfectos para todo tipo de formularios, pero son especialmente útiles para formularios largos.

Para esta guía, crearemos un formulario de encuesta.

Creemos un nuevo formulario de encuesta visitando WPForms » Agregar Nuevo. WPForms viene con múltiples plantillas de formularios para lanzar rápidamente el formulario que necesites. También tiene un constructor de formularios de arrastrar y soltar, lo que facilita agregar y administrar los campos del formulario.

Formulario de encuesta

Después de crear un formulario de encuesta, puedes proceder a habilitar el modo de formulario conversacional desde la página de Configuración.

Paso 4: Habilitar y modificar la configuración del formulario conversacional

Para habilitar el modo de formulario conversacional, visita Configuración » Formularios Conversacionales desde el lado izquierdo de tu pantalla. Luego, marca la opción Habilitar Modo de Formulario Conversacional.

Habilitar formularios conversacionales

Una vez habilitado, verás todas las configuraciones de personalización para el formulario conversacional. Te permite agregar un logo personalizado, cambiar el fondo, etc. También puedes transformar una página normal en una página de destino con el formulario conversacional en ella.

Configuración del formulario conversacional

Primero, necesitas ingresar el título en el campo Título del Formulario Conversacional. Asegúrate de que sea corto y explicativo.

Título del formulario

Después de eso, puedes agregar un mensaje personalizado para tus usuarios en el cuadro de texto Mensaje. Este mensaje puede funcionar como un estímulo para que los usuarios realicen la encuesta.

Mensaje del formulario

A continuación, encontrarás la configuración de 'Enlace permanente'.

Normalmente, el complemento 'Formulario Conversacional' genera automáticamente un enlace permanente o URL para tu página de destino. Puedes dejarlo como está o personalizarlo para agregar tu enlace permanente.

Enlace permanente del formulario

Se recomienda que lo mantengas corto para que se vea profesional y sea fácil de recordar.

En el siguiente paso, debes agregar un logo personalizado para la página de destino de tu formulario conversacional. Debajo de la opción Logo de Encabezado, haz clic en el botón Subir Imagen para agregar tu logo.

Logo del encabezado

También verás la casilla de verificación Ocultar Marca WPForms. Si marcas esta opción, se ocultará el mensaje de WPForms de tu página de formulario conversacional.

A continuación, necesitas seleccionar un esquema de color para personalizar tu página de destino. Este esquema de color seguirá el fondo y los botones de tu página.

Puedes seleccionar un color predefinido o abrir la herramienta de selección de color para agregar un esquema de color personalizado.

Colores de la página del formulario

En la última configuración, puedes elegir cómo se mostrará la barra de progreso que indica la finalización del formulario.

Paso 5: Previsualizar y Guardar el Formulario Conversacional

Una vez que hayas terminado con todas las configuraciones, puedes desplazarte hacia arriba y hacer clic en el botón Previsualizar Formulario Conversacional para previsualizar el formulario.

Previsualizar formulario y guardar configuración

Si estás satisfecho, regresa a la página de personalización y haz clic en el botón Guardar para almacenar esta configuración.

¡Está listo!

Puedes visitar el permalink de la página de destino de tu formulario conversacional para verlo en acción.

Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario estilo Typeform en WordPress. También te puede interesar consultar nuestra guía sobre cómo crear un formulario de varias páginas en WordPress.

También te puede interesar ver nuestra reseña completa de WPForms para ver lo que realmente puedes hacer con este constructor de formularios.

Comentarios   Dejar una respuesta

Añadir un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!