¿Cómo uso el editor de flujos?

Abrir el editor y la barra superior

Haz clic en el nombre de un agente en la página «Agentes» para abrir el editor de flujos. La barra superior contiene, de izquierda a derecha:

• La flecha atrás («Volver a los agentes»): vuelve a la lista de agentes.
• El nombre del agente: escribe encima para cambiarlo. Los visitantes ven el nombre en la pestaña del navegador, y se puede traducir.
• El enlace de ayuda: abre este artículo en una pestaña nueva.
• La insignia de estado: «Borrador» en un borrador, y «Activa · v3» con el número de la versión activa en un agente publicado. Si tienes cambios guardados sin publicar, aparece al lado la insignia «Cambios sin publicar».
• «Vista previa»: guarda primero el agente y luego abre el borrador en una pestaña nueva, para que pruebes tus cambios en la página que verán los visitantes antes de que la vean. La vista previa no cambia el agente activo.
• «Publicar»: está activo cuando hay algo que publicar: el agente es un borrador o tiene cambios sin publicar. La flecha de al lado abre «Copiar enlace público» (no disponible en un borrador), «Añadir al sitio web» y, en un agente publicado, «Despublicar».
• «Guardar».
• El menú de tres puntos («Acciones del agente»), a la derecha del todo: «Versiones» muestra las versiones publicadas, qué cambió en cada una y las opciones para volver a una anterior; «Historial de actividad» muestra, desde el registro de auditoría, quién hizo qué y cuándo en este agente (guardar, publicar, cambios de versión, renombrar); «Eliminar» pide confirmación, elimina el agente y te devuelve a la lista. Los usuarios de Soporte y Observador encuentran «Copiar enlace público» aquí.

«Guardar» guarda tus cambios en el borrador; los visitantes siguen viendo la versión activa. «Publicar» abre primero la ventana «Publicar», donde puedes añadir una «Nota de versión» opcional y confirmar. Entonces se guarda el agente y el borrador se publica como una nueva versión numerada (v1, v2, …). «Despublicar» pide confirmación y vuelve a convertir el agente en borrador. Consulta Publicar un agente.

Si intentas salir del editor con cambios sin guardar, se te pide confirmación.

Los usuarios con rol Soporte u Observador ven la insignia «Solo lectura» en lugar de estos botones; el lienzo y los paneles están bloqueados. Aún pueden usar «Vista previa», «Versiones» y «Copiar enlace público»; «Historial de actividad», «Añadir al sitio web» y «Eliminar» no se les muestran.

Las cinco pestañas

• «Diseño»: el diseño de la página (logo, colores, disposición) y el avatar. Consulta Diseño y avatar.
• «Editor»: el lienzo donde construyes los pasos. La franja de arriba contiene el botón «Idiomas», el idioma que editas y el botón «Traducir». Consulta Idiomas y traducción.
• «Evaluación»: puntuación con IA de las conversaciones completadas y análisis de sentimiento. Consulta Evaluación con IA.
• «Ajustes de medición»: enviar eventos de conversación a Google Analytics, Meta Pixel, TikTok y Google Ads.
• «Analítica»: inicios, finalizaciones, el embudo y las conversaciones.

El botón Guardar guarda los cambios de todas las pestañas juntos. Los pasos, el idioma principal del agente, el diseño, el avatar, las traducciones (incluidas las del nombre del agente) y la evaluación llegan a los visitantes con «Publicar»; el nombre, la descripción y el icono del agente y los «Ajustes de medición» no forman parte de una versión y se aplican en cuanto guardas.

Añadir y conectar pasos

1. En la pestaña «Editor», haz clic en «Añadir paso», arriba a la izquierda. Se abre la paleta «Tipos de paso»; busca un paso o filtra por categoría: «IA», «Conversación», «Lógica», «Recoger datos», «Soporte», «Integraciones».
2. Haz clic en un tipo de paso; el paso se añade en el centro del lienzo. Al hacer clic en una integración se abren sus acciones, y al elegir una acción se añade el paso. En la búsqueda, Intro añade el primer resultado. En «Integraciones» aparecen tus integraciones conectadas con su número de acciones; las no conectadas llevan la marca «No conectada».
3. Conecta pasos arrastrando desde el tirador derecho de un paso hasta el siguiente. Los pasos con varias salidas tienen un tirador por salida (ver abajo).
4. Haz clic en un paso para abrir su panel a la derecha y editar su contenido.

Pasos con varias salidas:

• Selección: cada opción.
• Subida de archivo: las salidas de éxito y fallo, cuando la lectura está activada.
• Asistente de IA: cada traspaso.
• Condición: cada camino y «De lo contrario».
• Bucle: «Para cada elemento» y «Al terminar».
• Resumen y confirmación: «Confirmado» y «Cancelado».
• Acción de integración y Llamada a herramienta: «Al terminar» y «Si falla».

El primer paso que añades a un agente vacío se convierte en el paso inicial. La conversación empieza en el paso con la etiqueta «Inicio». Para empezar en otro paso, haz clic en «Establecer como paso inicial» en su panel. El paso inicial no se puede eliminar; primero establece otro como inicio. Elimina el paso seleccionado con «Eliminar paso» o la tecla Retroceso.

Los botones de deshacer y rehacer están en la barra de herramientas; Ctrl+Z / Cmd+Z deshace, y Ctrl+Shift+Z / Cmd+Shift+Z o Ctrl+Y rehace.

En lugar de añadir los pasos tú, puedes describírselos a la IA: si el agente no tiene pasos, escribe en el cuadro «¿Qué debe hacer este agente?» en el centro del lienzo; si los tiene, usa el botón «Preguntar a la IA» de la barra de herramientas. El cambio se aplica al lienzo, se puede revertir con un solo deshacer y no se guarda hasta que pulses «Guardar». El lienzo se bloquea mientras la IA trabaja. Consulta Crear un agente con IA.

El panel del paso y las variables

Las pestañas del panel dependen del tipo de paso; aparecen en este orden:

• «Contenido»: en todos los pasos. El «Texto en pantalla» se muestra al visitante y el avatar lo lee en voz alta. Pon nombre al paso con «Renombrar paso».
• «Campos»: en los pasos Formulario, y en los de Subida de archivo cuando la lectura está activada.
• «Herramientas», «Integraciones», «Conocimiento»: solo en el paso Asistente de IA.
• «Seguimiento»: en todos los pasos, para enviar un evento de medición cuando un visitante llega a él.

Los pasos Pregunta y Selección escriben la respuesta en una variable («Nombre de la variable»). Úsala en los textos de pasos posteriores como {variable}, por ejemplo «Gracias, {name}». El botón «Insertar variable» de los cuadros de texto muestra las variables guardadas por los pasos anteriores y las «Variables del sistema»; escribir { en un cuadro también lo abre. También puedes arrastrar la insignia de variable de un paso desde el lienzo a un cuadro de texto del panel abierto.

Pasos con problemas y guardado

Un paso incompleto se marca en el lienzo, y la barra de herramientas muestra el botón «Problemas en {n} pasos», que te lleva al siguiente («Ir al siguiente paso con problemas»). Avisos habituales:

• «La salida no está conectada; el flujo termina aquí.»
• «Ningún paso lleva hasta aquí.»
• «En un bucle que nunca espera al visitante; el flujo se queda atascado aquí.»
• «El texto en pantalla está vacío.» o «Sin opciones.»

Los avisos no impiden guardar. Si algunos pasos tienen errores, el flujo se guarda con «Guardado, pero {n} pasos tienen errores» y no funcionará en esos pasos; si solo hay avisos, verás «Guardado».

Dos cosas sí impiden guardar: un nombre de variable vacío o repetido en un campo de un paso Formulario, un paso Subida de archivo o un traspaso del Asistente de IA; y, con la evaluación activada, un criterio de evaluación sin nombre o sin instrucciones. Corrige los campos resaltados y guarda de nuevo.

Si otra persona (u otra pestaña) guardó el agente después de que lo abrieras, «Guardar» te avisa: la ventana «El agente cambió después de que lo abrieras» indica quién lo guardó y cuándo. «Guardar de todos modos» sobrescribe sus cambios; «Cancelar» no guarda, y tus cambios se quedan en pantalla.