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

Hubspot

  1. 1. Go to Edit Page

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

    Paste "App UI: Header Booya User Widget " into input
  3. 3. Drag highlighted option to Header Section

    Drag highlighted option to Header Section
  4. 4. Click on Dependency: Booya — User Authentication and Management for HubSpot

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

Hubspot

  1. 5. Go to Booya — User Authentication and Management for HubSpot

  2. 6. Click on Sign in with Hubspot

  3. 7. Go to HubSpot OAuth

Booya

  1. 8. Choose Account

    Choose Account
  2. 9. Click on Choose Account

    Click on Choose Account

Hubspot

  1. 10. Go to Authentication — Booya

  2. 11. Configure your own Dashboard

    The screenshot below is just a sample.

    Configure your own Dashboard

Hubspot

  1. 12. Click "Show Code Snippets"

    Click "Show Code Snippets"
  2. 13. Click on highlight

    Click on highlight

Booya

  1. 14. Go to HubSpot Settings

    Go to HubSpot Settings
  2. 15. Click on Pages

    Click on Pages
  3. 16. Add custom code snippets in HubSpot

    Add custom code snippets in HubSpot
  4. 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
  5. 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

Booya

  1. 19. Go to Login Page

  2. 20. Type "email@..."

    Type "email@..."

Hubspot

  1. 21. Type password

    Type password
  2. 22. Click on Sign In

    Click on Sign In
  3. 23. Click on Edit Profile

    Click on Edit Profile
  4. 24. Click on highlight

    Click on highlight
  5. 25. Click on Edit Profile

    Click on Edit Profile

Booya

  1. 26. Click on highlight

    Click on highlight
  2. 27. Click on Sign Out

    Click on Sign Out