# Embedded Widget Overview

The **Embedded Widget** allows you to embed all available PayEngine 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               |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.payengine.co/payengine-api-v2.5/ui-styleguide-specs/embedded-widget-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.