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

Integrating Bubble.io with Yardi involves setting up Bubble's API Connector to link to Yardi's API interface. This guide assumes that you already have both a Bubble.io and a Yardi account.

Step 1: Get Yardi API Details

Log in to your Yardi dashboard and navigate to the API section. Here you will find your API key, endpoint, and other necessary information. Make sure to note this information as you will need to input it in Bubble in the next steps.

Step 2: Setting Up Bubble's API Connector

Log in to your Bubble.io account and open up your app.

In the Bubble editor, find the Plugins tab on the left sidebar.

Here, click on the + Add plugins button. A search bar will appear.

In the search bar, type API Connector and click on the API Connector option from the dropdown menu provided. This will install the API Connector plugin to your app.

Step 3: Configuring the API Connector to Yardi API

Now that you have installed the API Connector plugin, it's time to connect it to the Yardi API.

Go back to the API Connector in your Plugins tab, and you'll see an APIs section. Here, click on the + Add another API button.

A form will appear prompting you to fill out the details of the API you're adding.

Provide the API name as Yardi API.

Choose the authentication type as None or self-handled. Yardi doesn't use a standardized authentication process, so you may need additional info here, and you may need to add headers in the Shared Headers section according to Yardi's API documentation.

Step 4: Add API Calls

Under the same Yardi API section, click on Add Another Call and configure it according to the Yardi API documentation for the actions you want to perform.

For instance, if you want to fetch some data from Yardi,

• Set the Use as Action or Use as Data as per the requirement.
• Put the Call Name, preferably based on the data's nature you are going to fetch.
• Provide the GET method (since you want to fetch the data from Yardi).
• Put the Relative Path, according to the API documentation.
• Set up Parameters and Header as per Yardi API documentation.

Click on Initialize Call to see if everything is set up correctly.

Step 5: Test and Deploy

After initializing, a successful attempt will result in the structure of the data that Bubble will receive.

You can then use these data fields in any part of your Bubble app, like populating a repeating group, getting text from an API, and more.

Once the testing is done, go ahead and deploy your changes from the Bubble editor.

With these steps, you have successfully integrated Bubble.io with Yardi! To set up different interactions between Bubble.io and Yardi, adapt the steps according to the different API endpoint specifications.