How can I filter a collection list in Webflow to only display articles written by the logged-in member on their profile page using memberstack?

Published on
September 22, 2023

To filter a collection list in Webflow to only display articles written by the logged-in member on their profile page using Memberstack, you can follow these steps:

  1. Add the Memberstack script to your Webflow project:
  • Sign in to your Memberstack account and go to the "Installation" section.
  • Copy the JavaScript code provided by Memberstack.
  • In your Webflow project, go to Project Settings > Custom Code.
  • Paste the Memberstack script in the "Footer Code" section.
  1. Set up Memberstack:
  • In the Memberstack Dashboard, go to "Members" and create custom fields for your members, including a field to store their unique member ID and a field to store their articles.
  • Make sure to assign the member ID to each member and fill in the articles field accordingly.
  1. Create a collection list to display the articles:
  • In Webflow, navigate to the page where you want to display the articles.
  • Add a Collection List element and connect it to the appropriate collection.
  • Design the layout of each article item within the Collection List using Webflow's Designer.
  1. Filter the collection list based on the logged-in member:
  • Select the Collection List element and click on the "Settings" tab in the right sidebar.
  • Scroll down to the "Filters" section and click on the "+" button.
  • In the "Property" dropdown, select the field that stores the member ID.
  • Set the filter to "is" and click on the "Insert dynamic data" button next to the "Value" field.
  • In the dynamic data panel, choose Memberstack as the data source and select the member ID field.
  • Save the filter, and now the collection list will only display articles written by the logged-in member.

By following these steps, you can filter a collection list in Webflow to only display articles written by the logged-in member on their profile page using Memberstack. This ensures that each member can view their own articles on their profile.

Additional Questions:

  1. How do I integrate Memberstack with Webflow?
  2. Can I use Webflow CMS to store member data?
  3. What other ways can I filter collection lists in Webflow?