# Navigate

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

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FSOCA4JETJeAJccgWPbQN%2FCleanShot%202025-05-21%20at%2012.02.19%402x-min.png?alt=media&#x26;token=e4996c01-f81a-4d7f-9424-849ef6d7223e" 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="../../how-tos/layout-and-navigation/add-navigation-to-application" %}
[add-navigation-to-application](https://docs.uibakery.io/how-tos/layout-and-navigation/add-navigation-to-application)
{% endcontent-ref %}