Korzystanie z edytora workflow w Shopify Flow

Edytor procesów roboczych to narzędzie, które pozwala dostosowywać i edytować funkcjonalność procesów roboczych w aplikacji Shopify Flow. Edytor procesów roboczych to obszar roboczy typu „przeciągnij i upuść”, który pozwala dodawać, organizować i projektować procesy robocze poprzez dodawanie kroków różnego typu w formacie pionowym, od góry do dołu.

Ostrzeżenie

Wszystkie istniejące procesy robocze utworzone przed 10 grudnia 2025 r. zachowują starszy format od lewej do prawej. W styczniu 2026 r. wszystkie procesy robocze zostaną zaktualizowane do formatu od góry do dołu. Jeśli chcesz zaktualizować istniejące procesy robocze w formacie od lewej do prawej, aby używały formatu pionowego przed styczniem 2026 r., możesz automatycznie zmienić układ procesu roboczego w obszarze roboczym na format od góry do dołu. Tej czynności nie można cofnąć.

Pierwszym krokiem, który możesz dodać do procesu roboczego za pomocą edytora, jest zawsze krok wyzwalacza. Po dodaniu wyzwalacza procesu roboczego możesz za pomocą ikon + dodać kroki warunku lub akcji, które wystąpią w następnej kolejności. Strzałki łączą poszczególne kroki w obszarze roboczym edytora i wskazują, które kroki prowadzą bezpośrednio do innych w zależności od spełnionych warunków lub wykonanych akcji.

Aby proces roboczy działał, wszystkie jego kroki muszą być połączone z co najmniej jednym innym krokiem. Możesz dodawać kroki poza procesem roboczym w dowolnym miejscu w obszarze roboczym edytora, ale nie będą one częścią procesu roboczego, dopóki nie zostaną połączone z innym krokiem za pomocą strzałki. Każdy krok może mieć tylko jeden krok poprzedzający, więc łączenie wielu gałęzi procesu roboczego z powrotem w jedną ścieżkę nie jest obsługiwane.

Możesz skonfigurować szczegóły kroków warunku i akcji za pomocą panelu konfiguracji po lewej stronie edytora procesów roboczych. Panel konfiguracji jest wyświetlany tylko po wybraniu kroku.

Wskazówka

Możesz dodać notatkę do przepływu pracy w edytorze przepływu pracy. Notatki pozwalają na zapisywanie informacji o przepływie pracy własnymi słowami.

Otwieranie procesu roboczego w edytorze procesów roboczych

W Shopify Flow możesz uzyskać dostęp do edytora procesów roboczych, tworząc nowy proces roboczy, lub kliknąć dowolny istniejący proces roboczy, a następnie kliknąć opcję Edytuj.

Kroki:

1. Z panelu administracyjnego Shopify przejdź do opcji Aplikacje > Flow.

2. W sekcji Procesy robocze wykonaj jedną z następujących czynności:

   • Aby otworzyć edytor dla nowego pustego procesu roboczego, kliknij opcję Utwórz proces roboczy.
   • Aby otworzyć edytor dla istniejącego procesu roboczego, kliknij proces roboczy, a następnie kliknij opcję Edytuj.

Dodawanie kroku do workflowu

W edytorze procesów roboczych możesz dodać krok do obszaru roboczego procesu na jeden z następujących sposobów:

• Najedź kursorem na dowolny istniejący krok i kliknij + ikonę, aby wybrać krok warunku lub akcji do dodania jako następne połączenie w procesie roboczym.
  • Kroki warunku mają 2 ikony +: jedną dla ścieżki Prawda, gdy warunek jest spełniony, i jedną dla ścieżki Fałsz, gdy warunek nie jest spełniony.
  • Krok akcji Pętla For each (iteracja) również ma 2 ikony +: jedną dla opcji Powtórz dla każdej pozycji, która pozwala zdefiniować kroki wykonywane dla każdej pozycji na liście, i jedną dla opcji Po ostatniej pozycji, która pozwala zdefiniować kroki wykonywane po zwróceniu ostatniej pozycji na liście.
• Kliknij puste miejsce w dowolnym punkcie obszaru roboczego procesu. Jeśli w obszarze roboczym nie ma istniejącego wyzwalacza, w panelu konfiguracji wyświetlane są opcje kroku wyzwalacza. Jeśli w obszarze roboczym znajduje się istniejący wyzwalacz, w panelu konfiguracji wyświetlane są opcje kroku akcji.

Łączenie kroków w procesie roboczym

Aby proces roboczy działał, wszystkie jego kroki muszą być połączone z co najmniej jednym innym krokiem. Edytor procesów roboczych wskazuje, które kroki łączą się ze sobą za pomocą strzałek kierunkowych. Domyślnie procesy robocze przepływają pionowo od góry do dołu w obszarze roboczym.

Gdy dodajesz krok do procesu roboczego z innego kroku za pomocą ikony +, nowy krok automatycznie łączy się z krokiem poprzedzającym. Możesz również ręcznie utworzyć połączenie między krokami, klikając i przytrzymując + na pierwszym kroku i przeciągając koniec strzałki do drugiego kroku. Każdy krok może mieć tylko jedno połączenie z krokiem poprzedzającym, więc łączenie wielu gałęzi procesu roboczego z powrotem w jedną ścieżkę nie jest obsługiwane.

Możesz usunąć połączenie między krokami, najeżdżając kursorem na strzałkę, którą chcesz usunąć, a następnie klikając ikonę .

Rozmieszczanie kroków w obszarze roboczym procesu roboczego

Możesz użyć obszaru roboczego edytora procesów roboczych typu „przeciągnij i upuść”, aby ręcznie zorganizować sposób wyświetlania procesu roboczego. Ułatwia to śledzenie procesu roboczego podczas jego tworzenia. Domyślnie kroki łączą się ze sobą w formacie od góry do dołu, ale możesz przeciągać i upuszczać kroki w dowolnym miejscu w obszarze roboczym bez zrywania połączeń między krokami.

Możesz przenieść wiele kroków jednocześnie, przytrzymując klawisz Shift na klawiaturze, a następnie klikając kroki, które chcesz wybrać jako grupę. Kliknij i przeciągnij dowolny krok w szarym polu grupy, aby przenieść wszystkie zawarte w nim kroki.

Możesz automatycznie zresetować układ procesu roboczego z domyślnymi odstępami między krokami, aby ułatwić jego przeglądanie. Kliknij ikonę , a następnie kliknij opcję Uporządkuj proces roboczy, aby potwierdzić reset.

Ostrzeżenie

Jeśli automatycznie zresetujesz istniejący proces roboczy, który używa starszego formatu od lewej do prawej, jego układ zostanie zaktualizowany do formatu od góry do dołu. Tej czynności nie można cofnąć.

Usuwanie kroku z procesu roboczego

W edytorze procesów roboczych możesz usunąć krok z procesu, najeżdżając kursorem na krok, który chcesz usunąć, a następnie klikając ikonę obok niego. Usunięcia kroku nie można cofnąć.

Możesz usunąć wiele kroków jednocześnie, przytrzymując klawisz Shift na klawiaturze, a następnie klikając kroki, które chcesz wybrać jako grupę. Kliknij ikonę nad szarym polem grupy, aby usunąć wszystkie kroki.

Jeśli usuniesz krok, do którego są podłączone inne kroki, to pozostaną one na kanwie procesu, ale zostaną odłączone od poprzednich kroków. Musisz ręcznie ponownie podłączyć odłączone kroki, aby móc dalej z nich korzystać w procesie.

Korzystanie z paska narzędzi widoku edytora procesów

U dołu edytora procesów możesz kliknąć dowolną z następujących ikon na pasku narzędzi widoku:

• Użyj ikony lub , aby pomniejszyć lub powiększyć widok procesu.
• Użyj ikony , aby wyśrodkować proces na środku widocznej kanwy przy poziomie powiększenia, który wyświetla cały proces.
• Użyj ikony , aby uruchomić dokumentację Centrum pomocy dla Shopify Flow w nowej karcie przeglądarki.
• Użyj ikony , aby rozmieścić układ procesu.

Korzystanie z panelu konfiguracji kroku w edytorze procesów

Po wybraniu kroku po lewej stronie edytora procesów wyświetlany jest panel konfiguracji. Panel konfiguracji zawiera szczegóły kroku i umożliwia dostosowanie funkcjonalności poszczególnych kroków, np. ustawienie zmiennych, przypisanie operatorów logicznych lub dodanie niestandardowych informacji o akcji, w zależności od tego, co dany krok ma robić.

Opcje wyświetlane w panelu konfiguracji są bezpośrednio powiązane z typem wybranego kroku.

Dodawanie lub edytowanie opisu kroku

Możesz edytować opis dowolnego kroku warunku lub akcji z panelu konfiguracji. Kliknij opcję Dodaj opis lub Edytuj opis i wprowadź opis kroku własnymi słowami. Może to pomóc Tobie i Twoim pracownikom w interpretacji działania procesu na podstawie własnego opisu. Możesz usunąć cały tekst z pola opisu, aby zresetować opis kroku.

Weryfikacja kroku pod kątem brakującej zawartości konfiguracji

Jeśli w kroku brakuje danych lub szczegółów konfiguracji, które mają wpływ na jego działanie, u góry kroku zostanie wyświetlony baner Sprawdź. Kliknij krok, aby otworzyć panel konfiguracji i dodać brakujące dane w celu usunięcia banera Sprawdź. O ile pole nie jest oznaczone jako opcjonalne, musi zostać wypełnione, aby krok został uznany za w pełni skonfigurowany.

Kroki wyświetlają również baner Sprawdź, gdy nie są połączone z żadnymi innymi krokami. Musisz połączyć krok z innym krokiem w procesie, zanim będzie można kontynuować konfigurowanie jego szczegółów.

Jeśli problem wskazany na banerze Sprawdź nie zostanie rozwiązany przed próbą aktywacji procesu, krok zostanie oznaczony jako błąd, a proces nie zostanie aktywowany. Musisz rozwiązać wszystkie błędy konfiguracji w procesie, zanim będzie można go aktywować.

Korzystanie z okna dialogowego „Dodaj zmienną”

W panelu konfiguracji kroku niektóre pola mają opcję Dodaj zmienną umożliwiającą dodanie zmiennej do zawartości konfiguracji. Zbiory danych wyświetlane w oknie dialogowym Dodaj zmienną zależą od danych zwróconych przez poprzedni krok w procesie. Domyślnie na przykład okno dialogowe Dodaj zmienną wyświetla się z następującymi opcjami:

• Pasek wyszukiwania do wyszukiwania zmiennych według nazwy lub opisu.
• Domyślne zbiory danych zmiennych zwracane przez wyzwalacz procesu, które zazwyczaj obejmują następujące opcje:
  • zmienne shop, które są globalne dla Twojego sklepu.
  • Co najmniej 1 inny typ, w zależności od wyzwalacza procesu.

Jeśli jednak dodasz do procesu kroki, które zwracają dodatkowe dane, takie jak akcje Pobierz dane lub Uruchom kod, w oknie dialogowym zostaną wyświetlone dodatkowe zestawy danych zmiennych do wyboru dla każdego kroku, który następuje później w gałęzi procesu, ponieważ dodatkowe dane są teraz dostępne w tym punkcie procesu. Najnowsze zwrócone dane są wyświetlane jako pierwsze.

Możesz nawigować do określonych zmiennych, klikając różne opcje zmiennych. Niektóre zmienne mają opcje zagnieżdżone i są oznaczone symbolem >, który wskazuje, że w tej ścieżce API zmiennej znajdują się opcje podrzędne. Gdy dojdziesz do końca ścieżki API zmiennej, zmienna nie będzie miała opcji > i wyświetli identyfikator typu zawartości zmiennej, taki jak String, Boolean, DateTime lub Int, aby wskazać, jaki rodzaj informacji jest zwracany przez zmienną.

Wskazówka

Aby dowiedzieć się więcej o dowolnym elemencie zmiennej, najedź na nią kursorem i kliknij ikonę , aby otworzyć odpowiedni artykuł w dokumentacji Shopify Dev Docs.