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.
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.
<div
data-dh-feature="threebox"
data-dh-property-name="true"
>
Name will be displayed here
</div>
To access a user's profile image, it is important to attach the feature to an image element.
<img
src="placeholder image URL"
data-dh-feature="threebox"
data-dh-property-image="true"
>
Last modified 2yr ago