Next Previous Internal Links for Dynamic Pages


Is it possible to add next/previous links to navigate through a series of dynamic pages?

We use dynamic pages for our Architecture firm clients who have unique project pages. I'm looking for an easy way that visitors can navigate between these projects (dynamic pages). A simple link at the bottom of the page for previous and next project would be ideal, is there an easy way to create this?

Best Answer

  • Ofri_Baram
    Ofri_Baram Member Posts: 11 mod
    Answer ✓

    Hi @Bryon_McCartney!!

    Ofri from Duda's Product team here. I would suggest the following steps.

    Step 1:

    Add 2 new columns to the collection of type link.

    Step 2:

    Name 1 column "next" and the other "previous."

    Step 3:

    For each row in the collection, add to the next and previous column an internal link path with the link of the item before and the link of the item after.

    Step 4:

    In the dynamic page, add a row in the top or bottom, and add two button widgets to the row, styled as they want (i.e. one aligned to the left and the other to the right of the row).

    Step 5:

    Add the buttons' text to be "next" and "previous".

    Step 6:

    Connect each button to the collection and connect only the link field to the next/previous column, since the text field can stay static for all pages.

    Here are a few screenshots for an example:

    Let me know if you need anything else! Thanks. 😄