Tutorial

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

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


Sign up for updates
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Latest content

Building a customer dashboard for my marketplace with Glide

In this video, I show what I managed to build in my first week of using Glide. The goal at the start of the week was to figure out what exactly I could do with Glide. A week later, I had a fully functioning prototype for a customer dashboard for my freelancer marketplace Unicorn Factory

View content

Recreating my Webflow Zaps in Airtable Automations

Did you know that even though Airtable Automations doesn't have that many native integrations you can still integrate it with any app that has an API? To prove my point, I recreated some of my Airtable to Webflow zaps in Airtable Automations.

View content

Better onboarding with Webflow and Tella

A good onboarding experience means more signups, higher conversion rates and fewer support tickets, but how do you even know what makes a good onboarding experience?

View content

My first business

In this video, I look back at the first business I ever worked on. I go over how I got into building this business in the first place and some lessons I learned throughout the process.

View content

Bye Zapier

I am moving from Zapier to Make.com - here is how it went.

View content

NATIVE WEBFLOW COMPONENTS LIBRARY 🤩 | Flowbase Extension Review

In this video, we take a first look at the brand new Flowbase extension which will allow you to copy and paste Webflow components from inside of Webflow without ever leaving the designer!

View content