# Mapping using UI

You can map data in the following ways:

* Using the expressions editor.
* By dragging and dropping data from the **INPUT** into parameters. This generates the expression for you.

### Drag and drop data[#](https://docs.n8n.io/data/data-mapping/data-mapping-ui/#how-to-drag-and-drop-data) <a href="#how-to-drag-and-drop-data" id="how-to-drag-and-drop-data"></a>

1. Run your workflow to load data.
2. Open the node where you need to map data.
3. You can map in table, JSON, and schema view:
   * In table view: click and hold a table heading to map top level data, or a field in the table to map nested data.
   * In JSON view: click and hold a key.
   * In schema view: click and hold a key.
4. Drag the item into the field where you want to use the data.

Data mapping assigns the key path and loads the corresponding value into the field. For instance, consider the following data:

```json
[
	{
		"fruit": "apples",
		"color": "green"
	}
]
```

To assign fruit values to specific fields, users can employ a drag-and-drop process of fruits from the input section. This action leads to the formation of an expression, denoted as `{{ $json.fruit }}`, which specifies the value of the fruit. As the node progresses through input entries, the field's value dynamically adjusts to represent the fruit value associated with each item.

#### Nested Data

Appizap Workflow Builder displays the nested data in table form like this:

```json
[
  {
    "name": "First item",
    "nested": {
      "example-number-field": 1,
      "example-string-field": "apples"
    }
  },
  {
    "name": "Second item",
    "nested": {
      "example-number-field": 2,
      "example-string-field": "oranges"
    }
  }
]
```

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FtUUvn2Znc66u0sGzs4xF%2Fimage.png?alt=media&#x26;token=2fe083d0-b261-4033-9b09-808841f7c9e8" alt=""><figcaption></figcaption></figure>


---

# 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.appizap.ae/appizap-workflow-builder-pro/data-handling/mapping-using-ui.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.