Ús de l'editor de fluxos de treball a Shopify Flow

L'editor de fluxos de treball és una eina que et permet personalitzar i editar la funcionalitat dels teus fluxos de treball a Shopify Flow. L'editor de fluxos de treball té una interfície d'arrossegar i deixar anar que et permet organitzar i dissenyar els teus fluxos de treball en afegir-hi passos de diversos tipus en un format vertical, de dalt a baix.

El primer pas que pots afegir a un flux de treball amb l'editor de fluxos de treball sempre és un pas d'esdeveniment desencadenant. Després d'afegir l'esdeveniment desencadenant del flux de treball, pots utilitzar les icones + per afegir els passos de condició o d'acció que segueixen en la seqüència del flux de treball. Les fletxes connecten els diversos passos a l'editor de fluxos de treball i indiquen quins passos porten directament a altres passos, en funció de les condicions o de les accions que s'apliquin.

Tots els passos s'han de connectar com a mínim a un altre pas del flux de treball per funcionar. Pots afegir passos fora del flux de treball a qualsevol part de l'editor, però no s'inclouran en aquest flux tret que estiguin connectats a un altre pas per una fletxa. Cada pas només pot tenir 1 pas anterior, de manera que no s'admet que múltiples branques del flux de treball convergeixin cap a una sola ruta de passos.

Pots configurar els detalls dels passos de condició i acció mitjançant el panell de configuració de la part esquerra de l'editor de fluxos de treball. El panell de configuració només es mostra quan se selecciona un pas.

Obre un flux de treball a l'editor de fluxos de treball

A Shopify Flow, pots accedir a l'editor de fluxos de treball si en crees un de nou o fas clic en un d'existent i, a continuació, a Edita.

Passos:

  1. Al panell d'administració de Shopify, ves a Aplicacions > Flow.

  2. A la secció Fluxos de treball, fes una de les accions següents:

    • Per obrir l'editor per a un flux de treball buit nou, fes clic a Crea un flux de treball.
    • Per obrir l'editor per a un flux de treball existent, fes clic al flux de treball i, a continuació, a Edita.

Afegir un pas a un flux de treball

A l'editor de fluxos de treball, pots afegir un pas al flux de treball d'alguna de les maneres següents:

  • Passa el cursor per sobre de qualsevol pas existent i fes clic a la icona + per seleccionar un pas de condició o d'acció i afegir-lo com a connexió següent al flux de treball.
    • Els passos de condició tenen 2 icones +: una per a la ruta Cert quan es compleix la condició, i una altra per a la ruta Fals quan no es compleix.
    • El pas d'acció Iteració 'per a cada' (iterar) també té 2 icones +: una de Repeteix per a cada element, que et permet definir els passos que es produeixen per a cada element de la llista, i una altra de Després de l'últim element, que et permet definir els passos que es produeixen un cop es retorna el darrer element de la llista.
  • Fes clic a un espai buit a qualsevol lloc de l'editor de fluxos de treball. Si no hi ha cap esdeveniment desencadenant existent al flux de treball, el tauler de configuració mostrarà opcions de pas d'esdeveniment desencadenant. Si ja n'hi ha un d'existent al flux de treball, el tauler de configuració mostrarà opcions de pas d'acció.

Copiar i enganxar passos en un flux de treball

Crear fluxos de treball sovint implica tornar a crear passos que ja has configurat en un altre lloc. A l'editor de fluxos de treball, pots copiar un pas d'acció o de condició existent i enganxar-lo al mateix flux o a un de diferent en lloc de tornar-lo a crear des de zero. Flow conserva els valors dels camps de configuració del pas copiat i, per als passos de condició, la seva lògica; així, el pas enganxat està a punt per utilitzar-se amb només unes petites edicions.

Només pots copiar i enganxar un pas d'acció o de condició a la vegada. Els passos d'esdeveniment desencadenant no es poden copiar. Tampoc es poden copiar els passos que utilitzen una pàgina de configuració personalitzada, com ara Envia un correu electrònic de màrqueting.

Passos:

  1. Obre un flux de treball a l'editor de fluxos de treball.
  2. Fes clic al pas d'acció o de condició que vulguis copiar.
  3. Copia el pas prement ctrl + C en un PC o command + C en un Mac.
  4. Opcional: si vols enganxar el pas en un flux de treball diferent, obre'l a l'editor de fluxos de treball. El flux de treball de destinació ja ha de tenir un pas d'esdeveniment desencadenant.
  5. Enganxa el pas prement ctrl + V en un PC o command + V en un Mac. El pas enganxat s'afegeix prop del cursor. Si el cursor no és sobre l'editor, el pas enganxat s'afegeix al centre de l'editor.
  6. Connecta el pas a la resta del flux de treball abans d'activar-lo.

Connectar passos en un flux de treball

Tots els passos s'han de connectar a almenys 1 altre pas del flux de treball per funcionar. L'editor de fluxos de treball indica quins passos estan connectats entre ells per mitjà de fletxes direccionals. Per defecte, els fluxos de treball flueixen verticalment de dalt a baix a l'editor de fluxos de treball.

Quan afegeixes un pas al flux de treball des d'un altre pas mitjançant la icona +, el nou pas es connecta automàticament al pas anterior. També pots crear una connexió de manera manual entre passos fent clic i mantenint premut + al primer pas i arrossegant l'extrem de la fletxa fins al segon pas. Cada pas només pot tenir 1 connexió amb un pas anterior, de manera que no s'admet que diverses branques del flux de treball convergeixin de nou en una ruta d'un sol pas.

Pots eliminar una connexió entre passos passant el cursor per sobre de la fletxa que vols suprimir i, a continuació, fent clic a la icona Suprimeix.

Imatge de l'editor de fluxos de treball de Shopify Flow amb un flux de treball en procés. Es destaquen dues connexions de la ruta 'Cert' d'un pas de condicions, cadascuna apuntant a diferents passos d'accions a continuació. L'opció d'eliminar la connexió de la dreta es mostra amb una icona de paperera.

Organitzar els passos a l'editor de fluxos de treball

Pots arrossegar i deixar anar passos a l'editor de fluxos de treball per organitzar-ne manualment el disseny. Això et facilita fer el seguiment del flux de treball a mesura que el crees. Per defecte, els passos es connecten entre ells en un format de dalt a baix, però pots arrossegar i deixar anar passos a qualsevol lloc de l'editor de fluxos de treball sense trencar les connexions de les fletxes entre els passos.

Pots moure diversos passos alhora mantenint premuda la tecla Shift del teclat i fent clic als passos que vulguis seleccionar com a grup. Fes clic en qualsevol pas del quadre de grup gris i arrossega'l per moure de manera massiva els passos inclosos.

Pots restablir automàticament el disseny del flux de treball amb l'espaiat per defecte entre passos perquè sigui més fàcil de revisar. Fes clic a la icona Organitza el flux de treball i, a continuació, fes clic a Organitza el flux de treball per confirmar el restabliment.

Eliminar un pas d'un flux de treball

A l'editor de fluxos de treball, pots eliminar un pas del flux de treball si passes el cursor per sobre del pas que vols eliminar i fas clic a la icona Suprimeix del costat. L'eliminació d'un pas no es pot desfer.

Pots suprimir diversos passos alhora mantenint premuda la tecla Shift del teclat i fent clic als passos que vulguis seleccionar com a grup. Fes clic a la icona Suprimeix de sobre del quadre de grup gris per suprimir els passos de manera massiva.

Si suprimeixes un pas que en té d'altres de connectats, aquests romandran a l'editor de fluxos de treball, però es desconnectaran dels passos anteriors. Caldrà que tornis a connectar manualment els passos desconnectats per continuar utilitzant-los al flux de treball.

Utilitzar la barra d'eines de visualització de l'editor de fluxos de treball

Imatge de les icones de la barra d'eines de visualització a l'editor de fluxos de treball de Shopify Flow.

A la part inferior de l'editor de fluxos de treball, pots fer clic a qualsevol d'aquestes icones de la barra d'eines de visualització:

  • Utilitza Allunya o Apropa per allunyar o apropar la imatge del flux de treball.
  • Utilitza la icona Vista per defecte per centrar el teu flux de treball a l'àrea visible de l'editor de fluxos de treball, al nivell de zoom que mostri tot el flux de treball.
  • Fes servir Help per obrir la documentació del Centre d'ajuda de Shopify Flow en una pestanya nova del navegador.
  • Fes servir Arrange workflow per organitzar el disseny del flux de treball.

Ús del panell de configuració del pas a l'editor del flux de treball

Quan selecciones un pas, el panell de configuració es mostra a la part esquerra de l'editor del flux de treball. El panell de configuració conté els detalls del pas i és on pots personalitzar la funcionalitat de determinats passos, com ara configurar variables, assignar operadors lògics o afegir informació d'accions personalitzada segons el que vulguis que faci el pas.

Les opcions que es mostren al panell de configuració estan directament relacionades amb el tipus de pas que selecciones.

Imatge de l'editor del flux de treball de Shopify Flow, amb un flux de treball en curs. S'ha seleccionat i ressaltat a la imatge el panell de configuració per a un pas de condició.

Afegir o editar la descripció d'un pas

Pots editar la descripció de qualsevol pas de condició o d'acció des del panell de configuració. Fes clic a Add description o Edit description i escriu una descripció del pas amb les teves pròpies paraules. Això et pot ajudar a tu i als membres del personal a entendre què fa el flux de treball basant-se en la teva descripció. Pots suprimir tot el text del camp de descripció per restablir la descripció del pas.

Revisar un pas si falta contingut de configuració

Si a un pas li falten dades o detalls de configuració que afectin la seva capacitat per funcionar, es mostrarà un bàner amb el text Revisa a la part superior del pas. Fes clic al pas per obrir el panell de configuració i afegeix les dades que falten per suprimir el bàner Revisa. Llevat que s'indiqui que un camp és opcional, cal omplir-lo perquè el pas es consideri completament configurat.

Els passos també mostren un bàner Revisa quan no estan connectats a cap altre pas. Has de connectar el pas a un altre pas del flux de treball abans de poder continuar configurant els detalls del pas.

Imatge del pas d'acció 'Afegeix etiquetes a la comanda' de Shopify Flow. El pas mostra un bàner blau 'Revisa' i la descripció del pas diu:

Si no es resol un bàner Revisa abans d'intentar activar el flux de treball, el pas es mostrarà com un error i el flux de treball no s'activarà. Has de resoldre tots els errors de configuració d'un flux de treball perquè aquest es pugui activar.

Ús del quadre de diàleg "Afegeix una variable"

Al panell de configuració del pas, alguns camps tenen l'opció Afegeix una variable per afegir una variable al contingut de configuració. Els conjunts de dades que es mostren al quadre de diàleg Afegeix una variable depenen de les dades retornades per qualsevol pas previ del flux de treball. Per exemple, per defecte, el quadre de diàleg Afegeix una variable es mostra amb les opcions següents:

  • Una barra de cerca per buscar variables per nom o descripció.
  • Els conjunts de dades variables per defecte que retorna l'esdeveniment desencadenant del flux de treball, que generalment inclouen les opcions següents:
    • Variables shop, que són globals per a la teva botiga.
    • Almenys un altre tipus, basat en l'esdeveniment desencadenant del flux de treball.

Imatge del quadre de diàleg 'Afegeix una variable' de Shopify Flow. L'esdeveniment desencadenant d'exemple mostrat és 'Comanda creada' i els dos conjunts de dades disponibles al quadre de diàleg són 'order' i 'shop'.

Tanmateix, si afegeixes passos al flux de treball que retornin dades addicionals, com ara les accions Obtén dades o Executa codi, llavors es mostraran conjunts de dades variables addicionals al quadre de diàleg per seleccionar per a qualsevol pas que provingui més endavant a la branca del flux de treball, perquè en aquell moment hi haurà dades addicionals disponibles. Les dades retornades més recents es mostren primer.

Imatge del quadre de diàleg 'Afegeix una variable' de Shopify Flow amb opcions de conjunt de dades addicionals. Es mostren tres fonts de dades disponibles: 'Executa codi', que retorna dades runCode; 'Obtén dades del client', que retorna dades getCustomerData; 'Comanda creada', que retorna dades d'order i shop.

Pots anar a variables específiques fent clic per les diverses opcions de variable. Algunes variables tenen opcions imbricades i un símbol > per indicar que hi ha subopcions a la ruta de l'API de la variable. Quan arribis al final de la ruta de l'API de la variable, la variable no tindrà l'opció > i mostrarà una etiqueta del tipus de contingut de la variable, com ara String, Boolean, DateTime o Int, per indicar la mena d'informació que retorna.