> ## 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- Premium Version

Please follow below step to configuration,

* **Step 1:** Go to Admin Tools Settings.
* **Step 2:** Click to Configuration extension.

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_1.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=11be21e74439b4b36faa979bf44f57a5" alt="Configuration extension" width="1887" height="604" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_1.webp" />

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_2.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=86dec306c497f4738ffaf31f51c02c7b" alt="Configuration extension" width="1920" height="869" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_2.webp" />

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_3.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=1ca6e1f2903b88c1cc0dd837deb53980" alt="Configuration extension" width="1920" height="858" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/config_3.webp" />

* **Step 3:** Click on ns\_hubspot.
* **Step 4:** Add Portal Id.
* **Step 5:** Add API Key ( Client Secret Key ).
* **Step 6:** Add Access Token.

Pleae follow below steps for hubspot configuration.

## HubSpot Configuration

* **Step 1:** Create your new account in HubSpot: [https://app.hubspot.com/](https://app.hubspot.com/)
* **Step 2:** Click on setting icon, and go to Account Setup > Integration > Legacy Apps > click on Auth

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_config.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=cc5d288728b3f7bb649f1aab6a673cb7" alt="Configuration" width="1600" height="817" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_config.webp" />

* **Step 3:** Get your “Portal Id ”, "API Key(Client secret)" and “Access token” from the Account set up.

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_config02.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=0755c82a7c3366fd04c918737bbf739d" alt="get api" width="1592" height="2010" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_config02.webp" />

**Generate API Key (Client secret) and Access Token, here is referance link for step by Step guidance:** [HubSpot App Creation Guide](https://legacydocs.hubspot.com/docs/faq/how-do-i-create-an-app-in-hubspot)

**After API Key, Portal Id and Access Token generation, configure it in** **settings**

## HubSpot Dashboard

After all configuration,You can See Backend Different modules,Log into your hubspot account from Dashboard.

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Login.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=6acc8f48ba6297324cf59c840f21a41f" alt="dashboard" width="1600" height="683" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Login.webp" />

After login you can see all configurations of Live chat, Forms and Contacts. Check below screenshot.

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

## Create your HubSpot form

Create your hubspot form in forms modual:

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_form.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=8f82cfd08b07b4893d36898e830bd407" alt="Create forms" width="1886" height="675" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_form.webp" />

<Note>
  HubSpot has moved private apps to the **Legacy Apps** page.
  Existing apps continue to work and can be migrated later if needed.
</Note>

## Create Website Chatflows in Live Chat

Go to HubSpot Live Chat module and click to create chatflow button

<img src="https://mintcdn.com/t3planet/dI7I5_rtIfJq6RpY/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/live_chat.webp?fit=max&auto=format&n=dI7I5_rtIfJq6RpY&q=85&s=6de3b6cb6425f54e7961a536a879c29c" alt="live chat" width="1920" height="523" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/live_chat.webp" />

## 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 plugin tab add HubSpot form Plugin

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Wizard.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=903921a8fb66499a7bb25eacf7becd55" alt="plugin" width="1600" height="717" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Wizard.webp" />

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

<img src="https://mintcdn.com/t3planet/Ah0iEpXPhFJPk8hP/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_plugin.webp?fit=max&auto=format&n=Ah0iEpXPhFJPk8hP&q=85&s=7de4f0bca461a8001b685e532ab32f77" alt="plugin" width="1904" height="579" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/Hubspot_plugin.webp" />

Save Configurations and use Plugin as per your requirements.

## Figures

<img src="https://mintcdn.com/t3planet/dI7I5_rtIfJq6RpY/en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/dashboard2.webp?fit=max&auto=format&n=dI7I5_rtIfJq6RpY&q=85&s=008f84c7f000d1e9c014c8a0e2b9e264" alt="dashboard" width="1920" height="760" data-path="en/latest/ExtNsHubspot/PremiumVersionConfiguration/images/dashboard2.webp" />
