1

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:

:one: How should I structure the API call in Bubble’s API Connector to fetch the data correctly?
:two: How do I configure the dropdowns in Bubble so that each one displays only the products from its specific category?
:three: 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!

2

I do it like this, using the Xano Connector:

  1. In the function stack, I do the “Query all records” of the tables I want, in your case 8 queries.
  2. 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.
  3. I do the search in Xano and copy the response.
  4. I create a virtual call in the Bubble API Connector plugin and paste this response to configure the variables.
  5. Then I add the Xano Data element and make the call returning this type of data that I created in step 4.
  6. In the dropdown, I pull: Xano Data Products: each item’s T-shirts
  7. 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.

3

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