How to set up an API call in Bubble to populate 8 Dropdowns with data from Xano?

wfischerctba · 2025-02-06T18:13:57.947Z

Hello everyone!

I’m developing a Bubble app and using Xano as the backend. I need to configure a GET API in Bubble to populate 8 dropdowns, where each dropdown will fetch a specific type of product from a different table in Xano.

Structure Details:

I have 8 tables in Xano, each containing a type of product with a name field.
I have already created a GET API in Xano, and when tested in Xano, it correctly returns the product names.
In Bubble, I want to set up 8 dropdowns, with each one displaying only the products from its respective category.

What I need help with:

How should I structure the API call in Bubble’s API Connector to fetch the data correctly?
How do I configure the dropdowns in Bubble so that each one displays only the products from its specific category?
Are there any best practices or common mistakes I should be aware of when integrating this setup?

Any guidance, step-by-step instructions, or examples would be greatly appreciated!

Thanks in advance!

guerradanilo · 2025-02-13T16:05:07.885Z

I do it like this, using the Xano Connector:

In the function stack, I do the “Query all records” of the tables I want, in your case 8 queries.
Each query will return a variable, so in the response I add each of the variables, again, in your case there will be 8 variables in the response.
I do the search in Xano and copy the response.
I create a virtual call in the Bubble API Connector plugin and paste this response to configure the variables.
Then I add the Xano Data element and make the call returning this type of data that I created in step 4.
In the dropdown, I pull: Xano Data Products: each item’s T-shirts
In the option caption, you can pull the name of the t-shirt, for example: current option’s name. As long as this is in the response of the t-shirts query.

Does that make sense? Maybe there’s another way to do it, but this is how I do it.

system · 2025-04-17T18:14:19.326Z

This topic was automatically closed after 70 days. New replies are no longer allowed.