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.

New feature: Pagination

Kyle Kilat
Product Manager
View author profile
Kyle Kilat
Product Manager
View author profile

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!

The modern web design process

Discover the processes and tools behind high-performing websites in this free ebook.

Read now

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!

Read now

Last Updated
December 18, 2018

Related articles

How to create a CMS-powered slider
How to create a CMS-powered slider

How to create a CMS-powered slider

How to create a CMS-powered slider

Development
By
Louis Buignet
,
,
Read article
What we’ve been shipping: October - December 2018
What we’ve been shipping: October - December 2018

What we’ve been shipping: October - December 2018

What we’ve been shipping: October - December 2018

Inside Webflow
By
Barrett Johnson
,
,
Read article
New feature: Site search
New feature: Site search

New feature: Site search

New feature: Site search

Inside Webflow
By
Barrett Johnson
,
,
Read article
Nested collection lists are here
Nested collection lists are here

Nested collection lists are here

Nested collection lists are here

Inside Webflow
By
Gaby Izarra
,
,
Read article
New features: text columns, CSS cursors, rich text lists, and more
New features: text columns, CSS cursors, rich text lists, and more

New features: text columns, CSS cursors, rich text lists, and more

New features: text columns, CSS cursors, rich text lists, and more

Inside Webflow
By
John Moore Williams
,
,
Read article
New feature: SSL
New feature: SSL

New feature: SSL

New feature: SSL

Inside Webflow
By
John Moore Williams
,
,
Read article

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.