> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.syncspider.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Integrate Front App - Help Center - SyncSpider

## TABLE OF CONTENTS

* [Description](#Description)
* [Entities](#Entities)
* [Steps](#Steps)
* [Step 1.](#Step-1.)
* [Step 2.](#Step-2.)
* [Step 3.](#Step-3.)
* [Step 4.](#Step-4.)

---
---
## Description

Turn every chat into an opportunity to deliver a stellar customer experience. Front is a customer communication hub that brings every channel in a single platform, so teams can respond quickly and get actionable insights to improve the customer experience. As your needs change, Front's flexible workflows scale with you. Front makes it easy for teams to collaborate and deliver personalized responses, so your customers always feel like the most important one.

---
---
## Entities
| Source | Target |
| --- | --- |
| List Contacts | Create Contact |
| List Conversations | Create Comment |
| List Inboxes |  |
| List Conversation Comments |  |
| List Teams |  |
| List Teammates |  |

The task can be triggered on following events:

• on successful completion of a different task

• API call

---
---
## Steps
### Step 1.

Either while **Creating a Task** or in the Integrations menu.

Enter the name of the integration in the search bar.
![Selecting the Front App integration](https://storage.crisp.chat/users/helpdesk/website/-/d/e/f/5/def58786ba0d1800/80029c45-0d6f-4309-b42f-e82f49_1ayabll.png)

### Step 2.

Enter the Name of the Integration.

You can optionally also enter a description.
![Naming the Integration](https://storage.crisp.chat/users/helpdesk/website/-/d/8/2/6/d8266c9f5130a800/b08934b8-de04-4cc7-9d3f-853366_1vrigu2.png)

### Step 3.

You will be prompted for the API Key.
![Inserting the API key](https://storage.crisp.chat/users/helpdesk/website/-/6/4/e/e/64ee670944401000/78f0e8bf-ec55-4a79-b09e-d18219_1tuwtkt.png)

### Step 4.

To obtain the API key, head over to your Front App Dashboard.

Click on the **cogwheel icon** found in the upper-left corner of the screen, as shown in the picture below:

![Navigating to the Front App Dashboard](https://storage.crisp.chat/users/helpdesk/website/-/3/7/7/b/377bd2a79baf2c00/cf38db94-dab3-4127-a6e7-bede13_1kvt97m.png)

Next, choose **"Plugins & API"** from the dropdown menu, as shown in the picture below:

![Selecting the Plugins and API settings](https://storage.crisp.chat/users/helpdesk/website/-/2/b/2/e/2b2e7a3aa2d67200/c966298b-f196-43c8-9b1f-dc158a_poe3iu.png)

Now, select **"API"**, as shown below:

![Selecting the API settings](https://storage.crisp.chat/users/helpdesk/website/-/8/5/4/4/85443aadbdac9000/59453c2f-f738-4f48-b99f-b84a17_1to44vx.png)

Copy the generated API key, as shown in the picture below, and paste it where you were prompted to by SyncSpider:

![Generating the API key](https://storage.crisp.chat/users/helpdesk/website/-/d/9/1/1/d9110f8596d74800/15524680-ac0e-4ac1-9b9d-dade2d_s6mn97.png)

---
---

**Front App** is just one of the tools we support!

To check the list of the tools and features we support please click [here](https://syncspider.com/integrations/)!

If you don't see your favorite tool on our list, please take the time and send us the request [here](https://roadmap.syncspider.com/boards/integrations?sort=cached_votes_up) to create an integration for you or UP-vote if it's already on the list :)

We develop integrations based on the requests and up-votes :)

We hope that this covers everything. If you have any further questions or need additional clarification please reach out to us via [[email protected]](/cdn-cgi/l/email-protection#14676164647b666054676d7a7767647d7071663a777b79) or our chat widget!