Join The Founder's Inbox
Join 13k+ entrepreneurs and receive tutorials, tips, and strategies for building smarter digital products using no-code, AI, and automation.
How To Set Up User-Specific Links in Memberstack
Learn how to create user-specific links on your Webflow membership site using Memberstack. This step-by-step guide will walk you through setting up and embedding custom code to personalize user experiences.
I've published a newer version of this post with more up-to-date information and insights.
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
MVMPÂ LABSÂ COURSE
The Landing Page Engine
Learn how to set up a AI-powered programmatic landing page system
- 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.
- Studio: Let my team handle the heavy lifting. We’ll build your automations, build entire MVPS, basically let you focus on building the business, whilst we build the systems.
- 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.
.webp)