How To Set Up User-Specific Links in Memberstack
Use Case: View Profile Link
The use case I discuss in this video is when a user wants to view their profile from inside of the freelancer dashboard but this exact them process can be used for a variety of workflows.
How to set up the link element in Webflow
Apply a custom attribute to the link element and give the attribute a name (for example "profile-url") and then set the value to true.
Embed Custom Code
Embed the following code in the footer of your custom code section inside of your Webflow projects settings.
<script>
MemberStack.onReady.then(function(member) {
var url = member["profile-url"]
var els = Array.from(document.querySelectorAll("[profile-url]"))
for (var el of els) {
el.href = url
}
})
</script>
LINKS
🔗 Tutorial + Code Snippet: https://www.connorfinlayson.com/youtube/how-to-add-user-specific-links-to-your-webflow-memberstack-sites
🚀 MVMP Course: https://www.connorfinlayson.com/mvmp-launchpad
If you are using Memberstack to run a membership site on Webflow, you will know that you can use custom attributes to store member data like their names, plans, or signup dates in Webflow. But what about links? How can you turn a Webflow element into a link that is stored inside of Memberstack?
In today's video, I will show you how to do that.
TIMESTAMPS:
00:00 Overview
01:17 Use Case: View Profile Link
02:23 How to set up the link element in Webflow
03:49 Embed Custom Code
Ready to turn your business ideas into reality? Here are 4 ways I can help you build and grow with no-code tools:
- MVMP Labs: Join our online community for first-time founders building no-code marketplaces. Get access to exclusive resources, step-by-step guides, and a supportive network of peers who are on the same journey as you.
- The MVMP Mastermind: Work directly with me through 1:1 coaching, monthly group strategy calls, and personalized feedback. Ideal for founders who want accountability, faster progress, and expert guidance to build and launch successfully.
- Done-for-You Marketplace Builds: Let my team handle the heavy lifting. We’ll build your marketplace MVP, automate your workflows, and provide full documentation so you can scale and grow on your own terms.
- Learn No-Code on YouTube: Follow my free, hands-on tutorials where I teach you how to build and automate no-code marketplaces step-by-step. Subscribe here for weekly videos and start creating today.
