# Más que tests: lógica de negocio sobre tu web. > Un workflow en Bixlow es un modelo declarativo por nodos que combina variables (estado), acciones (JavaScript propio), bindings (cómo el estado se refleja en la página) y triggers (los eventos que ejecutan las acciones), y que se inyecta en la web en tiempo de ejecución. - Source: https://bixlow.com/es/platform/workflows - Language: es - Publisher: Bixlow Un workflow describe qué estado importa, qué se ejecuta, cuándo y cómo se refleja en la página. El agente lo construye, tú lo lees en un lienzo de nodos y todo funciona sin tocar el theme. - **Modelo:** Declarativo, por nodos - **Piezas:** Variables, acciones, bindings, triggers - **Reutilización:** Snippets con historial - **Seguridad:** Versiones y protección contra ciclos ## Cuando un cambio deja de ser «cambiar un texto» Un umbral de envío gratis que se actualiza con el carrito o un formulario por pasos ya no caben en un editor de textos. Y tampoco deberían acabar en el theme. ### Los scripts sueltos se acumulan Cada campaña deja un fragmento de JavaScript en el gestor de etiquetas. Nadie sabe qué hace cada uno ni si se puede quitar. ### La lógica acaba en el theme Lo que empezó como una prueba se queda dentro del código de la web, y deshacerlo vuelve a necesitar un developer. ### Los editores visuales se quedan cortos Sirven para cambiar un color o un titular, pero no para que algo reaccione al estado de la sesión, a la URL o a lo que hace el visitante. ### Cada agencia rehace lo mismo El mismo contador o la misma barra se programa de cero en cada cliente, sin una pieza reutilizable que mantener. ## Cómo se construye un workflow Cuatro piezas, conectadas en un lienzo. El agente las monta a partir de lo que le pides y tú puedes abrir y editar cualquiera. 1. **Define el estado.** Las variables guardan lo que importa: un dato de la sesión, del almacenamiento del navegador, de la URL o derivado de otras variables. 2. **Escribe la lógica.** Las acciones son JavaScript propio: lo que pasa cuando algo ocurre. El agente las escribe y tú puedes leerlas y editarlas. 3. **Refléjalo en la página.** Los bindings conectan el estado con el contenido, los atributos, las clases, los estilos, src, href, la visibilidad o la repetición de un elemento. 4. **Decide cuándo se ejecuta.** Los triggers disparan las acciones: al cargar la página, con un evento del DOM, cuando cambia una variable o cuando termina otra acción. ## Un modelo pensado para mantenerse Lo difícil no es que algo funcione el primer día, sino que se pueda leer, reutilizar y quitar meses después. ### Modelo declarativo: Estado, lógica y presentación separados Cada pieza tiene un papel claro, así que se entiende qué hace un workflow sin leer todo su código. - Variables de sesión, almacenamiento, URL y derivadas. - Bindings de contenido, atributos, clases, estilos, src, href, visibilidad y repetición. - Triggers por carga, eventos del DOM, cambio de variable o acción terminada. ### Snippets: Piezas reutilizables con historial Lo que construyes una vez se guarda como snippet y se reutiliza en otros workflows, con su propio historial de cambios. - Un mismo componente para varias páginas o campañas. - Historial por snippet. - Disponibles en los planes de pago. ### Versiones: Cada cambio, con vuelta atrás El workflow se guarda solo, mantiene el historial de versiones y bloquea el borrador mientras alguien lo edita. - Historial de versiones con restauración. - Autoguardado y bloqueo de edición. - Detener un workflow quita el cambio en la siguiente carga. ### Protección: Sin bucles que cuelguen la web Las cadenas de acciones están protegidas contra ciclos, para que una acción que se llama a sí misma no bloquee la página de tus visitantes. - Una cadena de acciones no puede volver sobre sí misma. - El script falla en silencio si algo va mal. - Para llamar a un servidor, se conecta con Bixlow Functions. ## El agente monta el workflow; tú lo puedes leer entero No necesitas dibujar los nodos a mano. Describes lo que quieres y el agente crea las variables, las acciones, los bindings y los triggers, y los conecta. ### Tú decides - Qué tiene que pasar y en qué páginas. - Qué partes quieres revisar o editar a mano. - Qué piezas se guardan como snippet para reutilizarlas. - Publicar: nada llega a tu web sin tu aprobación. ### El agente hace - Crea las variables, acciones, bindings y triggers. - Conecta una acción nueva al trigger que ya existe, sin duplicarlo. - Escribe el JavaScript de las acciones. - Construye los componentes HTML con la estética de tu marca. ### Un workflow en Bixlow - **Objetivo:** Barra de envío gratis que se actualiza con el carrito - **Variable:** cart_total (derivada) - **Acción:** updateShippingBar - **Binding:** Texto y visibilidad de la barra - **Trigger:** Clic en «Añadir al carrito» ## Bixlow Studio: ¿Necesitas algo que vaya más allá de un cambio? Bixlow Studio usa los mismos workflows para construir funcionalidades a medida sobre tu web, sin tocar tu theme: ingenieros que las construyen y un estratega que las revisa. - Componentes y lógica a medida sobre tu web. - Integraciones con tu CRM, pagos o email vía Functions. - Snippets reutilizables para tus campañas recurrentes. ## FAQ ### ¿Necesito saber programar para usar los workflows? No. El agente construye el workflow a partir de lo que le pides. Si sabes programar, puedes abrir cualquier nodo, leer su código y editarlo. ### ¿En qué se diferencia de pegar un script en Google Tag Manager? Un workflow separa estado, lógica y presentación, tiene historial de versiones y se puede detener: el cambio desaparece en la siguiente carga. Un script suelto no tiene nada de eso. ### ¿Los workflows modifican mi theme? No. Se inyectan en la página en tiempo de ejecución. Tu theme no se toca y deshacer un cambio es detener el workflow. ### ¿Qué pasa si una acción se llama a sí misma? Las cadenas de acciones están protegidas contra ciclos, así que un bucle no llega a colgar la página de tus visitantes. ### ¿Puede un workflow llamar a mi servidor o a una API? Sí, con Bixlow Functions: código de servidor con secretos cifrados que los workflows pueden llamar. Están en el plan Premium. ## Tu primer workflow, hoy Instala el script, cuéntale al agente qué tiene que pasar en tu web y revisa los nodos antes de publicar.