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 Collection Page Template for your CMS items and bind headings to a CMS field like "Title" via the "Get Text from" option.  
  • Avoid using static headings on the template; combine static and dynamic text if needed using separate elements or Rich Text fields.

To have unique headings for each CMS item in Webflow without them auto-updating across all CMS pages, you need to properly use CMS bindings within the Collection Page.

1. Use the Collection Template Page

  • When you add a CMS Collection (like Blog Posts, Projects, etc.), Webflow automatically creates a Collection Page Template.
  • This template applies to all items in the collection, but the content inside it can be dynamic per item using CMS bindings.

2. Bind Headings to the Correct CMS Field

  • On the Collection Page Template, select the Heading element (e.g., H1).
  • In the Settings panel, click the purple “Get Text from” checkbox.
  • Choose the appropriate CMS Field (e.g., "Name", "Title", or a custom field like "Headline").
  • Webflow will now display that field’s value uniquely for each CMS item.

3. Avoid Static Headings on Template Pages

  • If you add static text directly to a heading in a Collection Page Template, it will repeat on every item.
  • To make it dynamic, always bind it to a CMS field, as outlined above.

4. Optional: Combine Static and Dynamic Text

  • You can include static text inside a Rich Text field in your CMS, or use multiple text elements.
  • If you want a heading like “Blog: [Post Title]”:
  • Add a Text Block with the static word “Blog:” next to a Heading set to pull the Post Title dynamically.

Summary

To maintain unique headings for CMS items, use the Collection Page Template and bind the heading to a unique CMS field like “Title”. Avoid adding static headings on the template unless paired with dynamic text fields.

Rate this answer

Other Webflow Questions