# 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](https://docs.acho.io/app-builder/popular-use-cases/set-up-dynamic-routing "mention").

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&#x26;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&#x26;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](https://docs.acho.io/app-builder/app-construction/elements/web-elements/clickable "mention") to the contents of a [collapse-menu](https://docs.acho.io/app-builder/app-construction/elements/web-elements/collapse-menu "mention") 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&#x26;token=70c5690f-1311-46e6-979d-ee66386024d0" alt=""><figcaption></figcaption></figure>
