# Navigate

The Navigate action allows you to navigate to a page in your application.

<figure><img src="/files/V2c1e58zLwlDFaocsnbt" alt=""><figcaption></figcaption></figure>

You can configure the following *settings* for this action:

**a. Page path** - main setting where you need to specify the page URL. \
You can specify it as a string or use a variable to reference the page URL, for example:

```javascript
/home
```

Or you can also use the built-in `{{routes}}` object:

```javascript
{{routes.home.url}}
```

**b. Open in new tab** - select this checkbox to open the specified page in a new tab.

**c. Query params** - specify URL parameters that will be available on the new page as:

```javascript
{{activeRoute.queryParams}}
```

***

Check out this page to learn more information about ways of adding navigation to your application in UI Bakery :point\_down:

{% content-ref url="/pages/DgbF4Zw6IggkO5Ft0kEm" %}
[Adding navigation to application](/how-tos/layout-and-navigation/add-navigation-to-application.md)
{% endcontent-ref %}


---

# 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.uibakery.io/reference/working-with-actions/navigation.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.
