HubSpot
Details an integration available for Hubspot, built and maintained by Umbraco HQ.
Last updated
Was this helpful?
Details an integration available for Hubspot, built and maintained by Umbraco HQ.
Last updated
Was this helpful?
This integration provides a form picker and rendering component for forms managed within a account.
To ensure compatibility, check the Dependencies tab on NuGet for the required Umbraco CMS version. For example, see .
The package uses the OAuth protocol for authentication or private access tokens if you are using a private app installed on your HubSpot account.
To support multi-region HubSpot forms, the following configuration is required:
For example, in Europe, a setting of eu1 should be used.
The easiest way to configure the integration is to make use of an application Umbraco has pre-configured with HubSpot. With this in place, the authorization flow will go through a proxy website Umbraco maintains before redirecting back to your Umbraco backoffice.
From version 2.1.0, we introduced an alternate approach that requires a little more setup. It removes the need for relying on any services from Umbraco when using the integration.
To use this you need to setup your own app with HubSpot and use an extended configuration like this:
The authorization mode is toggled by the UseUmbracoAuthorization flag, which by default is set to true meaning that previous versions are not impacted.
The used service is provided using the AuthorizationImplementationFactory method, depending on the type of authorization selected.
The authorization controller uses the window.postMessage interface for cross-window communications when redirecting from the Hubspot authorization server.
To use the form picker, a new Data Type should be created based on the HubSpot Form Picker property editor.
The settings will be checked and a message presented indicating whether authentication is in place.
If OAuth is being used for authentication the Connect button will be enabled. When clicked, you will be prompted by the HubSpot authorization window.
The retrieved access token will be saved into the database and used for future requests.
The Revoke action will remove the access token from the database and the authorization process will need to be repeated.
If a private access token is used a message will be displayed notifying that the access token is being used.
A strongly typed model will be generated by the property value converter. An HTML helper is available, to render the form on the front end.
Ensure your template has a reference to the following using statement:
Assuming a property based on the created Data Type with the hubSpotForm has been created, render the form using:
Authorization specific methods are exposed by the and implemented by two services:
If you are selecting your own authorization flow that uses the AuthorizationService, the redirect URL will be this one: /umbraco/api/hubspotauthorization/oauth, from . Make sure to set to correct URL in the settings of the website and in the configuration of your Hubspot app.