¿Qué es Webchat Form?

Es el paso a paso nativo de Botmaker diseñado exclusivamente para el canal de Webchat. Permite crear encuestas, citas y formularios de forma estructurada, priorizando la experiencia del usuario (UX) mediante una interfaz moderna y precisa.

• Permite liberar el potencial humano permitiendo que la tecnología resuelva procesos repetitivos y complejos.
• Ofrece un servicio más eficiente y escalable sin perder la calidad en la comunicación.
• No tiene costo adicional por su uso.

Conceptos clave y beneficios

• Interacciones guiadas: Ofrece validación en tiempo real de la información ingresada por el usuario.
• Gestión de datos: La información recolectada se guarda automáticamente en variables dentro de la plataforma.
• Practicidad: Acceso a plantillas prediseñadas (templates) según diferentes objetivos de negocio.
• Personalización: Adaptación de la identidad visual (estilos) para que coincida con la estética de tu sitio web.

Cómo configurar un Webchat Form

Paso 1: Crear el formulario

• Ingresa a la sección de Webchat Form en el botdesigner.

• Clickea en “Crear”

• Define un Título y selecciona un Estilo visual (basado en tus configuraciones de Webchat).

• Selecciona una plantilla: Puedes empezar desde un "Formulario vacío" o elegir una de las opciones pre-creadas:
• • Iniciar sesión
  • Inscribirse
  • Registrar evento.
  • Encuesta
  • Obtener feedback.
  • Obtener soporte.
  • Actualizar preferencias
  • Registrarse para una cuenta.
  • Reservar mesa. 
  • Obtener cotización.

Paso 2: Personalizar el diseño y lógica

Dentro del editor, podrás ver una Previsualización en vivo a la derecha.

• Designer: Permite editar textos, agregar pantallas y nuevos componentes.

• Variables: Configura dónde se almacenará la información de cada campo.Ten en cuenta que las variables cambiarán de acuerdo al formulario que estés creando.

• Edición avanzada: Aunque es una experiencia no-code, puedes realizar ajustes manuales dentro del código para cambios específicos; cada cambio impactará automáticamente en la previsualización.

• Estilo: Puedes elegir la paleta de colores que tendrá el formulario, en base a los diseños de Webchats que tengas ya creados en el proyecto.

• Pantallas: Cada formulario tiene distintas pantallas según avance este. Puedes modificar cada una de ellas.

Para poder utilizar el formulario, deberás clickear en “Publicar”.  Una vez publicado, podrás volver al editor y modificar lo que necesites.

Paso 3: Inserción en el Botdesigner

Para activar el formulario en una conversación:

• En el Botdesigner, selecciona el bloque donde deseas pedir la información.

• Haz clic en Agregar entrada del usuario. Selecciona Webchat Form de la lista de opciones.

• Elige el formulario que creaste previamente. Escribe el texto que lo acompaña y el botón que debe clickear el usuario para abrirlo. Puedes agregar una imagen que acompañe el encabezado del formulario.

Ten en cuenta que automáticamente se creará una bifurcación que diferenciará si el canal es Webchat o no. Únicamente es soportado por este canal, por lo que puedes derivar de otra manera el flujo.

Preguntas frecuentes (FAQ)

¿En qué canales se puede usar?

Es soportado únicamente en el canal Webchat. Si tu bot es multicanal, debes configurar una bifurcación en el flujo para ofrecer una alternativa en canales como WhatsApp.

¿Necesito saber programar para usarlo?

No. Las plantillas pre-creadas ofrecen una experiencia 100% no-code. Solo se requiere tocar el código si deseas realizar ediciones que no estén en el diseñador visual o textos.

¿Cómo se guardan los datos que el usuario completa?

Se guardan automáticamente en las variables de la plataforma que hayas definido durante la configuración del formulario.

¿Puedo cambiar los colores para que se vea como mi marca?

Sí. Al configurar el formulario, puedes elegir el estilo visual en base a los estilos que ya tengas creados para tus Webchats en Botmaker.

¿Qué pasa si el usuario cierra el chat a mitad del formulario?

La interfaz está diseñada para priorizar la experiencia del usuario y la precisión, pero el guardado de datos final suele ocurrir al completar las pantallas definidas.

Recuerda visitar nuestro Centro de Ayuda para mayor información