Integration Guide: Bubble.io with Chanty

This guide provides an explicit step-by-step procedure to integrate Chanty with Bubble.io platform. Considering that Bubble.io doesn't inherently support instant Chanty integration, we will create custom Code/API call to facilitate this integration.

Step 1: Access Your Chanty Account's API Key

• Log in to your Chanty account on your browser and navigate to the admin settings.
• Scroll down until you locate 'API' and select it.
• Here, you'll find an API Key unique to your Chanty account. Copy this so you can use it later.

Step 2: Log into your Bubble.io Account

• Open another browser tab and go to the Bubble.io website.
• Input your login details and sign in to your Bubble.io account.

Step 3: Start a New app / Open an existing one

• Once you are in the main dashboard area, click 'New App' to initiate a new project. You can also open an existing project if you already have one you'd like to integrate with Chanty.

Step 4: Install API Connector Plugin

• Go to your project workbench in Bubble.io.
• Click on 'Plugins' on the left side navigation bar.
• In the search bar, search for 'API Connector'.
• Click on the 'Install' button and the plugin will be added shortly to your app.

Step 5: Configure your API calls

• Go back towards the project workbench and click on 'Plugins' again.
• Inside the 'API Connector', click on 'Add another API'. Here, we will add the Chanty API.
• Give your API a recognizable name. For instance, 'Chanty API'.
• In the 'API Base URL' field, input the Chanty’s API base URL. Typically, it should be something like https://api.chanty.com

Step 6: Setting up an authentication

• In the 'Authentication' section, choose 'Bearer Token' as the option.
• In the 'Shared Headers' section, write ‘Authorization’ in the first box and paste your Chanty's API Key (which you copied in Step 1) in the second box.

Step 7: Add API Calls

• Now click on 'Add another call'.
• Choose 'GET' as the method type.
• Input the relevant endpoint, e.g., /api/v1/users to fetch all users. Note this varies based on what action you want to perform.
• Press 'Initialize Call' to verify if it’s working. If all is setup correctly, you should see the response.
• Configure other API calls as per your requirement.

Step 8: Use API results

• After completing your API calls, you can use the data by inserting dynamic data in your Bubble.io actions or visual elements.
• Choose 'Get data from external API' and select the API call you added.
• Perform the operations as per your use case with the data received from Chanty.

Note: This guide assumes you have basic knowledge about how both Bubble.io and Chanty operate. This process may involve trial/error as the API calls depends on what operation you want to perform with Chanty. Please familiarize yourself with Chanty's API documentation to understand the endpoints and their responses more accurately!