Editor de guías
El editor crea y modifica guías con vista previa en vivo: el renderizado que ves es el mismo que el agente ejecuta en la web del usuario.
Las tres columnas
- Pasos (izquierda): lista con orden, tipo y ancla. Añade, selecciona y (en producción) reordena arrastrando.
- Lienzo (centro): preview del paso actual. Debajo tienes **🎯 Elegir ancla*: abre tu web con el agente en modo diseñador* y al hacer click en un elemento de TU web el selector se rellena aquí.
- Panel (derecha): tres pestañas:
- Contenido: tipo de paso, título, cuerpo, botón, ancla (selector CSS) e imagen opcional.
- Audiencia: reglas de segmento (campo/operador/valor sobre la metadata del
identify), páginas donde aparece y frecuencia. El botón *Estimar población* calcula en vivo a cuántos usuarios afecta. - Programa: fechas de visibilidad, entorno y estado.
Anclas que no se rompen
El selector puede escribirse a mano o capturarse con el diseñador. El agente lo resuelve con respaldo: data-atributos → id → ARIA → ruta CSS. Si un paso anclado obligatorio no encuentra su elemento, el paso no se muestra (nunca un tooltip flotando a lo loco).
Dónde aparece la tarjeta
La flecha apunta siempre al elemento anclado: va en el borde de la tarjeta opuesto al elemento. Con «Posición automática» el agente mide la pantalla y elige el lado con más hueco real —primero arriba o abajo; si ninguno de los dos cabe, sale por un lateral—. La posición forzada se respeta cuando en esa pantalla cabe; si no cabe, el agente pasa al lado que sí cabe, porque una posición pedida no justifica sacar la tarjeta de la pantalla ni dejar la flecha apuntando al vacío. Si necesitas un lado concreto, compruébalo en esa pantalla («Probar sobre tu web»): lo que manda el editor es una preferencia, no una promesa.
Qué idioma ve cada visitante
El idioma lo decide el visitante, no la guía: el agente toma el idioma que llega en identify (visitor.idioma) o el del navegador, y lo ajusta a los idiomas activos de la app (Ajustes → Idiomas). Sobre esa decisión, los textos se buscan en este orden:
- la traducción de ese idioma, si la guía la tiene;
- si no, la del idioma por defecto —la base que editas en la pestaña «Contenido» sin seleccionar ningún idioma—;
- nunca un tercer idioma: una guía traducida solo a catalán se sigue viendo en español por un visitante en español.
Por eso los chips de idioma del editor marcan con ★ el default: ahí se escribe la base. Traducir con «Traducir automáticamente» rellena el resto.
Ver JSON y publicar
- { } Ver JSON: el formato interno que consume el agente — el mismo que produce el importador de Pendo.
- Guardar borrador / Staged (solo dominios de prueba) / Publicar (regenera el bundle: los usuarios lo reciben al recargar).
Consejos
- Máximo 5 pasos por tour; el resto, split en dos guías.
- El primer paso sin ancla (bienvenida global) y los siguientes anclados.
- Prueba siempre en Staged antes de publicar.