How can I set up a collection tracking site using Webflow CMS as the back-end, where users can sign up for a paid account and track their collection against a master list hosted in the CMS? Are there any options, preferably not paid, that can accomplish this?

To build a collection tracking site using Webflow CMS where users can sign up, pay, and track their collection against a master CMS list, you’ll need to combine Webflow with external tools, as Webflow itself doesn’t support user accounts or dynamic user-generated CMS filtering natively. Here's how to approach it using low-cost or free tools where possible:

​

---

​

1. Design the Frontend in Webflow

​

• Build your master collection database using Webflow CMS (e.g., a list of all collectibles).
• Design the UI for displaying that list; use collection lists to show items from the CMS.
• Add search, filter, or sort functionality using native elements or tools like Finsweet Attributes (free).

​

---

​

2. Enable User Authentication (Accounts & Login)

​

There are no fully free user systems tightly integrated with Webflow, but here are low-cost or freemium options:

​

• Memberstack (freemium): Lets you add custom signup/login modals, restrict access to pages, and store basic user data.
• Outseta (free up to 100 users): Combines user authentication with payments, email CRM, and it’s easier for light SaaS tools.

Steps:

• Sign up for Outseta or Memberstack.
• Embed their script in your project (via Webflow custom code).
• Create protected areas where users can log in and view their personal collection dashboard.

​

---

​

3. Enable Payments for Access Tiers

​

• Use built-in Memberstack/Outseta Stripe integration to charge users for access (monthly/yearly).
• Set up gated pages in Webflow (e.g., /dashboard) that only paying members can access.
• The free Outseta plan supports Stripe and gated content out-of-the-box.

​

---

​

4. Allow Users to Track Their Collection

​

Webflow can’t store user-specific CMS connections, so you’ll need an external database to save per-user tracking selections.

​

No-code Workaround Options:

​

• Outseta Custom Objects (beta/freemium): Allows adding user-specific data fields (e.g., OwnedItemIDs).
• Airtable + Zapier (free tier): Use Webflow+Zapier to store user-item associations in Airtable.
• Jetboost (paid): Enables “favoriting” items from a CMS collection per user (works with Memberstack, but not free).

​

With Outseta:

• Store a user’s “collected” items as a custom field or object tied to their account.
• Enable users to click a “Save” button on CMS items, which feeds into Outseta or Airtable via Zapier or custom JS.

​

---

​

5. Compare Against Master List

​

• Display the full CMS list as a reference.
• On their dashboard, show:
• Items they’ve marked as collected (from Airtable or Outseta).
• Items not collected, by filtering out owned ones.

You'll need to sync data from Airtable or Outseta to Webflow using Zapier, Make, or live via JavaScript and fetch().

​

---

​

6. Display Personalized Dashboard

​

Since Webflow can’t serve dynamic content by user ID, use JavaScript to fetch and render user data dynamically on a blank Webflow page.

​

Example (concept only):

• Fetch the list of owned item IDs from Outseta/Airtable.
• Use JS to check against CMS item IDs on page load.
• Add a visual indicator ("Owned") to matching CMS items.

​

---

​

Summary

​

To create a paid collection tracking site with a Webflow CMS back-end, use:

​

• Webflow CMS to host the master list.
• Outseta (free for small projects) for user accounts and payments.
• Airtable or Outseta objects for tracking collected items.
• JavaScript fetch() for rendering user-specific collection data.
• Consider paid tools like Jetboost for richer features if budget allows.

​

Webflow alone can’t handle user-level CMS filtering, so external tools are essential—but free or very low-cost solutions like Outseta make this possible.