How to add user-specific links to your Webflow/Memberstack sites

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?

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



Ready to build your own marketplace?

Learn from someone who has done it how you can setup and manage your own No Code Marketplace. In a six-week program we will set up your minimum viable marketplace without writing a single line of code.

Learn More