How to allow your members to save arrays to their profile + display them
Memberscripts needed:
https://www.memberstack.com/scripts/render-array-custom-field
Tutorial
Cloneable
Why/Use Cases
- Display information to users based on data they input on the site, e.g. an input for skills with the skills previously entered displayed below the input.
Allowing members to save arrays to their profile and display them
If you’re here, you probably already know that Memberstack custom fields can only be strings, meaning you can only have one data type. While users on the front-end can input only numbers or only arrays, for example, in Memberstack it’s just a string.
This guide will show you how to render an array on the front-end based on a custom field, allowing your members to save arrays to their profiles.
To allow members to save arrays to their profiles and display them on your Webflow site, we’re going to use MemberScript #121 – Render Array from Custom Field. Follow the link to get the code you’ll need to add to your page and watch a video tutorial on how to set everything up.
Setting it up
Begin by creating and styling the custom field and an array element. Add this attribute to the array element:
· ms-code-render-array=”VALUE” – for the value use the custom field’s ID
To make sure all the array elements look nicely together, remember to style the parent wrapper accordingly.
Making it work
Now that you’ve got everything set up in Webflow, all you need to do is add the MemberScript #121 custom code to your page, before the closing body tag.
Conclusion
That’s everything, you can now go ahead and see how arrays are rendered on your live site.
If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.
Our demo can help you render an array on the front-end based on a custom field.
Take me to Cloneable!
Written by
Ovidiu
Contributor