## Trello integration

Trello is a visual project management tool that organizes work into boards, lists, and cards. The Trello integration with Frontegg allows your application to access and manage Trello boards, lists, cards, labels, and checklists on behalf of your users.

Prerequisites
- A Trello account (free or paid)
- Access to create Power-Ups in the Trello developer portal


### Connect Trello

#### Step 1: Open the Power-Up admin portal

Sign in to Trello and navigate to the [Power-Up admin portal](https://trello.com/power-ups/admin). This page lists all your existing apps and provides a **New** button to create a new one.

![Trello Power-Up admin portal with New button highlighted](/assets/trello-1.37e4be782b196c14effe6578e0b9d50b68f4d01aba274565f577a9f675ee9559.1ce25488.png)

#### Step 2: Create a new app

Click **New**. Fill in the following details in the **New App** form:

- **App name**: `Frontegg Integration`
- **Workspace**: Select your Trello workspace
- **Email**: Your contact email
- **Support contact**: Your support email
- **Author**: Your company name
- **Iframe connector URL**: Your application URL (e.g., `https://your-app.com`)


Click **Create**.

![New App form with fields filled in and Create button highlighted](/assets/trello-2.1c01cd2ad026292a1293987af840e1c3f6aa0ccd5b6d7b128d29c502bb351abb.1ce25488.png)

#### Step 3: View app settings

After creation, you are redirected to the app settings page with tabs for **Basic information**, **API key**, **Capabilities**, and more.

![Trello app settings page showing Basic information tab](/assets/trello-3.f881bbde17fcc7be8845dc79f9a07656bd40131927e512d5cb68637459b6f4c1.1ce25488.png)

#### Step 4: Generate an API key

Click the **API key** tab in the left sidebar. Then click **Generate a new API key** and confirm in the dialog that appears.

![API key tab with Generate a new API key button highlighted](/assets/trello-4.a44ddb95bb8d184b0524cbc8164610da2b07055a3dfb1ebaad02cacc387e34c9.1ce25488.png)

#### Step 5: Copy your credentials

After generation, the page displays your **API key** and **Secret**. Copy both values and store them securely.

Save your Secret
Keep your API Secret safe. Trello does not offer a way to reset the API key for client-side applications.

![API key page showing API key and blurred Secret](/assets/trello-5.e04d93d65718a8cbf54e9b18c95a0e5b9db7e6b0485fa9e4e7a915400562b81a.1ce25488.png)

#### Step 6: Configure allowed origins

In the **Allowed origins** section on the same page, add the following redirect URI and click **Add**:

- `https://YOUR_MCP_GATEWAY_URL/integration-callback`


![API key page with allowed origins configured](/assets/trello-6.ea8ee4d136b3a3569ab49bdac31d64e8f1b23d95760c6ec1b04258d15d7d7969.1ce25488.png)

### Configure the Frontegg portal

Once you have your **API key** and **Secret**, enter them in the Frontegg portal:

1. Open the **Frontegg portal** and navigate to [ENVIRONMENT] → Integrations → Trello.
2. Enter the **API key** as the Client ID and the **Secret** as the Client Secret in the corresponding fields.
3. Click **Save**.


Keep your credentials secure
Never share or commit your Secret to version control.

### Additional resources

- [Trello REST API documentation](https://developer.atlassian.com/cloud/trello/rest/)
- [Trello authorization guide](https://developer.atlassian.com/cloud/trello/guides/rest-api/authorization/)
- [Trello Power-Up admin portal](https://trello.com/power-ups/admin)
- [How to get your Redirect URL](/agen-for-work/connectors/redirect-url)