Search Results :

×

Hubspot Single Sign-On (SSO) using Google as Identity Provider

Hubspot Single Sign-On (SSO) using Google as Identity Provider


miniOrange Hubspot OAuth Single Sign-On (SSO) application enables secure login into Hubspot CMS landing pages, blogs and other pages using Google as OAuth provider. It supports advanced Single Sign-On (SSO) features such as user profile Attribute mapping, etc.

Here we will go through a guide to configure SSO between Hubspot and Google. By the end of this guide, users should be able to login to Hubspot from Google. To know more about miniOrange Hubspot OAuth Single Sign-On plugin and other Hubspot Integrations, you can click here.

Feel free to contact us at hubspotsupport@xecurify.com to know more about how to install the miniOrange Hubspot OAuth Single Sign-On app.


Download And Installation

  • Log into your Hubspot account as an admin.
  • Click here to install miniOrange Hubspot OAuth Single Sign-On (SSO) app.

Steps to configure Hubspot Single Sign-On (SSO) Login with Google as Identity Provider

1. Setup Google as OAuth Provider

  • Go to https://console.developers.google.com/ and sign up/login.
  • Click on Select Project to create a new Google Apps Project,you will see a popup with the list of all your projects.
  • Hubspot Login : create new project
  • You can click on the New project button to create new project.
  • Hubspot Login : new project
  • Enter your Project name under the Project Name field and click on Create.
  • Hubspot Login : enter project name
  • Go to Navigation MenuAPIs & ServicesCredentials.
  • Hubspot Login : credentials
  • Click on Create Credentials button and then select OAuth Client ID from the options provided.
  • Hubspot Login : client id
  • In case you are facing some warning saying that in order to create an OAuth Client ID, you must set a product name on consent screen (as shown in below image). Click on the Configure consent screen button.
  • Hubspot Login : configure consent screen
  • Choose how you want to configure and register your app and click on create button.
  • Hubspot Login - configure consent screen
  • Enter the required details such as App Name, User Support Email. and click on Save and Continue button.
  • Hubspot Login : save settings Hubspot Login : save settings
  • Now for configuring scopes, click on Add or Remove the Scopes button.
  • Hubspot Login : create oauth client id
  • Now, Select the Scopes to allow your project to access specific types of private user data from their Google Account and click on Update button.
  • Hubspot Login : create oauth client id
  • Go to the Credentials tab and click on Create Credentials button. Select Web Application from dropdown list to create new application.
  • Hubspot Login : create oauth client id
  • Enter the name you want for your Client ID under the name field and enter the Redirect/Callback URI from miniOrange OAuth Client plugin/module under the Authorized redirect URIs field and click on Create button.
  • Hubspot Login : create oauth client id
  • You will see a popup with the Client ID and Client Secret Copy your Client ID and Client Secret and save it on your miniOrange OAuth Client plugin Configuration.
  • Hubspot Login :client id client secret

2. Setup Hubspot as OAuth Client

  • Install the miniOrange Single Sign-On (SSO) app on your hubspot account and Click on Connect App.
  • Enable Hubspot Single Sign-On(SSO)  Login using Google as Identity Provider
  • You will see the following screen where you need to fill in the Client ID, Client Secret scope and the Endpoint URLs in the plugin (Refer to the below table). Also enable the Send in Body parameter option.

    Client ID Click Here
    Client Secret Click Here
    Scope openid email profile
    Authorize Endpoint: https://accounts.google.com/o/oauth2/auth
    Access Token Endpoint: https://www.googleapis.com/oauth2/v4/token
    Get User Info Endpoint: https://www.googleapis.com/oauth2/v1/userinfo
  • Enable Hubspot Single Sign-On(SSO)  Login using Google as Identity Provider
  • Click on Save button and then Test Configuration.
  • Enable Hubspot Single Sign-On(SSO) Login using Google as Identity Provider
  • After successful login, you will see all the values returned by your Google to Hubspot in a table.
  • Enable Hubspot Single Sign-On(SSO) Login using Google as Identity Provider

    Restrict public access to Hubspot website/ pages/ content (Landing Page or Blog)

  • Restricting access to your HubSpot website can help to protect your pages from unauthorized access. By restricting access, you can ensure that only authorized users can view and interact with your pages. This can be useful for protecting sensitive information. This will allow you to restrict access to your hubspot pages / content as visitors will be needed to login first and then they will be able to access the hubspot page. This will also help you to track your vistors and also generate potential leads.
  • Now go to you Hubspot dashboard and Click on CMS HUB Free -> Marketing ->Website and choose Website Page or Blog. We have chosen Website Pages for this tutorial.
  • Enable Hubspot Single Sign-On(SSO) Login using Google as Identity Provider
  • Select the page on which you want to enable (Forced Authentication or SSO) and click the Edit button. Here we have seleceted and HomePage.
  • Enable Hubspot Single Sign-On(SSO) Login using Google as Identity Provider
  • Goto Settings tab and scroll down to Advanced Settings. Copy the script that you see in Step 6 and paste it inside the HTML section of Advanced Settings and click Publish button.
  • Enable Hubspot Single Sign-On(SSO)  Login using Google as Identity Provider
  • Now, if you go to the page in which you included the script, you will see the following screen and required to put in Login Credentials of your Identity Provider.
  • Enable Hubspot Single Sign-On(SSO)  Login using Google as Identity Provider
  • Fill in the login credentials and click Login, you will be redirected to the website page successfully.
  • Enable Hubspot Single Sign-On(SSO)  Login using Google as Identity Provider

    Congratulations! You have successfully integrated Google with Hubspot to enable Google users to see your Hubspot content.

Track your visitors (Contact Sync)

  • After a user logs in through the Single Sign-On feature, a contact will be created which includes his details that are received from the Google (Identity Provider) for the particular user.

  • This can be very useful for generating leads, as it allows you to quickly and easily add new contacts to your HubSpot marketing and sales pipelines. By using contact sync, you can ensure that your HubSpot account is always up-to-date with the latest information about your leads and customers (site visitors), which can help you to more effectively target your marketing efforts and generate more qualified leads.
  • Hubspot Contacts Page

Additional Resources


Need Help?

Mail us on hubspotsupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.




Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com