To access the details of a logged-in user on a Webflow page and track items they have seen in a collection, you'll need to integrate external user authentication and utilize Webflow's CMS functionalities.
Here's a step-by-step guide on achieving this:
1. User Authentication: Implement a user authentication system on your Webflow site using a third-party service or custom code. Common options include Firebase Authentication, Auth0, or your own custom solution. Ensure that the authentication system you choose can provide a unique identifier for each logged-in user.
2. Track Items: Create a new collection in Webflow to store the items that users have seen. This collection should include fields such as the unique item identifier, user identifier, and any other relevant data you want to track.
3. User-specific Tracking: Whenever a user views an item within your collection, you need to log this interaction. To achieve this, use the logged-in user's identifier in conjunction with Webflow's CMS API. You can make an API call from your custom code or using Webflow's API to create a new entry in your tracking collection. Supply the unique identifier of the item and the logged-in user's identifier as part of the API call.
4. Exclude Viewed Items: When a user opens the page, you'll need to retrieve their logged-in user identifier and use it to query your tracking collection in Webflow's CMS API. Fetch all entries in the tracking collection associated with the logged-in user. From the retrieved data, extract the unique identifiers of the items they have seen.
5. Exclude Items: Once you have the unique identifiers of the items the user has already seen, you can use JavaScript or custom code to manipulate your content dynamically on the page. Compare the item identifiers against the items in the collection you're displaying on the page, and exclude any items that match.
By following these steps, you can access user details, track their interactions with collection items, and exclude the previously viewed items from appearing the next time they open the page. Remember to ensure your user authentication system is secure and compliant with relevant privacy regulations.