Webflow sync, pageviews & more.
NEW

How can I maintain unique headings for each CMS item on Webflow without them auto-applying to all the CMS pages?

TL;DR
  • Use the CMS Template page to design your layout once and drag in a dynamic Heading element.
  • Connect the heading to a CMS field like Name or Title via the Settings panel, avoid static text, and preview to ensure each item displays a unique heading.

If all your CMS pages show the same heading, it's likely you're using a static element rather than dynamic CMS fields. Here's how to make each CMS item display a unique heading:

1. Use a CMS Template Page

  • When you create a Collection, Webflow automatically generates a template page (e.g., Blog Posts Template).
  • Design the layout once on that template, and it will apply to every item—but with dynamic content from each CMS item.

2. Add a Dynamic Heading

  • In the CMS Template page, drag a Heading element (e.g., an H1) into your layout.
  • Click the heading and go to the Settings panel (gear icon).
  • Click “Get text from” and select the relevant CMS field—usually Name or Title.
  • Webflow will now bind this heading to that specific CMS item, and each page will show its unique value.

3. Do Not Use Static Text

  • If you manually type a static heading (e.g., “Blog”) instead of binding to a CMS field, that heading will appear on every item, regardless of the CMS content.
  • Avoid copy-pasting headings unless you connect them to CMS fields.

4. Preview and Confirm

  • Use the Preview mode and toggle between CMS items using the CMS selector at the top.
  • Confirm that each page dynamically updates the heading with the correct item title.

Summary

To ensure you have unique headings per CMS item, use a dynamic Heading element inside the CMS Template page and connect it to the CMS field (like Name or Title). Avoid static text, and preview to confirm each item shows correctly.

Rate this answer

Other Webflow Questions