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

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