Hvad denne skærm gør
Dette er den visuelle bygger, hvor du designer trinene i en arbejdsgangsskabelon. Tænk på det som et flowdiagram-værktøj — du trækker og forbinder blokke (kaldet “noder”) for at beskrive, hvad der skal ske automatisk, når en arbejdsgang udløses. For eksempel kunne du bygge en arbejdsgang, der sender en velkomst-e-mail tre dage efter, at et nyt medlem tilmelder sig. Hver blok repræsenterer en handling, en betingelse eller et stykke information, og linjerne mellem dem viser den rækkefølge, tingene sker i.
Sådan kommer du hertil
Åbn kontrolpanelet.
I menuen til venstre, klik på Arbejdsgangsskabeloner.
Klik på en eksisterende arbejdsgangsskabelon for at åbne den, eller opret en ny.
Du er nu på Arbejdsgangsskabelon Bygger-skærmen.
Trin-for-trin vejledning
1. Forstå layoutet
Skærmen er delt i to områder, når du er i redigeringstilstand:
Venstre side (lærred): Et stort interaktivt flowdiagramområde, hvor dine arbejdsgangsnoder og forbindelser vises.
Højre side (nodepanel): Et sidepanel, der lister alle nodetyper, du kan tilføje til din arbejdsgang.
Hvis du ikke er i redigeringstilstand, optager lærredet hele bredden, og nodepanelet er skjult. Du kan kun se arbejdsgangen, ikke ændre den.
2. Naviger på lærredet
Panorér: Klik og træk på et tomt område af lærredet for at flytte rundt.
Zoom: Brug scrollhjulet eller + / −-knapperne på kontroloverlayet (nederst til venstre på lærredet) for at zoome ind og ud.
Tilpas visning: Klik på tilpas visning-knappen på kontroloverlayet for automatisk at zoome og centrere, så alle noder er synlige.
Lærredets baggrund er en neutral farve for at hjælpe dine noder med at skille sig ud.
3. Gennemse tilgængelige nodetyper
Højre panel organiserer noder i sammenklappelige kategorier. Klik på en kategorioverskrift for at udvide eller sammenfolde den. De tilgængelige nodetyper inkluderer:
Nodetype | Hvad den gør |
Trigger | Startpunktet for en arbejdsgang. Definerer, hvilken begivenhed der starter tingene (f.eks. et nyt medlem tilmelder sig). |
Enkel | Et simpelt handlingstrin uden ekstra konfiguration. |
Tekst | Et trin, der inkluderer en tekstværdi, du kan tilpasse. |
Dobbelt tekst | Et trin med to tekstfelter til mere detaljeret konfiguration. |
Tal | Et trin, der kræver en numerisk værdi (f.eks. “vent 3 dage”). |
Dag | Et trin, der lader dig vælge en ugedag. |
Tid | Et trin, der lader dig angive et specifikt tidspunkt. |
Enkelt valg | Et trin, hvor du vælger én mulighed fra en rulleliste. |
Autofuldførelse | Et trin med en søgbar rulleliste til valg af en værdi. |
Multipel autofuldførelse | Som Autofuldførelse, men du kan vælge mere end én værdi. |
Modtager-autofuldførelse | En søgbar rulleliste specifikt til valg af, hvem der modtager noget (f.eks. en e-mailmodtager). |
Webhook | Et trin, der kalder en ekstern URL, når det nås. |
Pladsholder | Et tomt trin, du kan bruge som pladsholder under design. |
4. Tilføj en node til lærredet
I højre panel, find den nodetype, du ønsker.
Klik på nodeindgangen på listen.
Den nye node vises på lærredet, klar til at blive positioneret og konfigureret.
Nodegrænse: Du kan tilføje op til 50 noder pr. arbejdsgangsskabelon. Hvis du prøver at tilføje flere, vises en advarselsdialog, der fortæller dig, at grænsen er nået.
5. Konfigurer en node
Klik på en node på lærredet for at vælge den.
Afhængigt af nodetypen vil du se felter at udfylde direkte på noden (såsom tekstindtastninger, rullelister, talfelter eller tidsvælgere).
Udfyld de påkrævede oplysninger for hver node. Felterne ændrer sig baseret på nodetypen (se tabellen i trin 3).
6. Forbind noder
Hver node har små forbindelseshåndtag (prikker på kanterne af noden).
For at forbinde to noder, klik og træk fra den ene nodes håndtag til den anden nodes håndtag.
En linje (kant) vises mellem dem med en animeret stiplet stil for at vise flowretningen.
Forbindelser fortæller systemet den rækkefølge, trinene skal udføres i.
7. Omarranger noder
Klik og træk en vilkårlig node for at flytte den til en ny position på lærredet.
Forbindelserne (kanterne) følger automatisk med.
Arranger dine noder, så flowet læses logisk fra top til bund eller venstre mod højre.
8. Slet en node eller forbindelse
Klik på en node eller kant for at vælge den.
Tryk på Delete- eller Backspace-tasten på dit tastatur.
Bemærkning: Nogle noder er markeret som ikke-sletbare (for eksempel hovedtrigger-noden). Hvis du prøver at slette en af disse, sker der ingenting — systemet beskytter essentielle dele af din arbejdsgang.
9. Gem din arbejdsgang
Ændringer til noder og forbindelser synkroniseres automatisk til systemet, mens du arbejder.
Hver gang du tilføjer, flytter, redigerer eller forbinder en node, gemmes den opdaterede tilstand i baggrunden.
Der er ingen separat “Gem”-knap på byggelærredet — dit arbejde bevares i realtid.
Hvad der sker bag kulisserne
Du tilføjer, flytter eller redigerer en node på lærredet
|
v
React-tilstand opdateres med de nye node/kant-data
|
v
Ændringsdetektering sammenligner lærredstilstand med gemt skabelon
|
v
Hvis forskelle findes:
Redux-handling: setNodes({ nodes }) eller setEdges({ edges })
|
v
Skabelontilstand i Redux-butikken opdateres
|
v
Forældrekomponent (rediger/opret-visning) kan gemme
den opdaterede skabelon til serveren
|
v
Lærredet gengengives med den seneste tilstand---Du forbinder to noder:
|
v
onConnect udløses med den nye forbindelse
|
v
Ny kant tilføjes til kant-arrayet
|
v
Redux-handling: setEdges({ edges })
|
v
Animeret kant vises på lærredet
Fejlfinding
“Jeg kan ikke tilføje flere noder til lærredet”
Byggeren har en grænse på 50 noder pr. arbejdsgangsskabelon.
Hvis du har nået denne grænse, vises en advarselsdialog, når du prøver at tilføje en ny node.
For at fortsætte, slet noder du ikke længere har brug for, eller forenkl din arbejdsgang ved at kombinere trin.
“Højre panel med nodetyper vises ikke”
Nodepanelet vises kun, når byggeren er i redigeringstilstand.
Hvis du åbnede arbejdsgangen i en skrivebeskyttet eller forhåndsvisningstilstand, vil panelet være skjult.
Gå tilbage til arbejdsgangsskabelonlisten og åbn skabelonen til redigering.
“Jeg kan ikke slette en node”
Nogle noder er beskyttede og kan ikke slettes (for eksempel trigger-noden i starten af arbejdsgangen).
Dette er bevidst — hver arbejdsgang har brug for mindst et startpunkt.
Hvis du vil ændre triggeren, rediger noden i stedet for at slette den.
“Mine forbindelser (linjer) forsvandt efter genindlæsning”
Node- og kantændringer synkroniseres til Redux-butikken i realtid, men de skal gemmes til serveren af forældreskærmen (arbejdsgangsskabelon-redigeringsvisningen).
Sørg for at gennemføre den fulde gemmeproces på redigeringsskærmen, før du forlader den.
Hvis du navigerede væk uden at gemme, kan dine forbindelsesændringer være gået tabt.
“Jeg forbandt to noder, men intet ser ud til at ske”
Forbindelser på byggelærredet definerer rækkefølgen af trin. De udføres ikke med det samme.
Arbejdsgangen kører først, når den er aktiveret, og triggerbegivenheden opstår.
Dobbelttjek, at dine noder er konfigureret korrekt — en tom eller forkert konfigureret node vil ikke gøre noget, når arbejdsgangen kører.
“Noder overlapper, og lærredet ser rodet ud”
Klik og træk noder for at omarrangere dem manuelt.
Brug tilpas visning-knappen på kontroloverlayet (nederste venstre hjørne) for automatisk at zoome, så alle noder er synlige.
Prøv at placere noder lodret for at skabe et klart top-til-bund-flow.
“Jeg kan ikke se kontrollerne (zoom, tilpas visning) på lærredet”
Kontrollerne er i nederste venstre hjørne af lærredområdet.
Hvis dit browservindue er meget lille, prøv at scrolle ned eller gøre vinduet større.
Sørg for, at JavaScript er aktiveret, og at siden er fuldt indlæst.
“Arbejdsgangen kører, men springer nogle trin over”
Tjek, at hver node er korrekt forbundet til den næste med en kant.
En node, der ikke er forbundet til noget, vil blive ignoreret, når arbejdsgangen udføres.
Åbn byggeren og kig efter noder, der flyder alene uden linjer, der fører til eller fra dem.