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

Integrating Bubble.io with Meetup is a great way to automate tasks and enhance your networking events. Follow this comprehensive step-by-step guide to ensure seamless integration.

Step 1: Sign Up or Log In to Meetup and Bubble.io

If you don't already have a Meetup and Bubble.io account, you'll need to create one.

• For Meetup, visit Meetup and click on the 'Sign up' button. Follow the prompts to complete the process.
• To sign up on Bubble.io, head over to Bubble and click on the 'Sign up' button. Follow the prompts to set up your account.

If you're already a user, just log in to your accounts on both platforms.

Step 2: Set Up a New App on Bubble.io

After successful login to Bubble.io, on your dashboard click on 'New Application'. On the subsequent screen, input your preferred application name and click on 'Create New App'.

Step 3: Install API Connector Plugin

You will need to install the API connector plugin in order to integrate third-party API like Meetup.

• Click on the 'Plugins' tab on the left-hand side menu and then click on the '+ Add plugins' button.
• In the subsequent screen, type 'API Connector' in the search bar and click 'Install' and then 'Done' when the API Connector by Bubble shows up.

Step 4: Configure the API Connector

Upon successful plugin installation, you need to configure the API Connector.

• Click the ‘Plugins’ tab and select ‘API Connector’.
• Click on ‘Add another API’ and in the fields displayed, input the respective data.
• In the 'Use as' field, select 'Data (GET, POST, etc.)'.
• Fill in the ‘Authentication’ field depending on the type of authentication Meetup uses. (Meetup uses OAuth2.0)
• Enter the 'Base URL' which is the URL used by Meetup's API, set as https://api.meetup.com/.

Step 5: Set Up OAuth2

OAuth2, Meetup's preferred authorization protocol requires a Client ID and Client Secret provided by Meetup.

• Log into your Meetup Account.
• In Meetup, navigate to OAuth Consumers under the account settings. Click on "Create new OAuth consumer".
• Fill in the required information and the redirect URL which should match the URL you've indicated in Bubble.io. Click on "Create Consumer".
• You'll be provided with a Key (Client ID) and Secret (Client Secret) which you'll need to input in the Bubble API connector setup for Meetup.

Step 6: Complete API Connector Setup

With this data, go back to your Bubble.io account and fill in the necessary fields in the API Connector:

• In 'App id Key' input your Client ID and in 'App secret key', the Client Secret.
• In 'Token URL', 'Access Token URL' and 'Refresh Token URL', enter the respective URL's as per Meetup's API documentation.

Step 7: Initialize API Calls

Having set up the API Connector, we'll need to initialize respective API calls as per our needs. Click on 'Initialize Call' and:

• Type in the 'Call name' of your choice.
• For 'Data type', choose 'JSON'.
• In ‘Data to send’, input data as required by the specific Meetup API endpoint you’re intending to use.
• Deactivate ‘Private’ if the API call does not require user authentication and vice versa.
• Click 'Save' after filling these details.

Step 8: Authenticate and Test the API

Click on 'Shared headers' and add a new header. Fill in 'Authorization' in the Key field and in the Value field input 'Bearer ' followed by the access token. Now click on 'Initialize/Re-initialize call'.

If all was done correctly, Bubble will automatically pull in keys from the API’s response, which you can use to configure dynamic data on your app.

Your Bubble.io app is now integrated with Meetup.

Step 9: Test the Integration

Finally, create conditions and workflows in your Bubble.io application that trigger or utilize the configured API endpoints. Test different scenarios to ensure the integration is functioning as expected.

Note: The specific process of integrating any API with Bubble.io might vary depending on the API's specific requirements, check Meetup's API documentation for specific endpoints and parameters.