# How to add page navigation using interactions?

> Adding page navigation interactions transforms static wireframes into clickable prototypes, making it easier to simulate real...

Source: https://mockflow.com/docs/wireframepro/prototyping/to-add-page-navigation-using-interactions

Adding page navigation interactions transforms static wireframes into clickable prototypes, making it easier to simulate real user flows and speed up the prototyping process.

In this article, we’ll walk you through the steps to add page navigation using MockFlow’s Prototyping feature.

For demonstration, we’ve created two screens—a Home Screen and a Chat Screen—of a mobile messenger app to showcase how page transitions work in action.

![Screen Shot 2024-12-09 at 2.46.02 PM.png](https://assets.mockflow.com/docs/media/2196cc219cc8d64b8e990dc6.webp)

1. In the wireframing editor, select a component from your design and click on the 'Manage Interactions' option in the Prototyping section.

![Screen Shot 2024-08-29 at 5.51.59 PM.png](https://assets.mockflow.com/docs/media/a7224ed32a82de223c212653.webp)

1. You’ll see three interaction options; select an interaction type and add an action to the component.

![Screen Shot 2024-08-29 at 5.47.53 PM.png](https://assets.mockflow.com/docs/media/364b1fc142c1e9b4dfb593c6.webp)

1. Choose the 'Go to Page' action from the list of options.

![Screen Shot 2024-08-29 at 5.52.20 PM.png](https://assets.mockflow.com/docs/media/8cf78fc9fd3598a4dd4e3c8d.gif)

1. Select the desired page for the interaction and click Select.

![Screen Shot 2024-12-09 at 3.18.53 PM.png](https://assets.mockflow.com/docs/media/6334dbcf89b6863e67fc844d.webp)

1. The chosen action will be added to the interactions. Click on 'View' to see it in action.

![Screen Shot 2024-12-09 at 3.19.17 PM.png](https://assets.mockflow.com/docs/media/d6eee32862f408295d93e627.webp)

1. Clicking on the component will display the interactions between pages by linking.

![Page navigation gif.gif](https://assets.mockflow.com/docs/media/37d835739efb1766c035470c.gif)