3box πŸ‘―β€β™‚οΈ
Learn how to access decentralized 3Box user profiles
​3box offers a decentralized storage layer for applications. Currently if a user has created a 3box profile with the address they use when visiting your site, you will be able to use DappHero to access their profile information.
dapphero-3box-profile - Webflow
Webflow
Click "clone" to make it yours!
You may want to consider adding some placeholder or default text, as some users will not have set up their 3box profiles. In addition, some users will only have uploaded parts of their profile leaving certain properties blank.

3Box Feature Reference

Tag
Property
Required
Displays
data-dh-feature
"threebox"
Yes
nothing
data-dh-property-name
"true"
optional
Users Name
data-dh-property-website
"true"
optional
Users Website
data-dh-property-location
"true"
optional
Users Location
data-dh-property-emoji
"true"
optional
Users Emoji
data-dh-property-job
"true"
optional
Users Job
data-dh-property-description
"true"
optional
Users Description
Three Box Image
​
​
​
data-dh-property-image
"true"
optional
Users Image
To access any of the above properties, with the exception of the image property, follow this template, replacing the property with your desired property value.
​

Display the current user's 3Box Name

1
<div
2
data-dh-feature="threebox"
3
data-dh-property-name="true"
4
>
5
Name will be displayed here
6
</div>
Copied!

Display the current user's 3Box Profile Image

To access a user's profile image, it is important to attach the feature to an image element.
1
<img
2
src="placeholder image URL"
3
data-dh-feature="threebox"
4
data-dh-property-image="true"
5
>
Copied!
Last modified 1yr ago