Creando nuestro primer Workflow: Usando una plantilla

En esta lección, ¡vamos a darle caña a N8n creando nuestro primer workflow! Un workflow es como una receta de cocina para tus automatizaciones, donde cada paso es un ingrediente o una acción.

Vamos a ver cómo empezar de cero y también cómo usar esas plantillas tan chulas que la comunidad comparte.

Paso 1: Buscando e importando nuestra primera plantilla

1. Primero, nos vamos a N8n y buscamos la sección de «Templates» (plantillas).
2. Ahí dentro, verás un montón de opciones que la comunidad ha creado. Nosotros vamos a buscar una que se llama «quickstart».
3. Una vez que la encuentres, haz clic en ella.
4. Ahora, para importarla a tu N8n, tienes dos opciones súper fáciles:
   • Opción 1 (la más sencilla): Haz clic en el botón verde y luego selecciona la opción de importación directa. ¡Y listo! Ya la tienes en tu N8n.
   • Opción 2: Si prefieres copiar el código tú mismo, pincha en la otra opción para copiar el código JSON. Luego, ve a tu N8n, crea un workflow nuevo y, dentro del canvas (el espacio de trabajo), simplemente pega el código con Ctrl+V (o Comando+V si usas Mac). ¡Así de fácil!

Paso 2: Conociendo el «Canvas» y sus elementos

¡Perfecto! Ya tenemos nuestro primer workflow importado. Ahora vamos a conocer las partes que lo componen:

• El Canvas: Imagina que el canvas es como tu pizarra o tu mesa de trabajo. Aquí es donde vas a ir colocando todos los «nodos» de tu automatización.
  • Nodos: Son esas cajitas que ves y representan aplicaciones o tareas específicas dentro de tu workflow. Cada nodo hace algo diferente (enviar un correo, guardar datos, etc.).
• Moverte por el Canvas:
  • Zoom: Puedes acercarte o alejarte usando las lupitas de + y -.
  • Centrar: Si te pierdes, haz clic en el botón del cuadrito para que el workflow se centre de nuevo en tu pantalla.
  • Arrastrar: ¿Quieres moverte por el canvas? Simplemente ponte encima, pulsa la barra espaciadora (verás que el cursor se convierte en una manita), haz clic y arrastra con el ratón.
  • Seleccionar y organizar: Si quieres mover varios nodos a la vez, mantén pulsado el botón del ratón, arrastra para crear un recuadro de selección, y luego podrás mover todos los nodos juntos. ¡Ideal para tenerlo todo bien organizado!

Paso 3: Tipos de Nodos: Triggers y Actions

Dentro de un workflow, te encontrarás con diferentes tipos de nodos:

1. Nodos «Trigger» (Disparadores): Son los que tienen un rayito. Estos nodos son el «inicio» de tu automatización. Indican qué tiene que ocurrir para que el workflow se ponga en marcha. Por ejemplo, en nuestra plantilla, el trigger se activa cuando hacemos clic en el botón «Test Workflow».
   • Test Workflow: Este botón ejecuta todo el workflow para que veas cómo funciona.
   • Cubo de basura: Si haces clic en él, se limpian los datos de las ejecuciones anteriores, ¡como si no hubiera pasado nada!
2. Nodos «Action» (Acciones): Son el resto de nodos y hacen «cosas» una vez que el trigger se ha activado. Estos nodos suelen ir de izquierda a derecha en el canvas.
   • Añadir nuevos nodos: Haz clic en el botón + para buscar y añadir nuevos nodos. Por ejemplo, si escribes «Gmail», te aparecerán un montón de opciones para interactuar con tu correo electrónico.

Paso 4: Notas y organización

¡Para que tu workflow sea fácil de entender (para ti y para los demás)!

• «Sticker» (Notas): Son como post-its virtuales. Haz clic en el icono de «Sticker» (parece una etiqueta) para añadir notas a tu canvas. Esto te ayuda a recordar qué hace cada parte de tu workflow o a dejar comentarios.
  • Puedes editar el texto de las notas haciendo doble clic.
  • Incluso puedes usar «Markdown» para dar formato al texto (negritas, cursivas, etc.). ¡Mira la guía para aprender cómo!
  • Puedes cambiar el color, copiar, duplicar o eliminar las notas.

Paso 5: Conectando los Nodos

Para que una automatización funcione, los nodos tienen que estar conectados:

• Flechas: Verás que los nodos se unen con flechas. Esto indica el camino que sigue la información en tu workflow.
• Insertar nodos en medio: Si quieres añadir un nodo entre dos ya conectados, simplemente haz clic en la flechita de conexión y te aparecerá la opción para insertar un nuevo nodo.

Paso 6: El Menú Contextual de los Nodos

Cuando pasas el ratón por encima de un nodo, verás un menú con varias opciones:

• Activar/Desactivar: Para que un nodo funcione o no.
• Eliminar: Para borrar el nodo.
• Abrir/Testear: Para ver y probar el funcionamiento interno del nodo.
• Cambiar nombre: ¡Esto es muy importante! Ponle nombres descriptivos a tus nodos para saber qué hacen de un vistazo.
• Copiar/Duplicar: Para clonar nodos.

Paso 7: Entendiendo un Nodo por Dentro

Cuando entramos en un nodo (haciendo clic en él), veremos tres cosas principales:

1. Datos de entrada: Es la información que recibe el nodo del nodo anterior.
2. Parámetros: Aquí es donde le dices al nodo qué hacer con esos datos. Cada nodo tiene parámetros diferentes.
3. Datos de salida: Es el resultado después de que el nodo ha procesado la información.

• Ejemplo práctico: Si hacemos un «Test» de un nodo, veremos los datos de salida. N8n nos los puede mostrar en diferentes formatos (esquema, tabla o JSON). ¡Todos los datos, tanto de entrada como de salida, son objetos JSON!

Paso 8: Trabajando con datos y variables (Set y Edit Fields)

Vamos a ver cómo manipular los datos entre nodos. En nuestra plantilla, tenemos un nodo que nos muestra datos como si fuera una base de datos, y luego otro nodo (Edit Fields) que «edita» o «prepara» esos datos.

• Edit Fields: Este nodo es como una fábrica de variables. Nos permite tomar datos del nodo anterior y guardarlos en nuevas variables con nombres que nosotros elegimos.
  • Creando una variable:
    1. Le das un nombre a tu variable (ej: customer_id).
    2. Le dices qué tipo de dato es (un texto, un número, etc. ¡Un «string» es texto!).
    3. Y lo más importante: le dices de dónde tiene que sacar la información. Puedes arrastrar el dato del nodo anterior.
    4. ¡Ojo! «Manual Mapping»: Siempre que arrastres datos, asegúrate de activar «Manual Mapping» para que N8n sepa que estás «mapeando» los datos manualmente.
    5. Verás que el dato se encierra entre llaves {{ }}. Esto significa que estás usando una «expresión JavaScript». ¡Esto es súper potente porque puedes escribir código JavaScript dentro si lo necesitas!
  • Puedes crear tantas variables como necesites. Por ejemplo, creamos customer_id, customer_name y customer_description.

Paso 9: Enviando mensajes personalizados (Send Customer Message)

Ahora que tenemos nuestras variables con la información organizada, ¡vamos a usarlas!

• Nodo «Send Customer Message»: Este nodo nos permite crear mensajes personalizados para cada uno de nuestros clientes.
  • Usando expresiones: Para el ID del cliente o el nombre, arrastramos nuestras variables del nodo anterior, ¡pero recuerda pasarlas como «expresión»!
  • Creando el mensaje: Puedes escribir un mensaje como «Hola {{customer_name}}, tu descripción es: {{customer_description}}». N8n se encargará de rellenar los datos por cada cliente.
  • ¡Magia de N8n!: Si tienes una lista de 5 clientes (5 «ítems» en un «array»), N8n es tan listo que no necesitas decirle que recorra la lista. Él solito enviará un mensaje a cada uno de los 5 clientes, ¡es una pasada!

Paso 10: «Pinning» de Datos (y para qué sirve)

Cuando estés probando tu workflow, a veces es útil «pinear» los datos de un nodo:

• Pin de datos: Si marcas un nodo con un «pin», N8n siempre usará los datos de ese nodo para las pruebas, aunque borres los datos de ejecuciones anteriores o no ejecutes todo el workflow desde el principio.
• ¿Cuándo usarlo?: Es muy útil para hacer pruebas específicas en una parte del workflow sin tener que ejecutarlo entero cada vez.

---

¡Y con esto, ya tenemos nuestro primer contacto con un workflow en N8n! Hemos visto cómo funciona el canvas, los nodos, cómo manejamos los datos y cómo podemos crear mensajes personalizados.

Espero que los conceptos hayan quedado súper claros. En el próximo vídeo, ¡seguiremos haciendo automatizaciones aún más chulas!

¡Nos vemos pronto y a ser felices!