How to integrate Bubble.io with Salesforce Commerce Cloud

Step 1: Preparation

Before we start with the steps for integration, it's crucial to ensure you are ready with all the necessary pre-requisites as follows:

-- Register on the Bubble.io platform and verify your account.

-- Log in to your Salesforce Commerce Cloud account.

Step 2: Create a new Bubble.io Application

-- Go to your Bubble.io dashboard after logging in.

-- Click on the "New App" button to create a new application.

-- Name your application and select the type of your application (e.g., Responsive, Native).

-- After confirming your selection, Bubble.io will redirect you to the application editor.

Step 3: Understanding Salesforce Commerce Cloud’s API

Salesforce Commerce Cloud uses the REST API for integration. To integrate Salesforce Commerce Cloud with Bubble.io, you have to work with its REST API. The full documentation for the API can be found in Salesforce's API Documentation.

Step 4: Install Postman

-- Visit the Postman website and download the app. Install it following the prompts.

-- Once installed, open Postman and create a new account or log in if you already have an account.

Step 5: Create Collection

-- On the Postman homescreen, click on the Create a collection button.

-- Name your collection (e.g., Bubble - Salesforce), then click on the Create button. You should now see your collection in the Collections tab on the left sidebar.

Step 6: Add Request

-- Click on the Add Request button below your collection.

-- You need to name your request and add a description (optional).

Step 7: GET Request

-- Open your new request and set GET as your HTTP method.

-- You need to add your API endpoint in the field next to the HTTP method. This endpoint is provided by Salesforce Commerce Cloud.

-- Click on the Authorization tab and select Bearer Token as the type. Then input your Salesforce authentication information.

Step 8: Send Your Request

-- After setting up everything, click on the Send Button.

-- If everything is OK and your request receives a 200 OK response, then your API is working correctly.

Step 9: Bubble.io Plugin Installation

-- Go back to Bubble.io and open your application in the editor.

-- Visit Bubble's Plugin tab in the left sidebar of the application editor.

-- Use the search bar to find the "API Connector" plugin by Bubble.io.

-- Click the "Install" button.

-- After the installment, head back to your app editor.

Step 10: Initialize Salesforce Commerce Cloud's API Calls

-- Click on the plugins' tab on your application editor again, and you'll find the installed API Connector plugin.

-- Open that plugin's settings, and click on "Add another API."

-- Here you name your API and set up your calls exactly as you did in Postman. Meaning you'll have to add your API endpoint, choose the method (GET), header keys and values, and so forth.

Step 11: Use API in Bubble.io

-- Now that your API call is set up correctly, you can use it in your Bubble.io application.

-- Go to the Data tab and choose API Workflows. Create a new endpoint and choose the action "Return data from API," where you can select your Salesforce API Call.

-- You can now use these API Workflows in your app to display, create, or edit data in Salesforce Commerce Cloud.

That completes the Bubble.io and Salesforce Commerce Cloud integration. Keep in mind that the steps could vary based on your specific Salesforce Commerce Cloud API or Bubble.io application setup. For more complex integrations, it's recommended to hire a Bubble.io developer or reach out to Bubble.io customer support.