Hello everyone,
I’m new to Builder.io and I’m trying to add some functionality to my project, but I seem to be missing some key UI elements that I see in tutorials.
My Goal: I want to make an API call when a user clicks a button. Specifically, I need to set up an “On click” event for a button that sends a POST request to my external backend API.
The Problem: I can’t find the “Data” tab on the right-hand panel or the “Interact” tab at the top of the editor. When I have an element selected, I only see “Style” and “Options” on the right.
Here is a screenshot of my editor view:
I am currently on the Free plan .
My question is: Is the ability to add element events, manage state, and make API calls a feature that is only available on a paid plan (like the Pro plan)?
If so, can you please confirm which plan I would need to upgrade to in order to get access to the “Data” and “Interact” tabs?
Like this:
Thank you so much for your help!
Hello @Cyrus-Gilani ,
You’re absolutely right to be looking for the “Data” and “Interact” tabs in the Builder.io Visual Editor they’re crucial for adding actions like POST requests or managing state in response to events like button clicks.
You can use onClick actions (like sending a POST request), data bindings, or connect Builder to dynamic external APIs on the free plan too. We suggest you to try the Pro plan for your space, you’ll get much more additional features like localization, more number of AI credits and target scheduling, etc.
Thanks,
1 Like
Hi @builder_akash, thank you very much for the help, I believe the reason I couldn’t find them is because I was working in a fusion space instead of a publish space, could you please explain how I can move my pages from a fusion space to a publish space? Sorry about all the questions, this is my first time building a website with builder.io so I’m a little lost.
Hi @Cyrus-Gilani ,
Sorry but currently it is not possible to transfer the content from Fusion space to publish. However, you can make use of the AI and manually intervene with data and other tabs as well.
You can simply select the element in the “design” tab where you’ll see options like Publish space to play around with element events and data binding.
Hope this helps!
