> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/popular-use-cases/navigate-to-a-different-page.md).

# 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.\
   ![](https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FbEM0LzziaEC8t9GH7h0v%2Fimage.png?alt=media\&token=eeeb8462-bcb6-48b9-9fef-ef75ba79be41)
2. Add an action and choose **Navigation** as the action.<br>

   <figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FydwInrx4RDcm59UHA6v2%2Fimage.png?alt=media&amp;token=7ae0036e-1b1d-423c-84bc-eb238a30cea9" 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="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FfJeTTQXkbKmGQHL3huAB%2Fimage.png?alt=media&amp;token=35627b71-a359-4345-918a-47b1cfd6d181" 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="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2Fji5yBXPpzV0TeYujDuCM%2Fimage.png?alt=media&amp;token=70c5690f-1311-46e6-979d-ee66386024d0" alt=""><figcaption></figcaption></figure>
