# Previous/next post buttons in Elements CMS

**URL:** https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354
**Category:** Elements CMS
**Created:** [August 15, 2026, 11:29am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354 "2026-08-15T11:29:39Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![PouwelW](https://avatars.discourse-cdn.com/v4/letter/p/f19dbf/32.png) [@PouwelW](https://forums.realmacsoftware.com/u/PouwelW)
#### Post date: [August 15, 2026, 11:29am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/1 "2026-08-15T11:29:39Z")

</div>

Can anyone tell me if it is possible to create previous and next post buttons for Elements CMS? There doesn’t seem to be a component making that possible for simple minds like my own.

---

<div class="post-metadata">

### Author: ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)
#### Post date: [August 17, 2026, 7:21am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/2 "2026-08-17T07:21:16Z")

</div>

Hi @PouwelW

we don’t currently have a component that does this, but it’s something we’d love to add 🙂

---

<div class="post-metadata">

### Author: ![PouwelW](https://avatars.discourse-cdn.com/v4/letter/p/f19dbf/32.png) [@PouwelW](https://forums.realmacsoftware.com/u/PouwelW)
#### Post date: [August 17, 2026, 9:36am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/3 "2026-08-17T09:36:02Z")

</div>

Hi Ben,

I hope you will find time in the near future to realize such a component. It would bring blogging in Elements to a higher level.

---

<div class="post-metadata">

### Author: ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)
#### Post date: [August 17, 2026, 10:52am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/4 "2026-08-17T10:52:43Z")

</div>

But you don’t necessarily have to wait for Ben either.

You can create your own NEXT/PREV navigation using the frontmatter.

It might take one or two extra lines, but it works absolutely perfectly for me.

 ![Bildschirmfoto 2026-08-17 um 12.50.25](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/8/d8fa11b22d56b3a9105ace4ff6bb9fe4bb0dc6f2.png)

---

<div class="post-metadata">

### Author: ![PouwelW](https://avatars.discourse-cdn.com/v4/letter/p/f19dbf/32.png) [@PouwelW](https://forums.realmacsoftware.com/u/PouwelW)
#### Post date: [August 19, 2026, 12:10pm UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/5 "2026-08-19T12:10:50Z")

</div>

Thanks Pegasus. But I’m not a developer, just someone who publishes blog posts on his own, personal site. I do prefer a dedicated component for this. Or, if that’s possible, copying some CSS-code in the Advanced section of a regular button.

---

<div class="post-metadata">

### Author: ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)
#### Post date: [August 19, 2026, 12:34pm UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/6 "2026-08-19T12:34:37Z")

</div>

You don’t need to know how to code for this.

I would keep it simple.

You can just add something like this to the frontmatter of your Markdown files:

```auto
prevPost:
  name: "This is the Prev Post"
  path: "here-the-slug-of-your-prev-post"

nextPost:
  name: "This is the Next Post"
  path: "here-the-slug-of-your-next-post"

```

Then you can output these values using Twig, just like you’re probably already doing with other data in your blog.

For example, inside your buttons:

```auto
{{ item.prevPost.name }}

{{ item.nextPost.name }}

```

Then simply link the two buttons using:

```auto
{{ item.prevPost.path }}

{{ item.nextPost.path }}

```

And that’s it — you have your own custom NEXT/PREV buttons.

If you’ve already set up your blog, assigned a title, and linked your blog posts, this should be pretty straightforward to implement.

If you run into any problems, just let me know and I’ll be happy to help.

---

<div class="post-metadata">

### Author: ![PouwelW](https://avatars.discourse-cdn.com/v4/letter/p/f19dbf/32.png) [@PouwelW](https://forums.realmacsoftware.com/u/PouwelW)
#### Post date: [August 21, 2026, 8:49am UTC](https://forums.realmacsoftware.com/t/previous-next-post-buttons-in-elements-cms/57354/7 "2026-08-21T08:49:21Z")

</div>

Thanks for your suggestion and for your offer to help. But I prefer the DevPack that @MichaelDroste so kindly developed when he read my post. That works fine for me and doesn’t require changing the FrontMatter of my md-files. It’s great to notice how helpful people are on this forum.
