App UI: Protected Content

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: Protected Content" into input

    Paste "App UI: Protected Content" into input

Hubspotpreview-na1

  1. 3. Drag highlighted option

    You can drop it anywhere in Drag and Drop Section

    Drag highlighted option
  2. 4. Click on Content Protection

    Click on Content Protection
  3. 5. Click on There are no comments on this website page…

    Click on There are no comments on this website page…

Hubspot

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

  2. 7. Click on Sign in with Hubspot

Booya

  1. 8. Go to HubSpot OAuth

  2. 9. Choose Account

    Choose Account
  3. 10. Go to Authentication — Booya

  4. 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

Digikat

  1. 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. Click on highlight

    Click on highlight
  2. 20. Go to Edit Page

  3. 21. Click on ba3bf634-1dde-41fb-8d9b-95b412a49f95

    Click on ba3bf634-1dde-41fb-8d9b-95b412a49f95
  4. 22. Paste "ba3bf634-1dde-41fb-8d9b-95b412a49f95" into text area

    Paste "ba3bf634-1dde-41fb-8d9b-95b412a49f95" into text area

Hubspot

  1. 23. Go to Login Page

Booya

  1. 24. Click on email

    Click on email
  2. 25. Type "email@..."

    Type "email@..."

Hubspot

  1. 26. Type password

    Type password
  2. 27. Click on Sign In

    Click on Sign In
  3. 28. Conditionally show the content if the user is logged in.

    Conditionally show the content if the user is logged in.