New feature: Pagination

It’s here, it’s finally here: now you can paginate Collection Lists and style your previous and next buttons for content-driven sections of your site.

No items found.

Since its introduction in 2015, Webflow CMS has made a name for itself by offering a new level of creative freedom for designers, content teams, and everyone in between — but all along, a core feature has been missing: pagination.

And we’ve heard the cries for pagination loud and clear. From the adamant:

MUST HAVE! PLEASE!

To the deadpan:

Please add this soon

To the confounded:

Come on!! Pagination... when???

To the … excited:

ooooh yes baby bring it!

And to all who’ve asked: thank you for your patience, and good news — pagination is here, for everyone!

Free ebook: The modern web design process

Discover the processes and tools behind high-performing websites.

Subscribe to be a Webflow Insider
Thank you! You are now subscribed!
Oops! Something went wrong while subscribing.
Start reading

Enabling pagination

Enabling pagination in Collection List settings.
Turn on pagination in your Collection List settings.


Perhaps the best thing about this feature? How freaking simple it is.

If you’ve got a Collection List that’s running long, just switch on pagination in the settings panel for that list, choose how many items you want to display per page, then sit back and let your content team go nuts.

Styling pagination buttons

Once you’ve turned on pagination for a Collection List, you’ll see a new “pagination” element appear in the bottom of your list, which contains your … drumroll please: previous and next buttons!

Pagination buttons being styled.
Guess what these buttons do?!

One says “next,” one says “previous”: you’ll never guess what they do. Ok, you’re quick: yes, they switch between pages in your Collection List. And while you can only move these buttons within the Collection List they’re associated with, you can style them however you want.

How URLs are structured

When you switch pages in a Collection List, you’ll see a unique ID appended to the URL for the page you’re on, along with an indication the “page” within that Collection List that’s in view (e.g. website.com/posts?1c3de4q6_page=2).

What’s next

While pagination for Collection Lists is fully complete, we’re still working on pagination support for search results pages — but we’ll let everyone know as soon as that’s ready.

If you have additional feature requests or ideas for making pagination better, be sure to add to the Wishlist. In the meantime, happy paginating!

Published

December 18, 2018

Join the conversation

What's Webflow?

Try it for free
More about the Designer

Designer

The power of CSS, HTML, and JavaScript in a visual canvas.

Interactions

Build website interactions and animations visually.

More about Interactions

CMS

Define your own content structure, and design with real data.

More about the CMS

Ecommerce

Goodbye templates and code — design your store visually.

More about Ecommerce

Editor

Edit and update site content right on the page.

More about the Editor

Hosting

Set up lightning-fast managed hosting in just a few clicks.

More about Hosting