CMS Prev/Next

Hello! 👋

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

CMS Prev/Next

Use the Refokus CMS Prev/Next tool to show the next and previous CMS collection items. This tool is incredibly useful for showing the next article on a Blog CMS Template, or on a case study CMS Template.

[.c-title-3-primary]How to add CMS Prev/Next Navigation in Webflow?[.c-title-3-primary]

Use the Refokus CMS Prev/Next tool to show the next and previous CMS collection items. This tool is incredibly useful for showing the next article on a Blog CMS Template, or on a case study CMS Template.


Step #1

Copy the

CMS Prev/Next

<script> and paste it before the </body> of your page

Copy Script Code
<script
src=
"
https://tools.refokus.com/next-prev-articles/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/next-prev-articles/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
Copied!
Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
Learn more
Create a 'hidden' Collection List on the page and add a Custom Attribute
Create a 'Next' CMS item button
Create a 'Previous' CMS item button
Displaying content from the Next or Previous item
General Notes
Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
CMS Tabs
Create powerful tabs where the tab menu and content are managed from a CMS.
Link to tool
CMS Filters
Create one or more filter sets to filter results on a CMS collection list.
Link to tool
CMS Load More
Extend Webflow’s pagination adding a Load More Button on your CMS lists.
Link to tool