**URL Parameter Extractor** is a lightweight Bubble plugin element that extracts specific segments from URL query parameters, allowing you to configure the exact parameter name and index position directly in the Bubble editor.

<b>Key Features</b>

- **Configurable Parameters**: Set the `Parameter` name (e.g., "testkey") and `Index` position (0, 1, 2...) in the element properties panel.
- **Dynamic Output**: Returns the extracted value via a state called `value`, usable anywhere in your app (workflows, conditions, text displays).
- **Multiple Instances**: Drop multiple elements on the same page with different Parameter/Index combinations to extract various parts simultaneously.


## How It Works

For URL `https://test.com/sample?testkey=A001-B001`:


| Parameter | Index | Returned Value (`Element's value`) |
| :-- | :-- | :-- |
| `testkey` | `0` | `A001` |
| `testkey` | `1` | `B001` |
| `user_id` | `0` | `12345` (if exists) |

## Usage Example

1. Drag the "URL Parameter Extractor" element onto your page (invisible by default).
2. In Properties panel:
   - `Parameter`: `testkey`
   - `Index`: `0`
3. Use `URL Parameter Extractor's value` in your app:

```
Text element: "User ID: [URL Parameter Extractor's value]"
Workflow condition: "When [URL Parameter Extractor's value] is not empty"
```


## Perfect For

- Parsing tracking codes, user IDs, or multi-part tokens from marketing campaigns
- Dynamic content based on referral parameters
- A/B testing variants or session identifiers
- Deep linking with structured query strings

**No JavaScript knowledge required** – fully configurable through Bubble's visual editor. Works on all pages and updates automatically when URL changes.