Displaying Member Data in Webflow

Article author
Josh Lopez
  • Updated

You can use this feature to populate a member-specific template UI with data stored in Memberstack. This data is securely stored and served by Memberstack so that only the site admin and your member will be able to view it.

data-ms-member-name__1_.gif

Step 1 → Update your database

new_custom_field.gif

  1. In Memberstack → Navigate to the Member’s page and click “Custom Fields”
  2. Then give the field a name and a custom id. You’ll need the custom ID in step 2...

Step 2 → Map the fields in Webflow

data-ms-member-name.gif

  1. In Webflow → Select the element you want to personalize and give it an attribute of data-ms-member + the fieldID from Memberstack. Here’s Custom Field ID.
  2. On your published site → Log in or refresh the page. Memberstack will swap the original text with the text stored in Memberstack.

Tip: If the field is empty, the element will revert to its original state. Be sure to use placeholder text which makes sense by default.

Things to consider

Members can only see data associated with their own account. You cannot use data attributes to display data publicly or to other members.

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.