---
title: Happyfox Chat
slug: happyfox-chat
image: https://make-cxp-documentation.ams3.digitaloceanspaces.com/apps-center-icons/PREVIEW_happyfox-chat.png
createdAt: 2025-02-03T13:28:28.552Z
---

The HappyFox Chat modules allow you to monitor the offline, missed and finished chats in your HappyFox Chat account.

## Getting Started with HappyFox Chat

Prerequisites

- A HappyFox Chat account - create an account at [happyfox.com/live-chat/](https://www.happyfox.com/live-chat/).

## Connecting HappyFox Chat to Make

To connect your HappyFox Chat account to Make you need to API Key from your HappyFox Chat account and insert it in the *Create a connection* dialog in the Make module.

1\. Log in to your HappyFox Chat account.

2\. Click the top *menu drop-down >Apps > REST API > Manage*.

![](https://api.archbee.com/api/optimize/oAyFj2GHlBeBVWF5OAir2/ujYZRqCEhTuNr5Dmdu656_uuid-c2808665-30b2-c5f8-6b15-ad8860deb126.gif)

3\. Copy the API key to your clipboard.

![](https://api.archbee.com/api/optimize/oAyFj2GHlBeBVWF5OAir2/2NhHlfpYwOSlvFq9F_bgN_uuid-f9ff936c-2cec-4469-f7b6-af246da2b4ea.png)

4\. Go to Make and open the Happyfox Chat module's *Create a connection* dialog.

5\. In the *Connection name* field, enter a name for the connection.

6\. In the *API Token* field, enter the token copied in step 3, and click *Continue*.

The connection has been established.

## Setting Up HappyFox Chat Webhooks

1\. In your Make account, open any *Watch* module, establish a connection, click *Save* and copy the URL address to your clipboard. Click *OK* and save the trigger.

2\. Log in to your HappyFox Chat account.

3\. Click *Apps > Webhooks.*

![](https://api.archbee.com/api/optimize/oAyFj2GHlBeBVWF5OAir2/--VIsOxaHJHd9K5j7zhfi_uuid-bfcbebe9-a534-09b9-06ee-f18f81c6454d.gif)

4\. Add the URL address copied in step 1 and click *Save*.

::Image[]{src="https://api.archbee.com/api/optimize/oAyFj2GHlBeBVWF5OAir2/Ju925Jq-CrWuCH-Y7O_Pr_uuid-7152e044-9429-02ab-5bd1-81611d8d833b.png" size="82" width="632" height="258" position="center" showCaption="false"}

You have successfully added the webhook.

::Image[]{src="https://api.archbee.com/api/optimize/oAyFj2GHlBeBVWF5OAir2/TBzmY-CcvsSspyzP0nUVO_uuid-b6f0b29d-1497-c80b-5c89-00bf52113616.png" size="68" width="614" height="263" position="center" showCaption="false"}