---
description: Circle CI Integration
---

# Circle CI

You must integrate your CI/CD tool with Typo to view your deployment data. Once integrated you can configure the settings using the configure button present on the top right corner.

### Step 1: Navigate to settings

Navigate to Settings > Integration, and scroll down to view the CI/CD Tool section. Click on the connect button beside the Circle CI

<div align="left"><figure><img src="https://813988662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCZyG1kSmV84geZ9Ws6s%2Fuploads%2Fq9lXoXoJZCNubcp1DO2B%2FScreenshot%202024-08-08%20at%201.37.13%E2%80%AFPM.png?alt=media&#x26;token=478581c7-a505-4fc6-bc39-ea6b7efc263c" alt="" width="563"><figcaption></figcaption></figure></div>

### Step 2: Generate Token

Generate the Token in Circle CI

{% hint style="warning" %}
`Note: Please Mask the token when uploading`
{% endhint %}

#### Steps to Gen Token in Circle CI:

1. In the CircleCI application, go to your User settings
2. Click Personal API Tokens
3. Click the Create New Token button.
4. In the Token name field, type a memorable name for the token.
5. Click the Add API Token button.
6. After the token appears, copy and paste it to another location. You will not be able to view the token again. [Jenkin help doc link](https://circleci.com/docs/managing-api-tokens/#rotating-personal-and-project-api-tokens)&#x20;

<div align="left"><figure><img src="https://publish-01.obsidian.md/access/3e7b6a61a5fa1577cc59c4d6e50dfe09/Screenshot%202024-05-21%20at%201.29.20%20AM.png" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://publish-01.obsidian.md/access/3e7b6a61a5fa1577cc59c4d6e50dfe09/Screenshot%202024-05-21%20at%201.29.46%20AM.png" alt="" width="563"><figcaption></figcaption></figure></div>

### Step 3: Enter Token Details

&#x20;Go back to Typo Dashboard, enter the access token & Click on connect

<div align="left"><figure><img src="https://813988662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCZyG1kSmV84geZ9Ws6s%2Fuploads%2Fw8Ew2eCMNobAkxWkKwsl%2FScreenshot%202024-08-08%20at%201.39.33%E2%80%AFPM.png?alt=media&#x26;token=87c6fca9-508d-4beb-94f1-cb10affc8d91" alt="" width="563"><figcaption></figcaption></figure></div>

And done! You will have all your deployment data in your dashboard now. You can configure it as per your requirements by following the steps mentioned in this link - [Deployment](../../../configurations/ci-cd-deployment)

\
