Collection UX + API Enhancements

Posted by Jake Lumetta on August 28, 2019

Butter Updates

We're really excited to announce a whole slew of improvements to our collections capability so collections are now smoother than ever. And we've added powerful enhancements to the collection API when you're fetching the content for these collections as well. 

Give your Marketers a CMS they'll love. Best part? No WordPress.

The first thing we've done is we've completely revamped the collection builder itself. This is what you use to actually set up your your collection. It's three times faster, it's now a nice single page application, very quick responsive, much faster and easier to use to set up your collections. 


Here's how easy it is to set up a collection to manage your testimonials across your entire site. 

First we'll add a name field for the person who's giving the testimonial. We'll add a WYSIWYG which is a what-you-see is what-you-get to actually hold the quote. We'll add a media field for a headshot or a picture of the person and we'll have a short text field to manage the company name that they work for. 


And that's that. So then you can simply click Create collection. We'll give it a name - we'll call it Testimonials. Hit save. And now we can return to our collection dashboard.


And there you go!

That's how fast it is to create a collection which now enables your marketing team and business folks to go in here and manage all of your testimonial content. So brand new collection builder really smooth and easy to use.

Give your Marketers a CMS they'll love. Best part? No WordPress.

The second thing we've done is we've refined the UI for actually managing and creating items in the collection. So let's go ahead and add a sample testimonial.


So fill some of that out and we'll just do a headshot here. And there we go.

Now we've got our first testimonial. And what we've done here is we've made it more consistent with the rest of the experience as far as managing a blog post pages, so all of your key controls are now featured at the top right. So you can quickly save, make updates to your collection items, you can clone collection items and of course you can delete them. We also have history as well. We've made that a bit more obvious how to view the history for all of your content as well. So some nice refinements there too to the interface.

And then finally we've made a bunch of updates to the API itself. 


So now we have our content end point which has many more parameters and kind of capability that you can use when fetching your content out of your collection. So specifically we've added Pagination which is a huge feature. Now you if you have a collection of 1000 items, you can iteratively kind of paginate through the content and kind of process it in that way which is like a standard kind of best practice. We've also refined the filtering capabilities so now you have a really nice format for filtering your content in your collection. You can also now order your content in your collection by a certain parameter of your collection items.

And as before we have of course localization support and level. So serialization levels allows you to be using a reference field capability define how many levels of content you'd want to serialize at once. This is mainly around the integration side when you're integrating with our content API to determine the precise level of content both for performance and as well as like ease of integrating. So you just make one API call and you get all the content you need back for a particular page or UI. 

That covers everything we've done. A lot of work has gone into this. Really excited to get this out to you and I'd love to get your thoughts and feedback on it.

So again totally revamped our collections - we've improved the collection builder, we've refined the content editing UI when you're actually managing the content for collections and then we've really beefed up our collection end point. So when you're fetching content from your collections you can now do a lot more in terms of capability there.

Thanks again for all of your feedback. Much appreciate it. And really looking forward to getting your thoughts and feedback. Enjoy!

Jake Lumetta

Jake is the CEO of ButterCMS. He loves whipping up Butter puns and building tools that make developers' lives better.

ButterCMS is the #1 rated Headless CMS

Related articles

Don’t miss a single post

Get our latest articles, stay updated!