---
title: Previous/Next Page Navigation
url: "https://www.toujou.com/service/element-library/navigation-elements/previous/next-page-navigation/"
date: 2020-05-17
modified: 2026-01-16
---

# Previous/Next Page Navigation

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Navigation Elements](https://www.toujou.de/service/element-library/navigation-elements/)
5. [Previous/Next Page Navigation](https://www.toujou.de/service/element-library/navigation-elements/previous/next-page-navigation/)

   Previous/Next Page Navigation
=============================

Connect subpages on the same level with navigation arrows to the previous and next page.

Item-ID: 07-028

[Sample view](#c1008144) [Step by step guide](#c1008146) [Screen adaptation](#c1008148)

---

 Sample view
-----------

A live view of the element can be found in our [campaign template for anniversaries and event pages.](https://campaign.toujou.net/programm/merchandise/becher/)

    [ ![](https://www.toujou.de/_assets/processed/oo3yKa3LUgyx46OKUuYiqhHKJs5oCG_SuaAZDhJFSlA/q:85/w:433/h:271/fn:Y3NtX0VOXzA3LTAyOF8wMF9Gcm9udGVuZC1BbnNpY2h0XzhlMmMwZGI1OTk:t/cb:7686846f4a02621e7c2c33a7da63c8b09840e050/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDdfUHJldi1OZXh0L0VOL0VOXzA3LTAyOF8wMF9Gcm9udGVuZC1BbnNpY2h0LnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/07_Prev-Next/EN/EN_07-028_00_Frontend-Ansicht.png)  ---

  Step by step guide
--------------------

     [ ![](https://www.toujou.de/_assets/processed/6BCiRuoDjJM00ukYuivnVAozL2WwgAA2Gb5rU_v7DsQ/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VOXzA3LTAyOF8wMV9OZXVlcy1FbGVtZW50XzhmNzc5Njg4ZWM:t/cb:e68976a58babb589af03e362e529c09bc3ba6686/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDdfUHJldi1OZXh0L0VOL0VOXzA3LTAyOF8wMV9OZXVlcy1FbGVtZW50LnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/07_Prev-Next/EN/EN_07-028_01_Neues-Element.png) ### Create widget

- Click on the **+ Content** button to create a widget.

    [ ![](https://www.toujou.de/_assets/processed/DtwAVUbHgqrzHhTmKR8zP2Smb7hWDNwjNhrmnMFX4Dw/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VOXzA3LTAyOF8wMl9XaWRnZXRfd2FlaGxlbl9kZjM3OGU1MDU1:t/cb:56bff42ad1b03602570fc4d919b74819a641ecfd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDdfUHJldi1OZXh0L0VOL0VOXzA3LTAyOF8wMl9XaWRnZXRfd2FlaGxlbi5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/07_Prev-Next/EN/EN_07-028_02_Widget_waehlen.png) ### Select widget

- In the *Widgets* tab select the element **Previous/Next Page Navigation**.

    [ ![](https://www.toujou.de/_assets/processed/itv7wkMel-Ds14O1WWYjUKa3q5XkDbnxAJs8jqK5M10/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VOXzA3LTAyOF8wM19XaWRnZXRfc3BlaWNoZXJuXzI0MWI0NWZjMGE:t/cb:e694ffa076048fe92a28ce2ddfe628d14f9a8fca/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDdfUHJldi1OZXh0L0VOL0VOXzA3LTAyOF8wM19XaWRnZXRfc3BlaWNoZXJuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/07_Prev-Next/EN/EN_07-028_03_Widget_speichern.png) ### Save widget

- Click **Save** above the workspace.

  ---

  Screen adaptation
-------------------

 ***Previous/Next Page Navigation* displays a linked arrow pointing to the left and to the right at the height of the middle of the website, fixed at the respective lateral edge.**

**Special features**:

- The arrows are automatically linked to the previous or next page. The hierarchy is determined from the order of your subpages in the page tree from top to bottom.
- It does not matter where you place the content element on the respective page.
- To ensure that all pages on the same level rotate, the widget element has to be placed individually in each subpage.

**Behaviour**: The arrows are displayed on all devices at the mid point of the screen on the right and left sides. They will remain there as a fixed element even when visitors are scrolling.