Why every template starts with the collections

The CMS decides what a site can do later. So we build it before we draw a single section.

Anthony Johnson · 3 min read
The home page of the Elevate Home Group template: a modern living room opening onto a terrace, with the headline Elevating Your Real Estate Experience.

Most sites are designed page by page, and the content is fitted in afterwards. That works until the business needs a second listing, a new team member, or a page that filters by property type.

Our templates start the other way round. Before any layout, we decide the collections: what a listing is, what an agent is, and which fields each one needs.

Why does the usual build order break?

Sites designed page by page break the first time the content changes, because nothing on the site knows what a listing or an agent is.

The usual way to build a site is to design the home page, then the inner pages, then work out where the content lives. Each page gets its own text boxes and images, placed by hand.

It looks finished on launch day. The trouble starts with the first change. A new listing means duplicating a page and editing it field by field. A price change has to be made in three places. A filter by property type isn’t possible, because nothing on the site knows what a property type is.

What do we decide before any layout?

Every template begins as a short list of decisions about content, written down before a single section is drawn.

  1. What each item is. A listing, an agent, a service, a case study. One collection for each.
  2. Which fields it needs. Address, price, beds, baths and photos for a listing. Name, title, specialties and years of experience for an agent.
  3. Which pages each one gets. A card in a list, and a page of its own, both filled from the same fields.
  4. What visitors will filter by. If visitors will search by address or property type, those have to be real fields.
A listing page in the Elevate Home Group template: photos, the title Modern Waterfront, the address, the price and a Schedule Tour button.
A listing page in Elevate Home Group. Every listing uses this one page, filled from its own item in the listings collection.

Only then do we design. The listing page is drawn around the fields that exist, so every listing looks right, whether it has two photos or twenty.

What does that look like in a real template?

In Elevate Home Group, our real estate team template, each listing is one item in a listings collection, and each agent is one item in a team collection. Add a listing once and it appears in two places with no extra work.

  • Its own listing page, built from the dynamic page template.
  • The Listings page, with its map, address search and property type filter.

Agents work the same way. One item in the team collection gives an agent a card on the Team page and a profile page of their own.

A template is finished when you can add content without calling the person who built it.

Page-by-page vs collections-first

Page by pageCollections-first
Adding an itemDuplicate a page and edit it by handFill in the fields and publish
Changing a priceEdit every page that shows itEdit it once in the Wix CMS
Filters and searchHand-made tags, if at allBuilt on real fields
RedesigningContent has to be moved againEvery item follows the new layout

What does that change for you?

Adding content stays the same job

The hundredth listing takes as long as the first: fill in the fields, add the photos, publish. Nothing to duplicate, nothing to line up by hand.

Filters work on real data

Search and filters read from the same fields you fill in, so they stay accurate as the site grows. No hand-made tags to keep in sync.

The design can change without breaking content

Because content lives in collections, you can restyle a page, move sections or switch the text theme and every item follows. Your listings don’t care what the page looks like.

Is there a trade-off?

It takes longer to build this way. The structure has to be right before anything looks good, and that work is invisible in a screenshot.

You don’t pay for that time. You get it back every time you add something.

Questions

What does collections-first mean?

It means the CMS structure is planned before the layout. Each type of content, such as listings or agents, is a collection with defined fields, and pages are designed around those fields.

Can I add my own fields?

Yes. Collections are standard Wix CMS collections. Add a field and connect it to the page in the editor.

Does this work on Headless builds too?

Yes. Headless builds read from the same Wix CMS collections, so the structure carries over.

Anthony JohnsonFounder of Allioo Studio, the top-selling template creator on the Wix Studio Marketplace. Wix Partner since 2019 and a Wix Leader.About Anthony →
Release notes

Get the next article in your inbox.

New templates, app updates and articles like this one. Once a month, nothing else.

Unsubscribe anytime. Privacy policy
Anthony Johnson · Founder, Allioo Studio
All articles

Keep reading.

All articles