To create a unique comment section on each individual Story page in your Webflow site's "Stories Template" collection, you can follow these steps:
1. First, go to your Webflow site's Editor and navigate to the "Stories Template" collection.
2. Open the collection and create a new field named "Comments" or any other relevant name. Set its field type as "Rich Text" or "Plain Text," depending on your preference.
3. Now, for each individual Story page, add the comment content directly in the "Comments" field in the collection item.
4. Next, design your comment section on the Story template. You can add a new section or div block where the comments will be displayed.
5. Within the comment section, you can use a Collection List to display the individual comments. Drag and drop a Collection List element onto the comment section.
6. On the Collection List element, select the "Stories Template" collection and then choose the "Comments" field to bind the data to the list.
7. Customize the design of each comment item within the Collection List using the fields from the collection, such as author name, date, and comment content.
8. Ensure that the comment section is only visible on Story pages. You can use conditional visibility settings to achieve this. Select the comment section, go to the Element Settings panel, and click the "+" icon next to the "Display Settings" option. Add a rule that checks if the current page belongs to the "Stories Template" collection.
9. Once you have completed the design and structure of the comment section, publish your site to make the changes live.
By following these steps, each Story page in your "Stories Template" collection will display its unique comments, instead of showing site-wide comments. Users will be able to leave comments on each Story page individually, giving a personalized commenting experience for your visitors.