App UI: Progress Step

Melvin Cruz

Created Oct 12, 2022

App UI: Progress Step

Compatible Templates

  • Nexus Portal - App UI Client Portal

  • Nexus Portal - App UI Partner Portal

  • Nexus Portal - App UI Home Screens 1

  • Nexus Portal - App UI Demo

  • Nexus Portal - App UI Knowledge Base

  • Nexus Portal - App UI Onboarding

  • Nexus Portal - App UI Course Login

Properties Needed

  • Onboarding Process {{ personalization_token('contact.onboarding_process'', '') }}

9
    h

Hubspot

18 Steps
1

Go to Edit Page

2

Paste "App UI: Progress Step" into input

Paste "App UI: Progress Step" into input
3

Drag highlighted option

You can drop it anywhere in Drag and Drop Section

Drag highlighted option
4

Click the module

Click the module
5

Click on Alignment and spacing

Click on Alignment and spacing
6

Add Spacing

Add Spacing
7

Type "50"

Type "50"
8

Click the module

Click the module
9

Click on Step

Click on Step
10

Paste "{{ personalization_token('contact.onboarding_process', '10') }}" into text area

Paste "{{ personalization_token('contact.onboarding_process', '10') }}" into text area
11

Click on Step

Click on Step
12

Update Step 1

Update Step 1
13

Update Step 2

Update Step 2
14

Update Step 3

Update Step 3
15

Type "{{ personalization_token('contact.onboarding_process', '30') }}"

16

Check Preview

Check Preview
17

Type Contact Lists

 Type Contact Lists
18

Final Output

Final Output
Well done!
Create how-to guides like this in a snap. Get Tango now.