How to sync Memberstack user profiles with Webflow CMS to create public athlete profiles while restricting edit access? Answered
Hello,
I’m hoping to get some direction here as I am creating a user profile page, that needs to get updated by the user (and that profile is public to view)
In short:
I need to take profile data from memberstack, and put it back into a webflow CMS item ID.
The trouble I am having is retrieving the webflow CMS ITEM ID. Im trying this in zapier, but thats not an item it pulls up. It seems I need a “lookup” step but thats not available for webflow.
Im open to another option.
Ultimately we are creating a player profile database, where the athlete can login, update their player stats and profile, and have it update on their public profile page.
Obviously, we want to only allow the logged in user to update their profile.
Thank you for any help provided!
Here’s a video showing what I’m trying to do / have done.
https://www.loom.com/share/2f1929b1cc29465dab3ea9a9409648b1
Here’s a page that is showing the public profile (CMS page)
https://utl-recruiting.webflow.io/athletes/caleb-20cbd
Here’s a page that is updating the profile.
https://utl-recruiting.webflow.io/profile
Here’s a MS discussion where another community member said to reference.
https://docs.memberstack.com/hc/en-us/community/posts/22454779715867-Code-to-pass-member-ID-in-MS-back-to-webflow?page=1#community_comment_22516707196699
“but you want to keep the Webflow Item Id as a field on the Webflow CMS Item as well as a field in Memberstack. That’s the basic pattern that ties your Webflow CMS with any data you choose to store on a Memberstack user. You don’t want to use your Memberstack Member ID alone bc it doesn’t have the same inter-object relationships within the Webflow CMS as CMS items with Item IDs.
Ping the MS team in slack with a link to this discussion and they can walk you through the implementation details. Once you see it done or do it yourself a couple times, it becomes much less confusing/more clear.”
Loom | Brad Poirier
⏱️ 2 min
Recruiting Website for Athletes
Comments
11 comments
Hey Brad Nemer, I am a freelancer and I went through the thread you linked and if I am understanding the blocker correctly here, I believe this approach could solve the problem.
Instead of trying to link memberstack and webflow in the second zap where the updation is handled;
Now if this works, in the second zap you won't need any custom code or lookup feature, you can just pass the Webflow Item ID custom field you get via Memberstack and pass it in the Webflow module to update it accordingly.
Let me know if this works or if there is any blocker here.
that worked! had to do a little tweaking to the zap, but that works. I added a 3rd step from the MS -> Webflow initial add, which is to then send back to MS the webflow ID. I did a test new account, and it updates beautifully now. thank you!
Though, I’ve been told going this route is not the best (having webflow handle all the data).
We are building a membership platform for dog groomers, we can submit the data via a FORM and Logic on Webflow to memberstack without using Make, but when our members want to update their profile, can you recommend a best practice?
Our website for reference is beta.appga.org.
I have already integrated the Update Profile components via Memberstack. The way it works right now, is that after the user signs up, there is a Webflow form that allows them to create a business profile page on te site. The form automatically creates a CMS item using Webflow Logic.. We have 2 issues, the same user can create multiple CMS items right now, and cannot update their info. We are looking to associate the CMS item with the Memberstack ID, and pull the data (after the first submission) into the form so that a user can update/modify their profile.
And I have checked this resources.
Hey Joey Villani, I get what you mean. I tested signup flow on your website and I can see that I am able to fill the business profile again after already submitting one, which I am guessing is not the use-case.
To avoid that and enable users to edit their business profile page once they submit one, I believe you can do this via integrating this flow via make.
You need to have a couple of things in your CMS structure of the business profile, i.e. the memberstack member ID and the webflow cms item ID, to enable this update feature.
I found a similar use-case template and an explainer video which I believe will solve your use-case of submitting and updating the profile page once created and populating the data automatically once a business profile is created.
This is the video I am referring to and check this cloneable template out. This template has additional features which may or may not be helpful for your website, but you can very well replicate this submission / updation feature for your business profile use-case by referring to this template setup.
Hey, I created a profile page in the dashboard , so that everything is in sync from the settings page such as tehir name interest and so on, i want in the community the members can see the profile of each other is that possible?
Hey ilyas el megarbi, if you have this profile info stored in Webflow CMS and are trying to have a feature where users can browse and view those specific info on other user's profile, it is possible. You can have a look at this free template (which has a browse people feature which links to each profile's detailed page). You can clone this to get an idea as to how to incorporate this setup within your site and customize it accordingly. Hope this helps.
inside the platform, they can add their info their first name and last name and so on, so that info that they add they are in sync in the profile page, so we can't added everyone in the cms manually i want it to be dynamic once they add their info i want that profile page to be public is that possible?
Hey ilyas el megarbi, the CMS sync with details stored in Memberstack does not need to be manual, even in the template you could see make blueprints that are being used to have a sync automatically from Memberstack to Webflow CMS for each user. So Make / Zapier would make this process automatic for you, if you are open to that setup.
And I am not sure what type of form the site is using to get the details like names and interests. If its via profile update forms that Memberstack provides, it is going to be private for each user since it connects with the current logged in user's profile in Memberstack.
In case you use a form which is connected to some database or is connected to a webhook which triggers an automation, you could add Webflow CMS steps which can make sure everything stays in sync and you can have the CMS template pages to be public where you can setup to show the name, interests of every user. Hope this helps.
The Forms That Collect The Interest, Full Name etc... are connected to memberstack!
Yes so they are profile update forms, so if you want to show this page for other users as it shows up for the current user, that's not possible, since its connected to every logged in member's profile.
But if you have basic user data stored in Webflow CMS, you could add on to it via automation using Make / Zapier and show the CMS data publicly for every user.
Thanks, A J For The Help
Please sign in to leave a comment.