Bubble.io and DeepAI integration: Step-by-Step Guide 2024

Step 1: Create an account on Bubble.io

Start by creating an account on Bubble.io if you don't have one already.

• Visit the Bubble.io website and click on the "Sign Up" button.
• You can choose the preferred method of sign up- either using your email or by using your Google account.
• If you choose to sign up via email, provide your email address, your name, and choose a strong password, then click "Sign Up."
• If you opt to sign up via Google, you just need to select your Google account and grant necessary permissions.

Step 2: Create a new app

Once logged in on Bubble,

• Go to your Dashboard.
• Click on the "New App" button.
• You will be prompted to give your new app a name. Pick a name, then click on the "Create a new app" button to proceed.

Step 3: Create an account on DeepAI

• Go to the DeepAI website.
• Click on the "Sign Up" button on their homepage.
• Fill in the required details (valid email, name, and a strong password) then click on the "Create account" button.

Step 4: Get your API key from DeepAI

After creating your DeepAI account, you'll need your API key to integrate DeepAI with Bubble.

• Log into your DeepAI account.
• Locate and click on your profile icon, which is usually located at the right-hand corner of the screen.
• From the drop-down menu that appears, click on "API keys."
• Once in the API keys section, click on "create new key."
• Copy the generated API key since you'll need it in Bubble.

Step 5: Install the API connector plugin on Bubble.io

• Go back to Bubble.io and open your app.
• Click on the "Plugins" tab from the left sidebar menu.
• Click on "+Add plugins".
• Search for "API connector" in the search box. Click on it when it appears then click "Install" button.

Step 6: Set up the API plugin in Bubble.io

• Click on the "Plugins" on the left sidebar, and you will see "API Connector" listed as one of the installed plugins.
• Click on "Add another API."
• Enter a name for the new API setup (something you can easily remember, like DeepAI API).
• On the "Authentication" section, select "Self-Handled" or "None or self-handled"
• Under the "Add an API Call" section,
• Specify an API "Call Name."
• Choose the "Method" (it could be GET, POST, PUT, DELETE depending on what action you want to use).
• Enter the API URL provided by DeepAI (e.g., https://api.deepai.org/api/<API_Call_Name>).
• In the "Headers" section define Key as api-key and Value as your DeepAI API Key (copied in Step 4).
• Click on "Initialize call" to test the API setup.

Step 7: Utilize the API within your Bubble.io App

With the API now setup, you can begin to use it within your Bubble.io application. Whether you want to create workflows that trigger API calls, or display data from the API on your application’s UI, how you choose to use the DeepAI API is dependent on your application’s particular use case.

Remember to always test the integrations and functionalities you've set up to ensure they're working as expected.