A comprehensive tool for seamless JSON integration. Easily parse JSON objects to extract specific data and directly populate Bubble input fields. This plugin streamlines workflows by allowing you to instantly display data from APIs, backend workflows, or custom JSON strings, saving time and reducing the need for complex data handling logic.
1. Action: Set Input Box from JSON
This action is for populating a single input field on your page with a specific value from a JSON object.
Parameters: elementid (text): The ID Attribute of the target input element. You must set this ID in the input box's properties panel in the Bubble editor.
jsonkey (text): The key for the specific value you want to extract from the JSON object (e.g., 'name' or 'age').
jsondatatext (text): The raw JSON object as a string.
How to Use: Add the Set Input Box from JSON action to a workflow.
In the jsondatatext field, provide the JSON string.
In the jsonkey field, enter the key for the desired value.
In the elementid field, enter the ID of the input box you want to fill.
2. Action: Set Repeating Group Inputs This action is designed for populating multiple input fields within a Repeating Group using data from a JSON array.
Parameters: elementid (text): The ID Attribute of the target Repeating Group. You must set this ID in the Repeating Group's properties panel in the Bubble editor.
jsonarraykey (text): The key that identifies the array within your JSON data (e.g., 'records').
jsonarraysubkey (text): The key for the specific value you want to extract from each object within the JSON array (e.g., 'id' or 'status').
jsondatatext (text): The entire JSON data as a string.
How to Use: Add the Set Repeating Group Inputs action to a workflow.
In the jsondatatext field, provide the JSON string.
In the jsonarraykey field, specify the key for your array, like addresses.
In the jsonarraysubkey field, enter the key for the specific data you want to display, like type.
In the elementid field, enter the ID of your Repeating Group.
Important Note: For the plugin to work correctly, the input element inside the Repeating Group's cell must have a unique ID attribute. Set the input's ID Attribute to a base name and append the Current cell's index at the end (e.g., input_address Current cell's index).
Types
This plugin can be found under the following types: