What Are Collection Pages?

Core Concept

A Collection Page is a template system that generates numerous unique URLs, each populated with data from different entries in a Levo Collection. One template design produces multiple rendered pages with substituted data for each entry.

Why Collection Pages Matter

Problem Comparison: Without Collection Pages, creating 1,000 city landing pages requires building 1,000 individual pages — manual, error-prone, and difficult to maintain. With Collection Pages, you design one template and connect it to a Collection with 1,000 entries; Levo automatically generates all 1,000 pages with unique URLs, content, meta titles, and OG tags.

Three Key Benefits

Real-World Example: Pet Marketplace

A pet marketplace wanting to rank for searches like "buy cat in Los Angeles" can use 10 animal entries and 1,000 city entries to create 10,000 pages. Manual creation takes weeks; using Collection Pages takes minutes.

Setup Instructions

Step 1: Create Collections

Collections power the pages, with each entry becoming a page variation. Each entry must include a slug — the URL-safe identifier appearing in the final page URL. Levo auto-generates slugs from entry names, which can be edited in the Collection module.

Step 2: Create the Page

In Studio, click Create Page and set Page Type to Collection. In the modal:

• Enter title and description

• Click Add Source and select your Collection(s)

• Insert Collection slug variables into Page URL where needed

URL variables follow this pattern: /{context.pets.animal_slug}

Click Create to generate a draft page.

Step 3: Add Variables to the Page

Open the page in Studio. Two dropdowns in the top bar allow previewing specific Collection entries during design.

Display Collection data using this variable format:

{context.collection_slug.field_name}

Example: For a Collection slug pets with field animal_name:

{context.pets.animal_name}

Variables work in headings, body text, buttons, and image alt text.

Step 4: Add Variables to Meta Tags

Go to Page Settings → Meta Tags and add variables to SEO title and description. This ensures unique, relevant meta tags for each generated page.

Step 5: Publish

Click Publish and Levo generates all page variations, automatically updating the sitemap.

URL Variable Usage

URLs are built using Collection slug variables, with each replaced by the corresponding entry's slug during generation.

Single Collection

/team/{context.team_members.slug}

Generates: /team/alice, /team/bob, /team/carol

Multiple Collections

/buy-{context.pets.slug}-in-{context.cities.slug}

Generates: /buy-cat-in-london, /buy-dog-in-tokyo, /buy-rabbit-in-paris

Locating Collection Slug

Find the slug in the dashboard URL when opening a Collection: app.levo.so/workspace/my-workspace/collection/pets-123 — the slug is pets-123.