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:

```

```

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:

```

```

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:

```

```

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.