App UI: Header Booya User Widget

Melvin Cruz

Created Oct 12, 2022

App UI: Header Booya User Widget

Dependency: https://go.booya.io/admin/signin
and make sure you already setup the Booya code snippet in your portal.

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

18
    h

Hubspot

4 Steps
1

Go to Edit Page

2

Paste "App UI: Header Booya User Widget " into input

Paste "App UI: Header Booya User Widget " into input
3

Drag highlighted option to Header Section

Drag highlighted option to Header Section
4

Click on Dependency: Booya — User Authentication and Management for HubSpot

Click on Dependency: Booya — User Authentication and Management for HubSpot
    a

Hubspot

3 Steps
5

Go to Booya — User Authentication and Management for HubSpot

6

Click on Sign in with Hubspot

7

Go to HubSpot OAuth

    b

Booya

2 Steps
8

Choose Account

Choose Account
9

Click on Choose Account

Click on Choose Account
    a

Hubspot

2 Steps
10

Go to Authentication — Booya

11

Configure your own Dashboard

The screenshot below is just a sample.

Configure your own Dashboard
    a

Hubspot

2 Steps
12

Click "Show Code Snippets"

 Click "Show Code Snippets"
13

Click on highlight

Click on highlight
    g

Booya

5 Steps
14

Go to HubSpot Settings

Go to HubSpot Settings
15

Click on Pages

Click on Pages
16

Add custom code snippets in HubSpot

Add custom code snippets in HubSpot
17

Setup your own login page URL in HubSpot Website Pages/Landing Pages

The screenshot below is just a sample.

 Setup your own login page URL in HubSpot Website Pages/Landing Pages
18

Setup your own redirected URL in HubSpot Website Pages/Landing Pages after signing in

Setup your own redirected URL in HubSpot Website Pages/Landing Pages after signing in
    g

Booya

2 Steps
19

Go to Login Page

20

Type "email@..."

Type "email@..."
    h

Hubspot

5 Steps
21

Type password

Type password
22

Click on Sign In

Click on Sign In
23

Click on Edit Profile

Click on Edit Profile
24

Click on highlight

Click on highlight
25

Click on Edit Profile

Click on Edit Profile
    g

Booya

2 Steps
26

Click on highlight

Click on highlight
27

Click on Sign Out

Click on Sign Out
Well done!
Create how-to guides like this in a snap. Get Tango now.