> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.encharge.io/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 Encharge with Bubble.io

This guide outlines how to create an integration between [Bubble.io](http://bubble.io) via their API Connector, and Encharge. The result of this integration is to create a Bubble **action** that Creates Contacts in Encharge.
---
# Step 1

Install the API Connector plugin in Bubble

![](https://storage.crisp.chat/users/helpdesk/website/b4a13499098bd000/0e9adac4-459e-4727-bbd4-35b7c7_k6gynq.png)
---
# Step 2

In the Bubble API Connector plugin, click Add/Create API. In my case, I've given this the name " **Encharge**"

![](https://storage.crisp.chat/users/helpdesk/website/b80b5de00217e80/eba4a071-5e24-4336-b3fd-1fd188_1tmjhl9.png)
---
# Step 3

By default, one API Call will be created when a new API is added. Rename this " **Create Contact**" or similar. You'll need to click **expand** to be able to make changes to this API Call.

![](https://storage.crisp.chat/users/helpdesk/website/a0e655de8b3f1000/8023b72c-26e3-4239-885c-d14b6e_19nojhl.png)
---
# Step 4

Make the following changes to the Default API Call settings that are displayed:

1. Change Use as **Data >** Use as **Action**
2. Change **GET** > To **POST**
3. In the Input to the right of **POST**, add this URL: https://api.encharge.io/v1/people
4. Click **Add header** twice, so two sets of header inputs appear. Adjust these to the below:

![](https://storage.crisp.chat/users/helpdesk/website/92079a21c0fee800/46aadee2-38d5-4b01-b8cd-b0b155_1x2fhdp.png)

**Note**: To the right of the **X-Encharge-Token** field, the Value is your Encharge API key which can be found in your account here: [https://app.encharge.io/account/info](https://app.encharge.io/account/inf)
---
# Step 5

In the **Body** field, paste the following:

```
{

"email": <email>,
"firstName": <firstName>,
"lastName": <lastName>

}
```

**Note**: This is for a basic integration which only collects the users Email, First Name, and Last Name. You can add more fields if needed, including Custom Fields in Encharge.
---
# Step 6

You'll notice below the Body input field, a number of new input fields appear with a Key and Value.

Add some test data to the Values (see below example), and ensure you are using the correct quotations "".

![](https://storage.crisp.chat/users/helpdesk/website/db6bda8734bdc000/3abcaef7-33f4-4cdf-afe3-146d05_1lopu1a.png)
---
# Step 7

Double-check your settings, and click Initialize Call. If successful, you will see a popup similar to this. Click **Save**

![](https://storage.crisp.chat/users/helpdesk/website/2470d24c56327800/d1ed5085-1002-469a-a729-d69bad_6w5bym.png)

You can now use this call as an **Action** in Bubble, which can be used in workflows to Create Contacts in Encharge.