Visa skärmflödesfaser i ett exempel på förloppsindikator
Detta exempel skapar en egen förloppsindikatorfas som guidar användare genom en process i flera steg. Genom att skapa tydliga faser och tilldela dem till skärmelement kan du förbättra användarupplevelsen och säkerställa att användare förstår sina framsteg och nästa steg.
Versioner som krävs
Se även:
Planera faserna i flödet
- Bestäm hur många faser som ska skapas. Du vill att varje skärm ska visas som ett annat steg. Du har 4 skärmar, så skapa 4 faser.
- Bestäm vad du vill kalla faserna eftersom deras etiketter visas i förloppsindikatorn. Du bestämmer dig för att märka faserna på samma sätt som skärmarna: Kontaktinformation, Orderinformation, Faktureringsinformation och Orderbekräftelse.
- Bestäm ordningen på faserna. Du vill att kunden ska ange sina kontaktuppgifter, sedan orderinformationen, sedan sina faktureringsuppgifter och sedan visa bekräftelsen i slutet. Här är fasordningen: Fas 1: Kontaktinformation, Fas 2: Orderinformation, Fas 3: Faktureringsinformation, Fas 4: Orderbekräftelse.
- Bestäm vilka faser du vill visa i förloppsindikatorn när flödet startar. Du vill att alla faser ska visas i förloppsindikatorn hela tiden som flödet körs. Så ställ in alla faser till aktiva som standard.
Mer information finns i Planera faserna i ditt flöde.
Skapa flödesfaserna
- I ditt skärmflöde i Flow Builder, öppna Toolbox.
- Klicka på Ny resurs.
- För Resurstyp, välj Fas.
- För Etikett, ange Kontaktinformation.
- För API-namn, ange Contact_Info_Stage.
-
För Order, ange 10.
Om det är möjligt att faser kan läggas till i framtiden, använd ordernummer med siffror mellan dem så att du inte behöver ändra ordning på alla faser om du lägger till en ny fas. Till exempel 10, 20, 30, 40 istället för 1, 2, 3, 4.
- Välj Aktiv som standard.
- Klicka på Klar.
- Utför steg 1 till 7 för de kommande 3 faserna så att fasresurserna konfigureras så här.
| Etikett | API-namn | Ordna | Aktiv som standard |
|---|---|---|---|
| Kontaktinformation | Contact_Info_Stage | 10 | Markerat |
| Orderinfo | Order_Info_Stage | 20 | Markerat |
| Faktureringsinformation | Billing_Details_Stage | 30 | Markerat |
| Orderbekräftelse | Order_Confirmation_Stage | 40 | Markerat |
Mer information finns i Skapa flödesfaser.
Tilldela dina faser till skärmelement
Tilldela en fas till varje skärmelement så att rätt fas markeras i förloppsindikatorn när den aktuella användaren når varje skärm.
- I ditt skärmflöde i Flow Builder, öppna skärmelementet Kontaktinformation.
- Klicka på skärmelementets sidhuvud för att visa skärmegenskaperna.
- För Fas, välj Kontaktinformation (API-namn: Contact_Info_Stage).
- Klicka på Klar.
- Utför steg 1 till 3 för de nästa 3 skärmelementen så att faserna tilldelas till dessa skärmelement.
| Etikett för skärmelement | Fasetikett | Fasens API-namn |
|---|---|---|
| Kontaktinformation | Kontaktinformation | Contact_Info_stage |
| Orderinfo | Orderinfo | Order_Info_Stage |
| Faktureringsinformation | Faktureringsinformation | Billing_Details_Stage |
| Orderbekräftelse | Orderbekräftelse | Order_Confirmation_Stage |
Mer information finns i Styr vilka faser som visas i din förloppsindikator.
Förloppsindikatorn är konfigurerad och redo att guida dina användare genom deras orderprocess.
Löste denna artikel ditt problem?
Berätta för oss vad vi kan förbättra!

