Workflow automatyzacji
Workflow to zautomatyzowany łańcuch akcji, który wysyła emaile w odpowiedzi na triggery i zachowania użytkowników.Czym jest workflow?
Workflow = Trigger + Warunki + AkcjeTypy workflow
Welcome Series
Seria emaili powitalnych dla nowych kontaktówTrigger: CONTACT_CREATED
Drip Campaign
Edukacyjna seria z określonymi interwałamiTrigger: TAG_ADDED “Lead”
Abandoned Cart
Przypomnienie o porzuconym koszykuTrigger: CUSTOM_EVENT “cart_abandoned”
Re-engagement
Win-back nieaktywnych kontaktówTrigger: Brak otwarć przez 90 dni
Flow Builder: Wizualny edytor workflow
Mailist oferuje wizualny Flow Builder (oparty na @foblex/flow) - intuicyjny edytor drag & drop do tworzenia skomplikowanych automatyzacji bez pisania kodu.Interfejs Flow Builder
- Palette (lewy panel) - biblioteka dostępnych węzłów
- Canvas (środek) - płótno robocze z grid background
- Settings (prawy panel) - konfiguracja wybranego węzła
- Top bar - nazwa workflow, zapisz, anuluj
- Action bar - zoom, fit to screen, select all
Tworzenie workflow krok po kroku
1
Utwórz nowy workflow
Automatyzacja → + Nowy workflowOtworzy się Flow Builder z pustym canvas i gridowym tłem.
2
Dodaj węzeł Trigger
Z palety (lewy panel):
- Subscriber Joins Group
- Email Opened
- Unsubscribed
Przeciągnij węzeł 👥 Subscriber Joins Group na canvas.Konfiguracja (prawy panel):Use case: Welcome series dla nowych subskrybentów
Plan FREE: Maksymalnie 1 trigger na workflow.
Plan STANDARD/PRO: Unlimited triggers (multi-trigger workflows).
3
Połącz z akcją Send Email
Dodaj węzeł Send Email:Wizualizacja połączenia:
- Przeciągnij ✉️ Send Email z palety na canvas
- Połącz węzły: Kliknij output triggera (kółko na dole) i przeciągnij do input Send Email (kółko na górze)
4
Dodaj Wait (opóźnienie)
Przeciągnij węzeł ⏰ Wait:Połącz: Send Email → Wait → (kolejna akcja)
5
Dodaj Condition (rozgałęzienie)
Przeciągnij węzeł ❓ Condition:Workflow z rozgałęzieniem:Połącz węzły:
- Condition output “YES” (zielony) → Send Email “Onboarding #2”
- Condition output “NO” (czerwony) → Send Email “Re-engagement”
6
Zapisz i aktywuj
- Edytuj nazwę: Kliknij tytuł “New Automation” → wpisz “Welcome Series”
- Zapisz: Kliknij przycisk 💾 Save (top right)
- Aktywuj: Wróć do listy automatyzacji → Aktywuj workflow
- Draft - Zapisany, nieaktywny
- Active - Działa dla nowych triggerów
- Paused - Wstrzymany (nie wyzwala się)
Dostępne węzły (Palette)
Triggers (Wyzwalacze)
- Subscriber Joins Group
- Email Opened
- Unsubscribed
👥 Subscriber Joins GroupOpis: Wyzwala się gdy kontakt zostaje dodany do wybranej grupy.Konfiguracja:
- Group: Wybierz grupę z listy
- Welcome series dla nowych subskrybentów
- Onboarding po zapisaniu się na webinar
- Lead nurturing dla nowych leadów
Actions (Akcje)
- ✉️ Send Email
- ⏰ Wait
- ❓ Condition
Send Email - Wyślij email do kontaktuKonfiguracja:Przykład użycia:
Mailist automatycznie dodaje link unsubscribe i tracking pixel do każdego emaila.
Dodatkowe węzły (w planach rozwojowych)
Poniższe węzły są zakomentowane w kodzie i będą udostępnione w przyszłych wersjach:
| Węzeł | Status | Planowane |
|---|---|---|
| Add Tag | Commented | Q1 2025 |
| Remove Tag | Commented | Q1 2025 |
| Add to Group | Commented | Q1 2025 |
| Remove from Group | Commented | Q1 2025 |
| Update Field | Planned | Q2 2025 |
| Webhook | Planned | Q2 2025 |
| A/B Split | Planned | Q2 2025 |
Funkcje Flow Builder
Nawigacja i zoom
🔍 Zoom In/Out
Skróty klawiszowe:
- Cmd/Ctrl + Plus - Zoom in
- Cmd/Ctrl + Minus - Zoom out
- Scroll - Płynny zoom
⊞ Fit to Screen
Automatycznie dopasuj widok aby wszystkie węzły były widoczne.Użyj gdy:
- Masz duży workflow (10+ węzłów)
- Zgubiłeś się na canvas
- Chcesz zobaczyć całość
⊗ Select All
Zaznacz wszystkie węzły i połączenia.Skrót: Cmd/Ctrl + AUse case:
- Usunięcie całego workflow
- Kopiowanie struktury
🖱️ Pan (przesuwanie)
Przesuwaj canvas przeciągając tło.Metody:
- Kliknij i przeciągnij tło (grid)
- Spacebar + przeciągnij (Mac convention)
- Środkowy przycisk myszy
Zaznaczanie i edycja
1
Zaznacz węzeł
Kliknij węzeł → Prawy panel pokaże ustawieniaMulti-select:
- Cmd/Ctrl + Click - Dodaj do zaznaczenia
- Shift + Click - Zaznacz zakres
2
Przesuń węzły
Przeciągnij węzeł aby zmienić pozycjęMulti-move:
- Zaznacz wiele węzłów
- Przeciągnij jeden z nich
- Wszystkie przesuwają się razem
3
Usuń węzły/połączenia
Zaznacz → Delete/BackspaceUsunięcie węzła:
- Usuwa również wszystkie połączenia do/z tego węzła
- Kliknij connection line → Delete
- Lub kliknij “X” na output węzła
4
Reconnect (przepięcie)
Przeciągnij połączenie z jednego output do innego input.Use case: Zmiana kolejności akcji bez usuwania węzłów
Grid background i alignment
Grid: 20px × 20px grid ułatwia wyrównanie węzłów. Visual alignment:Zachowywanie i ładowanie workflow
Format zapisu (flowData)
Mailist zapisuje workflow jako JSON w formacie IFlowState:id- Unikalny GUID węzłatype- NodeType enum (SEND_EMAIL, WAIT, CONDITION, etc.)position- Pozycja na canvas (x, y)input- ID input connection point (dla węzłów z input)outputs- Array output connection points (dla węzłów z outputs)data- Konfiguracja specyficzna dla typu węzła
id- Unikalny ID połączeniafrom- ID output węzła źródłowegoto- ID input węzła docelowego
Przykład: Welcome Series
Najlepsze praktyki
Testuj na sobie
Testuj na sobie
Zanim aktywujesz workflow dla wszystkich:
- Dodaj swój email jako testowy kontakt
- Wyzwól trigger (np. zapisz się na listę)
- Sprawdź czy emaile przychodzą w dobrych odstępach
- Zweryfikuj personalizację i linki
Nie spamuj
Nie spamuj
Exit condition
Exit condition
Zawsze daj możliwość wyjścia z workflow:
Analityka workflow
Po aktywacji sprawdzaj:Konwersja
% kontaktów, które przeszły przez cały workflow
Drop-off points
W którym miejscu ludzie przestają otwierać
Czas do konwersji
Ile czasu od triggera do celu
Najlepsze emaile
Które emaile mają najwyższy open/click rate
