# Navigate to a different page

If you have multiple pages in your app, you'll need a way to navigate from page to page. This tutorial will walk you through basic navigations. For dynamic routing, see [Set up dynamic routing](/app-builder/popular-use-cases/set-up-dynamic-routing.md).

1. Select the element that will trigger the navigation. From the Interactions panel, add a supported event. For example, you can use a **Button** to perform the navigation by adding a **Click Button** event.\
   ![](/files/pldha9YJ1CgdaH1wxEWx)
2. Add an action and choose **Navigation** as the action.<br>

   <figure><img src="/files/RZyPOEkcmBD15y5dbQTj" alt=""><figcaption></figcaption></figure>
3. Then choose a navigation method from the dropdown below. Methods include Go Back, Go To Page, and Open Link.
   1. **Go Back:** Return the user to the previous page.
   2. **Go To Page:** Go to another page in your app. Another dropdown will appear for you to select an existing page.
   3. **Open Link:** Navigate to a link outside of your app. An input box will appear for you to enter a URL.

## Example: with a button

This example navigates to another page in our app named page1 upon the click of a button.

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

## Example: with a clickable/collapse menu

You can also add navigation events to elements other than buttons. For example, you can add a[Clickable](/app-builder/app-construction/elements/web-elements/clickable.md) to the contents of a [Collapse Menu](/app-builder/app-construction/elements/web-elements/collapse-menu.md) to act as a navigation bar. This will allow users to select which page they'd like to navigate to.

<figure><img src="/files/anuSSTOvWQccPNhBOSd0" 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.acho.io/app-builder/popular-use-cases/navigate-to-a-different-page.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.