MARKETPLACE
PLUGINS
GS JSON DATA EXTRACTOR & SETTER
GS JSON Data Extractor & Setter logo

GS JSON Data Extractor & Setter

Published August 2025
   •    Updated November 2025

Plugin details

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.

VIEW SAMPLE CODE URL

https://bubble.io/page?id=jsontoinputboxapp&test_plugin=1755051852554x960014004373160000_current&tab=Design&name=index


Demo page
https://jsontoinputboxapp.bubbleapps.io/version-test?debug_mode=true

$20

One time  •  Or  $20/mo

stars   •   0 ratings
6 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Tony @ Empatech logo
Tony @ Empatech
Joined 2020   •   58 Plugins
View contributor profile

Instructions

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:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble