---
title: "How to create Connection with Hubspot"
img: https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-icon.svg
date: 2025-12-17T08:03:00.000Z
tag: Guides
description: "Hubspot provides Free Developer Sandbox Account. You can create that from following link ."
url: "https://docs.unified.to/guides/how_to_create_connection_with_hubspot"
---

# How to create Connection with Hubspot
------
_December 17, 2025_

Hubspot provides Free Developer Sandbox Account. You can create that from following [link](https://offers.hubspot.com/free-cms-developer-sandbox) .

1. Create an account.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-0.png)

1. Provide name of the account

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-1.png)


After account is created it will redirect you to following page:-



![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-2.png)

1. Goto Development page from the size menu

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-3.png)

1. Create a project in IDE and install and install using following command

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-4.png)


```javascript
npm install -g @hubspot/cli && hs init
```

1. Create your Personal Access Key.
It will be inside the keys menu

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-5.png)

1. Paste that key in your terminal when your hubspot application ask for it.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-6.png)

1. Now we will create a project. 
run following command in that same project.

```javascript
hs get-started
```


![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-7.png)

1. Write Y to upload that project in the hubspot application.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-8.png)

1. Again select Y for following

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-9.png)

1. It will redirect to hubspot page.
goto to following page:-
Connected Apps→ Manage Location → click the check box → Save.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-10.png)

1. In your project(code) you will see following folder structure.
GOTO→ yourproject (account-testing) → app-hsmeta.json

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-11.png)

1. Following will be the scopes and redirect URL. You can remove which you want. However, do remember those removed scopes before creating a connection in unified. Also remember to add redirect URL as follows.

```javascript
{
  "uid": "get_started_app",
  "type": "app",
  "config": {
    "description": "A Unified.to token app for testing",
    "name": "My Get Started app",
    "distribution": "private",
    "auth": {
      "type": "oauth",
      "redirectUrls": [
        "https://api.unified.to/oauth/code",
      ],
      "requiredScopes": [
        "oauth",
        "crm.objects.companies.read",
        "crm.objects.contacts.read",
        "crm.objects.deals.read",
        "crm.objects.owners.read",
        "crm.pipelines.orders.read",
        "crm.objects.contacts.write",
        "crm.pipelines.orders.read",
        "crm.pipelines.orders.write",
        "crm.objects.deals.write",
        "sales-email-read",
        "content",
        "tickets",
        "crm.lists.read",
        "settings.users.teams.read"
      ],
      "optionalScopes": [],
      "conditionallyRequiredScopes": []
    },
    "permittedUrls": {
      "fetch": ["https://api.hubapi.com"],
      "iframe": [],
      "img": []
    },
    "support": {
      "supportEmail": "support@example.com",
      "documentationUrl": "https://example.com/docs",
      "supportUrl": "https://example.com/support",
      "supportPhone": "+18005555555"
    }
  }
}
```

1. You can update those changes using following command in terminal.

```javascript
hs project upload
```

1. When the code is uploaded successfully you can check that by going to following Development→ Project → Select your project.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-12.png)

1. To check your scopes click on the project Component. It will show your app-hsmeta.json

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-13.png)

1. To get the client ID and Client Secret click on the Auth button in your project component.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-14.png)

1. Paste the Client ID and Client Secret in the app.unified.to

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-15.png)

1. To get developer key goto Development→ keys → developer API key. If no keys are present than generate developer api key.

![image.png](https://s3.us-east-2.amazonaws.com/unified-article-images/how_to_create_connection_with_hubspot-16.png)

1. Paste that key in the [app.unified.to](https://app.unified.to/) and click activate.
2. Goto Embedded components→ click on hubspot→ select your project→ click on approve.

Your Hubspot application is created.