How can I retrieve the user id in Webflow when a customer places an order for implementing a "past orders" tabs in the user page?
TL;DR
- Use Memberstack to authenticate users and assign each a unique Member ID.
- Connect Webflow Ecommerce with Zapier or Make to send order data to a CMS Collection, including the Member ID.
- Filter the CMS collection on the user’s dashboard to only show past orders matching the logged-in user’s ID.
Webflow’s native Ecommerce does not expose a user ID or allow direct access to customer data (like login credentials or unique user profiles) in the Designer. However, there are ways to implement a “Past Orders” section using Webflow, Memberstack, and/or custom integrations.
1. Understand Webflow Ecommerce Limitations
- Webflow does not provide a customer user ID or built-in customer accounts access in the Designer.
- While customers can create an account and make orders, this data is only viewable from the Webflow Ecommerce dashboard, not dynamically via CMS or API.
2. Use a Third-Party Membership Tool (e.g., Memberstack)
- Memberstack allows user authentication and assigns a unique Member ID to each user.
- You can use this Member ID to associate users with their orders using a custom setup.
3. Store Orders in a CMS Collection
- Set up a CMS collection called "Orders."
- Populate the fields: customer ID (from Memberstack), product(s), price, date, status, etc.
- This collection would need to be populated either:
- Manually by you (not scalable), or
- Automatically via webhook integration (e.g., using Zapier, Make, or custom backend).
4. Use Zapier or Make to Connect Webflow, Stripe, and CMS
- When a customer places an order, Webflow's Order Created webhook can send order data to Zapier or Make.
- Use this data to:
- Lookup the logged-in Memberstack user's ID (helps tie the order to the right user).
- Push a new CMS item into Webflow’s “Orders” collection with that user ID and order details.
5. Filter “Past Orders” Dynamically
- On the user's dashboard page, use Memberstack’s gated content attributes or custom code to filter the CMS collection by user ID.
- Only show items in the "Orders" collection where the stored user ID matches the currently logged-in user’s ID.
6. Optional: Use Webflow Logic (Beta Feature)
- If you're in the Webflow Logic beta, you can create an automation that runs when an order is placed.
- You may be able to add customer custom fields or link to CMS entries, depending on Logic integrations.
Summary
To retrieve a user ID when a customer places an order in Webflow, you’ll need a workaround using Memberstack for user authentication and Zapier/Make or Webflow Logic to save order data into a CMS Collection tied to the member ID. This allows you to dynamically display past orders in a user’s dashboard.
