---
title: "Add custom JSON"
slug: "add-custom-json"
abstract: "Example of how to use custom JSON to configure an external component."
---
# Add custom JSON

You can further customize the **External** component as required by adding JSON to the **Configuration** field. For example, you can use JSON to pass a configuration object to your code if you don't want to hard-code it in the external component itself.

The following custom configuration passes the identifier of a **Search** component:

```json
{
 "searchIdentifier": "Portal.PageComponent.Assets.search"
}

```

This lets you reuse the external component bundle on different pages by passing a `searchIdentifier` value into the **Configuration** field.

> [!warning]
> Value sets in the external component configuration might be visible to end users who examine the page source in their browser. For this reason, don’t include any private or sensitive data in these value sets.