How can I add more text and images/videos to specific project template pages in Webflow without them being repeated on all pages? Do I need to create more components or use properties? Thank you!
TL;DR
- Add new CMS fields (e.g., Rich Text, Image, Video Link) to your Project Collection for unique content.
- Populate each CMS item with specific content, then bind elements on the Project Template page to those fields for dynamic display.
To add unique text and media (images/videos) to individual CMS project template pages in Webflow, you need to use CMS fields, not components or properties. Using CMS fields ensures that content is dynamic and specific to each Collection item.
1. Use CMS Collection Fields for Unique Content
- Go to the CMS panel in Webflow and select your Project Collection.
- Add new fields for the types of content you need. For example:
- Rich Text for longer descriptions or formatted content.
- Image for individual images.
- Video Link (or Embed) for videos.
- Set the field label clearly (e.g., “Project Description”, “Gallery Image”, “Demo Video”).
2. Update Existing CMS Items or Create New Ones
- Open each Project item in the CMS and enter the appropriate content into the new fields.
- Add a unique image, longer text, or video link for each project.
3. Customize the Project Template Page
- Go to the Template page for your Project Collection.
- Drag in elements (e.g., Rich Text, Image, or Video Embed) into the design canvas where you want the unique content to show.
- Bind those elements to your CMS fields using the purple “Get Text from” or "Get Image from" options in the element settings.
- For videos, embed YouTube or Vimeo links using a Video element or an Embed block connected to a field (e.g., a YouTube link field).
4. Don’t Use Components or Properties for This
- Components are reusable elements—they'll show the same layout/content across pages unless specifically localized, which isn’t optimal for CMS-driven variation.
- Properties do not support CMS-level dynamic content for template pages as of 2024.
Summary
To display unique text, images, or videos on specific CMS template pages, add new CMS fields in your Project Collection and bind them to elements on the Project Template page. Avoid relying on components or properties for this task.