CMS Load More

Extend Webflow’s pagination adding a Load More Button on your CMS lists.

Thank you!

Oops! Something went wrong while submitting the form.

Give us feedback

[.c-title_step]How to add CMS Load More in Webflow?[.c-title_step]

Use Refokus Load More to extend Webflow’s pagination adding a Load More Button on your CMS lists.

‍

[.c-title_step]Step #1: Copy/Paste tool URL[.c-title_step]

[.c-text_step]Paste the following script in the “Before tag" field under the "Custom Code" section in the page settings.[.c-text_step]

<script src="https://tools.refokus.com/pagination-enhancer/bundle.v1.0.1.js"></script>

‍

[.c-title_step]Step #2: Set custom attributes[.c-title_step]

Everything is made using custom attributes, so when we say “Add” that means “Add a custom attribute”.

Before we start, activate Webflow’s pagination.

Add [.c-tool_tag]r-pagination="load-more"[.c-tool_tag] to the Collection List Wrapper.

Add a button to use as a load more and add [.c-tool_tag]r-load-more-button="1"[.c-tool_tag].

Thank you!

Oops! Something went wrong while submitting the form.

Give us feedback

Other tools

Social Share

Add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

Rich Text Enhancer

Add Classes, IDs, or Custom Attributes to rich text elements in Webflow

Copy to Clipboard

Create a button that will copy any piece of text, including links, to the clipboard.

Slider Generator

Create custom sliders in Webflow powered by SlickJS.

Page Transitions

Create visual continuity between pages with custom page transitions.

Masonry Layout

Create a Masonry Layout (Pinterest Style) that’s also fully responsive!

CMS Prev/Next

Show the next and previous CMS collection items.

CMS Tabs

Create powerful tabs where the tab menu and content are managed from a CMS.

CMS Filters

Create one or more filter sets to filter results on a CMS collection list.