App UI: Partner Card

Melvin Cruz

Created Oct 18, 2022

App UI: Partner Card

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

Optional

  • You can use any Personalization Token like for example {{ personalization_token('contact.partner_sales', '50') }}

9
    h

Hubspot

2 Steps
1

Go to Edit Page

2

Paste "App UI: Partner Card" into input

Paste "App UI: Partner Card" into input
    4

Hubspotpreview-na1

5 Steps
3

Drag highlighted option

You can drop it anywhere in Drag and Drop Section

Drag highlighted option
4

Edit "Intro" fields

Edit "Intro" fields
5

Edit "Tiers"

Edit "Tiers"
6

Update "Tiers Name"

Update "Tiers Name"
7

Replace "Tiers Icon"

Replace "Tiers Icon"
    a

Hubspot

4 Steps
8

Update Tiers Score

Update Tiers Score
9

Click on App UI: Partner Card

Click on App UI: Partner Card
10

Update "Current Score Number"

Optional: You can use any Personalization Token in number format {{ personalization_token('contact.partner_sales', '50') }}

Update "Current Score Number"
11

Update "Current Score Name"

Update "Current Score Name"
    a

Hubspot

3 Steps
12

Update "Progress Bar Percentage"

Update "Progress Bar Percentage"
13

Click on Preview

Click on Preview
14

Sample Output

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