How can I add the memberstack ID of the logged in user to a page's URL parameter on my Webflow website?

To add the memberstack ID of the logged-in user to a page's URL parameter on your Webflow website, you can follow these steps:

​

Step 1: Set up Memberstack

First, make sure you have set up Memberstack on your Webflow website. Memberstack allows you to manage user authentication and access control within your Webflow site.

​

Step 2: Get the Memberstack ID

To retrieve the Memberstack ID of the logged-in user, you'll need to use Memberstack's JavaScript API. You can access it by adding the following script tag to the head of your page:

​

```

<script src="<https://api.memberstack.io/static/memberstack.js>"></script>

```

​

Step 3: Add Custom Code

Next, you need to add custom code to retrieve the Memberstack ID and append it as a URL parameter. You can achieve this by adding a custom code block to the page where you want to include the parameter.

​

Add an HTML embed or a custom code component and include the following script within the HTML tags:

​

```

<script>

  MemberStack.onReady.then(function(member) {

    var memberId = member.id;

    var currentURL = window.location.href;

    var newURL = currentURL + "?memberId=" + memberId;

    history.replaceState({}, document.title, newURL);

  });

</script>

```

​

This code uses Memberstack's `onReady` event listener to get the Memberstack ID of the logged-in user. It then appends the ID as a URL parameter `memberId` to the current page URL using `history.replaceState()`.

​

Step 4: Use the URL Parameter

You can now use the `memberId` parameter value in your Webflow site to personalize content, show/hide elements based on the user, or perform other custom actions.

​

For example, you can use custom code to read the `memberId` parameter from the URL and display personalized content:

​

```

<script>

  var urlParams = new URLSearchParams(window.location.search);

  var memberId = urlParams.get('memberId');

  // Implement your logic here based on the memberId

</script>

```

​

With the `memberId` value extracted from the URL parameter, you can customize the content on your page accordingly.

​

Remember to republish your Webflow site after adding the custom code component.

​

That's it! By following these steps, you should be able to add the Memberstack ID of the logged-in user to a page's URL parameter on your Webflow website.