> For the complete documentation index, see [llms.txt](https://docs.payengine.co/payengine-api-v2.5/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.payengine.co/payengine-api-v2.5/ui-styleguide-specs/embedded-widget-overview.md).

# Embedded Widget Overview

The **Embedded Widget** allows you to embed all available Platform web-components via a single integration. This simplifies setup and gives you full control over visibility, and layout.

### Available Web-Components

You can enable/disable the following components from the unified widget and set their order using the configuration editor in the Partner Portal.

1. Transactions
2. Payouts
3. Settlements
4. Dashboard
5. Disputes
6. Merchant Details
7. Devices
8. Accounting
9. Statements
10. Transaction Monitoring Rules
11. Merchant Billing Method
12. Merchant Billing Summary
13. Virtual Terminals

Each tab can be toggled **on/off**, and the **tab order** determines how they appear in the widget.

### Transactions Table Customization

The **Transactions** table supports column-level customization. You can rename column titles and control their visibility using the **Tab Properties (JSON)** section in the configuration panel.

<figure><img src="/files/jvNkv1pvbdUXs45aMXVt" alt=""><figcaption><p>Embedded Widget</p></figcaption></figure>

{% tabs %}
{% tab title="Format" %}

```json
{
  "columns": {
    "current_column_name": {
      "name": "new name",
      "visible": true
    }
  }
}
```

{% endtab %}

{% tab title="Sample" %}

```json
{
  "columns": {
    "internal_transaction_id": {
      "name": "Internal ID",
      "visible": true
    }
  }
}
```

{% endtab %}
{% endtabs %}

`"current_column_name"` is the internal identifier for the column. These must match the values listed in the **“Column Name for JSON”** column in the table [below](#column-mapping).

* **`name`**: Overrides the default column title in the UI.
* **`visible`**: Set to `true` to show the column, or `false` to hide it.

#### Column Mapping

| Column name in UI for the Transaction table | Column Name for JSON      |
| ------------------------------------------- | ------------------------- |
| Transaction ID                              | transaction\_id           |
| Merchant Name                               | merchant\_name            |
| Customer Name                               | customer\_name            |
| Transaction Amount                          | transaction\_amount       |
| Internal ID                                 | internal\_transaction\_id |
| Status                                      | transaction\_status       |
| Payment Type                                | payment\_type             |
| Transaction Time                            | created\_at               |