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

Step 1: Get your BigCommerce API

The first thing you need to do to integrate Bubble.io with BigCommerce is to obtain your API credentials from BigCommerce. This will allow Bubble.io to communicate with your BigCommerce account securely.

1. Log in into your BigCommerce dashboard.

2. Navigate to the Advanced Settings > API Accounts.

3. Click the 'Create API Account' button.

4. In the 'Name' field, enter a name for the API account, like 'Bubble'.

5. Under 'OAuth Scopes', select the necessary scopes for your application. The required scopes will depend on what you want your Bubble.io app to be able to do with your BigCommerce data.

6. After specifying the 'OAuth Scopes', click 'Save'.

7. After clicking 'Save', your API account details will be generated.

8. BigCommerce will show you the Client ID, Client Secret, and Access Token.

   • Attention: Save these somewhere safe! BigCommerce will not show them again.

Step 2: Set up your API in Bubble.io

After you have your BigCommerce API credentials, you will need to connect them to your Bubble.io app.

1. Log in to your Bubble.io account and navigate to your app editor.
2. Click the 'Plugins' tab in the left side menu.
3. Click the '+' button to add a new plugin.
4. Search for the "API Connector" plugin and click 'Install'.
5. After the plugin is installed, you'll see it listed in the 'API' section of the 'Plugins' tab.
6. Click the 'Add another API' button.
7. Type in "BigCommerce API" as the API name.
8. In the 'Authentication' section, select 'Self-handled' from the dropdown.

Step 3: Add your BigCommerce API credentials to Bubble.io

After you've set up the API connector in Bubble.io, you'll need to input the API credentials you obtained from BigCommerce.

1. In the API you just created, click on the 'Add New Request' button.
2. Type 'Initiate Token Request' in the label field.
3. Set the data type to 'Action'.
4. From the dropdown menu, select 'POST' as the method.
5. In the 'URL' box, use this format: https://{store.mybigcommerce.com}/dav/v1/oauth2/token'.
6. Check the 'Private' box.
7. In the 'Add Parameter' section, set client_id, client_secret and access_token as keys and paste the corresponding credentials from BigCommerce.
8. Click 'Initialize Call' to make sure everything is working.

Step 4: Create Your Calls

Now, you are able to make calls to your BigCommerce API. Bubble.io allows this via the 'Workflow' function.

1. Navigate to the 'Workflow' tab.
2. Click '+ New Workflow'.
3. Choose a trigger for the workflow.
4. Click '+ Action > Plugins > API Connector'.
5. Choose the 'BigCommerce API' you created.
6. Select the method and endpoint of the API call.
7. Click 'Save' to finalize the workflow.

Remember, the above instructions are point-to-point instructions. The actual fields, parameters, or workflows can change entirely based on what you need to do with your app.

That's it! With these steps, you should be able to integrate Bubble.io with BigCommerce successfully.