A private, tabbed user dashboard in webflow

[Salma_Michele]

---

Here is my site Read-Only: https://preview.webflow.com/preview/xxxre-test-build?utm_medium=preview_link&utm_source=designer&utm_content=xxxre-test-build&preview=fa4c49617d7cf2fc2d27dfbee5366979&workflow=preview

Hello everyone, I need help with a tough issue, It’s days I’m trying to solve the problem but failed

My Goal: A private, tabbed user dashboard in webflow where a logged-in user sees only their own CMS items (external users see all published Ads but each external user sees his own only. I mean the simple basic user dashboard.)

What I’ve Done:

• Setup a “Member ID” field in my CMS and a hidden text block with fs-cmsfilter-field=“member-id” and data-ms-member=“id” attributes to filter by the logged-in user.

• Setup tab links with fs-cmsfilter-field=“status” and fs-cmsfilter-value=“…” attributes.

• Setup the collection wrapper with fs-cmsfilter-element=“list”.

The Problem: The filter script does not run at all. The cmsfilter script fails to initialize.

What We’ve Debugged and Proven:

1. We first confirmed that the external cmsfilter.js script was being blocked by the browser (Network tab showed a (failed) status).

2. We then proved that a simple does run from the footer, so basic custom code is working.

3. We switched to the modern cmslibrary.js and tried to run the filter inside a window.MemberStack.onReady function.

4. This caused a new error: Uncaught TypeError: Cannot read properties of undefined (reading ‘onReady’), proving a timing conflict where our script runs before Memberstack is ready.

5. We then added the official Memberstack “shim” to fix the onReady error. This successfully stopped the error, but we are back to a completely silent console. The code inside the .then() block is not executing.

Conclusion: script in my footer in custom code is failing all time?

Can you please advise on how to resolve this problem? please explain in simple clear steps and advise on the correct script to copy paste in the footer

The current script in my footer in custom code:

[AJ_Dev (from Memberstack)]

Hey @Salma_Michele ,

Can you share in which page you are facing issues of the filtering based on the current logged in member? I was previewing the Members template page and could not find the relevant FS attributes for filtering.

However, I did find that you are using Webflow native filters to check if the CMS field Memberstack ID matches in the User Property Listing CMS and Members CMS. This will just check if the member-specific page has the right CMS, so if another user has access to this page, the ads will still show up since the condition matches. To avoid this, make sure you are gating all such pages such that only the logged in member can view their specific dashboard page. Here’s a guide on how to secure such pages as well.

In case, you are not trying to filter sensitive data, here’s a simple script which shows elements if it matches the Member ID, for your use-case you can customize the code to remove non-matching elements as well.

That being said, if you have set some script and are facing any blockers, kindly let us know which page you are facing the issue so that I can help troubleshooting in a better way.

[Salma_Michele]

Hey AJ_Dev,

Thank you for your response, time and consideration.

1/ There are no sensitive data, I’m trying to fix this before going ahead with annual subscription, I’m building the foundation, and none has access except myself

2/The page where I tried to create the private tabbed external user dashboard, a basic simple one that allows any external user to login, sees his own ads and ads been classified in his dashboard’s tabs “All My Listings”, “Pending Listings”, “Active Listings”, “Needs Revision Listings”, “Archived Listings”

The page is named : User Dashboard and attached all the screenshot.

I guess I cannot share the link?

3/ I tried using a script in my footer in custom code but then I deleted the footer custom code the and I’m trying to fix but failed

4/I’m now trying another solution : I just created Members Template and trying to fix it with memberstack ID and ZAPS but still zap 3 does not run correctly

Could you help please with the correct steps to create the private tabbed external user dashboard and solve the problem?

Thank you

Salma

[WebsiteMaintenance (sqsxperts.agency)]

The issue’s usually timing: fs-cmsfilter needs to run only after Memberstack has loaded the user data. Try wrapping your filter init in window.$memberstackDom.getCurrentMember().then(...) instead of MemberStack.onReady. Also double-check you’re loading cmslibrary.js before your custom script and not blocked by Webflow’s “prevent load” toggle.

[AJ_Dev (from Memberstack)]

Hey @Salma_Michele ,

Thank you for the detailed explanation.

• For some reason, I am not able to see any static page named ‘User Dashboard’, have you deleted it from your end now?
  

  

• When you say Zap 3 does not work, can you share which zap you mean, I can see zap 1 and 2 in the screenshots you shared.

• In case you are going with the member specific template page approach, you can take a look at this simple script, that I shared earlier and explore it since you mentioned its not sensitive info. You can further customize the script to remove the other items if you want, but the script as it is should help you in showing elements if the logged in member ID matches with the member ID from the property listing CMS. Let me know if you face any issues in implementing this.

• Also take a look at the guide I shared in the previous message to secure such member-specific pages as well.

Hope this helps.

[Salma_Michele]

Hey @AJ_Dev, thank you for your response,

I’m trying another solution to build the private tabbed external user dashboard. I deleted the Footer code custom code, I did not change anything in the Head code. I’m simply working with “Members Template” page which I will link to the “Dashboard” button in the Nav Bar once the Zaps work correctly.

Attached all screenshots at Webflow, Memberstack and Zapier.

The problem now is that I am having a persistent issue with the “New Member in Memberstack” trigger

I’m trying to create four zaps but still stuck at zap1 (each zap with only one trigger and one action)

The objective of the four zaps is to help build a Unique Member Dashboards In Webflow (the private tabbed external user dashboard where a logged-in user sees only their own items “Ads”)

ZAP 1: Create User Profile, Trigger: Memberstack → “New Member” Action: Webflow → “Create Live Item”. The Goal: My Zap’s goal is to create a new item in Webflow CMS when a new member is created in Memberstack.

ZAP 2: Update Login Redirect, Trigger: Webflow → “New Item Created”

ZAP 3: New Property Request, Trigger: Webflow → “New Form Submission”

ZAP 4: Publish Approved Property, Trigger: Airtable → “Updated Record”

I’m stuck at ZAP 1 since at trigger step, Zap does not show any of the records created in Memberstack even though I checked all is connected correctly and members already exist and even created new in Memberstack and tried but nothing work. And so in Action Step, I cannot map fields.

The Problem: When I test the trigger, it consistently fails to find my newest test members. The “Find new records” function does not provide a list of recent members to choose from, it only shows a “Member A” generic data.

And if I cannot create ZAP 1 , I cannot continue with the others.

Troubleshooting Steps Taken: I have already tried the following without success: Creating multiple new test members in Memberstack’s Test Mode. Reconnecting my Memberstack account to Zapier. Publishing the Zap with temporary placeholder data to force a live run. While this run was “successful” and created a CMS item, the correct data from that live user is still not available to select when I return to the Zap editor. It seems the test data for my trigger is stuck.

Thank you

Salma

[AJ_Dev (from Memberstack)]

Hey @Salma_Michele ,

Okay got it, I was a bit unsure what zap 3 was, since you had mentioned that was not working:

@Salma_Michele

I’m now trying another solution : I just created Members Template and trying to fix it with memberstack ID and ZAPS but still zap 3 does not run correctly

But with your latest reply, I am guessing you meant Zap 1 and thank you for the relevant screenshots.

I tested your use-case in my personal workspace to check if there is any bug but the Zap with the new member in Memberstack trigger fetches the recent 3 members on the account.

Can you ensure that while creating a Memberstack connection in Zapier, you copy paste the secret key available in Dev tools in Memberstack dashboard while the ‘Test Mode’ was toggled on in the Memberstack dashboard?

In case, the toggle was off the secret key would be of live mode and only members created in live mode can be fetched.

After ensuring that the test mode secret key was used to create the Memberstack connection, if the trigger still does not fetch the recent records - can you try some other module of Memberstack for testing purpose.
E.g. Create an action with Memberstack’s Find Member module and paste an existing member’s ID as a custom value in the Member field to check if it fetches any information?

This might get us closer to the issue. Hoping to hear if you have any updates.

Thank you.

[Salma_Michele]

Hey @AJ_Dev, thank you for your response,

I tried everything possible, i deleted and reset Memberstack and it’s working normal but Zapier does not and still nothing working for the private dashboard to create and i’ll wait few days and i’ll pay both webflow subscription and a Zapier professional subscription and go ahead with a multi-step zap.

I guess options are limited because of free trial

Best regards

Salma

[AJ_Dev (from Memberstack)]

Hey @Salma_Michele ,

While I have a paid workspace on Webflow, I myself test things on free plans on Zapier and Memberstack, so not sure if that’s the issue. Nevertheless, if you face any blockers after finalizing things, feel free to respond to the thread and I will help to troubleshoot it or research on what might be the issue.

Hope the setup works on your end.

[Salma_Michele]

Hey @AJ_Dev, thank you for your response,

Please find attached the screenshot asking for payment in Zapier to publish.

I tried creating separate zaps with one action at a time but failed since ZAP 2: Update Login Redirect does not display ““New Item”

And when i try one zap with multiple actions it asks for upgrading see attached

So i must upgrade Zap to be able to solve Zaps issue so that i can be back to webflow to create the dashboard and go ahead with what i started.

Best regards

Salma

[AJ_Dev (from Memberstack)]

Hey @Salma_Michele ,

Probably publishing the multi-step zaps requires a paid plan, but I still don’t see why it should affect fetching new records in the trigger module ‘New Member’ of a non-published zap for testing purposes. That being said, since you anyway have to make the zaps go live for real-time syncs, let me know if having a paid plan and publishing the zap did the trick for you.