> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Configuration- Free version

Please follow below step to configuration,

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Constant.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=59ce1788ca1997674a552fa7bd907d26" alt="Configuration extension" width="1920" height="726" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Constant.webp" />

* **Step 1:** Go to Typoscript module.
* **Step 2:** Click on Root page
* **Step 3:** Go to Constant editor
* **Step 4:** Select plugin.tx\_nshubspot
* **Step 4:** Add Client Id
* **Step 5:** Add Client API

To obtain the Client ID and Client API Key, please refer to the following links:

* [OAuth App Management](https://developers.hubspot.com/docs/reference/api/app-management/oauth)
* [Private Apps Overview](https://developers.hubspot.com/docs/guides/apps/private-apps/overview)

Pleae follow below steps for hubspot configuration.

## Hubspot Configuration

* **Step 1:** Go to Form module
* **Step 2:** Click on Button Create new

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Setp1.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=752964e3a7e9cd78ce7e5cd6987c0e2c" alt="Configuration" width="1920" height="755" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Setp1.webp" />

* **Step 3:** Create Blank / Predefined Form

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Step2.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=ce839308b869bf6ce0f17b22bc9a70e0" alt="get api" width="1920" height="743" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Step2.webp" />

After Adding Form,follow below steps:

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Form1.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=9bda8301b0dbc093e4b09fc5769646b0" alt="get api" width="1920" height="760" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Form1.webp" />

* **Step 1:** Enable toggle Hubspot
* **Step 2:** Add Hubspot Portal id
* **Step 3:** Add HubSpot Form Id
* **Step 4:** Select **Hubspot Finisher** Finisher from dropdown

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Form2.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=09d01bcbd39b1b01506be8058cb18ec6" alt="get api" width="1918" height="772" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Form2.webp" />

* **Step 5:** Select Form Field
* **Step 6:** Add HubSpotValue of Field from your Hubspot form

**Repeat the above steps 5 and 6 for all fields you want to add in your form.**

To get form id follow steps showing in linke below:

[https://knowledge.hubspot.com/forms/find-your-form-guid](https://knowledge.hubspot.com/forms/find-your-form-guid)

## Add the HubSpot Form Plugin

To configure hubspot Form in your site,please follow below steps,

* **Step 1:** Go to page
* **Step 2:** Open Create Content element Wizard
* **Step 3:** Go to Form Element tab

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Plugin1.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=7b85093fa30d7f7b0caa66cc46aec8db" alt="plugin" width="1898" height="758" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Plugin1.webp" />

* **Step 4:** Choose Hubspot Form from dropdown which you want to Integrate.

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Plugin2.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=0a95e911a1ed9d36f882c85e6ecbc1c0" alt="plugin" width="1917" height="525" data-path="en/latest/ExtNsHubspot/FreeVersionConfiguration/images/Plugin2.webp" />

Save Configurations and use Plugin as per your requirements.
