How to properly set up profile picture display attributes from Airtable to Webflow? Answered
Hey, I'm building a no-code SaaS for the film industry. Inside, users will have their own profile and be able to display pictures they have uploaded through Airtable. How can I make this an easier process for users to upload and display their pictures?
Comments
5 comments
Hey Petter Røstvik 👋
We have a feature request for this, but no ETA as to when it might be released. Please click follow here for updates.
https://docs.memberstack.com/hc/en-us/community/posts/10382950910619-Image-upload-fields-profile-artwork-photos-etc-
Hey guys, I know Memberstack is potentially working on a solution for member profile images, however, we really need a solution now. Has anyone come across any solutions for this? To be clear, we need a way for someone to upload a profile image which will be associated with their account.
Hey Dean!
You can achieve this with a little JavaScript and a free tool called Uploadcare.
Here is the code: https://codeshare.io/xv3xVL.
You'll need to have a form on your site that members can use to edit their profile, with this hidden input inside of it:
How it works, in a nutshell, is when someone uploads a profile photo using the Uploadcare widget, it'll add a link to the file to that input there. You can then use that, along with additional code, to save the profile photo to a custom field, JSON, etc. You can also have the member's ID added as metadata to the file as well, so you'll know exactly which member uploaded what photo.
Hey guys, how can i display the profile picture in webflow? Is their a way to do it with an attribute like data-ms-member="profile-picture“ for example?
Hey Felix Gräf, yes you definitely can. If you have stored the profile picture in Memberstack, you can show the member's profile image using data-ms-member="profile-image" attribute.
More extensive info can be found here.
Please sign in to leave a comment.