How to add CMS Load More in Webflow?

Thank you!

Oops! Something went wrong while submitting the form.

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

‍

[.c-text_step]Paste the following script in the “Before tag" field under the "Custom Code" section in the page settings.[.c-text_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.

Calculate a read time for any text block or rich text element on your page.

Our Image Magnifier tool allows you to zoom in images on hover.

Create a form field validator inside of your native Webflow form element.

Fetch and display data from any API

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

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

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

Create custom sliders in Webflow powered by SlickJS.

Create visual continuity between pages with custom page transitions.

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

Show the next and previous CMS collection items.

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

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