跳到主要内容
ArcBlock Community

Need Access to Customize Login & Profiles on Bassmoney.io

Twelve
开发者
blocklet-serverfeaturequalifiedrewarded

Hello Team,

As our building continues to grow we have come to a point where we need to gain control over some key areas of Bassmoney.io, specifically the login experience and user profiles. Right now, there’s a part of the site that Void can‘t access or modify, and we need to understand what’s possible in terms of customization.

When a user hits the profile button, the current login box is dominated by a DID wallet scan prompt, with smaller options for Auth0 and passkeys. We need to customize this interface to better fit our user’s needs, but we don‘t currently have the ability to modify it.

Similarly, the user profile page is structured around feeds, comments, followers, and badges. While that’s great, we need the flexibility to adjust what is displayed, such as showing recently uploaded Shadows or profile pictures of friends.

So our main questions are:

  1. How do we gain access to customize the login UI?
  2. What level of control do we have over user profiles?
  3. Is there code, API access, or documentation that would allow our devs to make these changes?

The foundation for our social experience is already here. We don’t want to reinvent the wheel. We just want to take the amazing tools ArcBlock has already created and just make them a little more custom for our users.

Let me know how I can elaborate on our vision. I’m confident we can work together and build something incredible. We appreciate your time and any considerations. Thank you!

Best,

12

20 条回复

wangshijun19个月前

We're excited to let you know that improving the login dialog experience is already on our to-do list! We're aiming to make all login options equally awesome. In the meantime, we'd love to hear your ideas on how you'd like to customize your blocklet's login page.

As for user profile pages, they're designed to be extendable within the Blocklet Framework. We're working on putting together a guide to help developers with this process, and we'll have it ready for you as soon as possible. Your feedback and suggestions are always welcome!

Twelve19个月前(edited)

It is great to hear you are already thinking of this. I know you want this area to be smooth as possible.

If you look at the our current auth0 login box, I think it would be somewhere along the lines of this. Google sign up will be first, as it is the most common amongst new users. We would also like to have an option to include the DID wallet sign up, but with the ability to control the wording.

auth0.jpg

As for Profiles, here’s the vision we’re imagining:

  1. User presses “Profile”
  2. Instead of landing on the default ArcBlock profile page, they’re redirected to a custom profile page designed by Void—tailored to the Bassmoney brand and experience.
  3. The profile would showcase recently uploaded Shadows, profile pictures of friends, and other social elements that encourage engagement and collaboration.
  4. It would feel unique to Bassmoney, not just a generic profile system, but still pull in data (feeds, followers, comments) from ArcBlock’s core system.
  5. The user would interact with the profile in a way that highlights creativity, music, and social connections—creating a more immersive and personalized experience.

In short, we want to customize the look, feel, and features of the profile, while still utilizing the core ArcBlock features to handle user data in the background. The goal is to make the experience more engaging, social, and aligned with the Bassmoney vision.

Our question are: Would ArcBlock be open to letting us build this custom profile solution, while still pulling user data from your system? This way, users can still interact with the core features ArcBlock provides, but the experience itself would be fully customized to Bass Money.

Let us know if this sounds possible?

Twelve19个月前

Hello Team,

Here is a simple mockup that I made using Excalidraw, just to give you an idea of what we are thinking about. This would be the landing page that our users would hit when they pushed the native profile button.

The personal shadow gallery is going to be off the CHAIN! Allowing our users to show off recent, and also link to their entire personal collection.

Sharing your top 3 is a classic network move. Who you are you building with?

The badges will be accomplishments from the platform. Such as sharing 25 shadows, or completing 5 remixes. This is where we focus on gamification and rewarding top users.

The activity button could act as a ink to the native DID profile page where end users can navigate too in order to get a view of what the creator ice doing across the platform.

This profile option is going to add thick a thick layer of stickiness to our app. Creating a unique and immersive social experience for our users.

We are very excited about this next phase.

Please look over at your convenience and let us know how we can move forward.

z1UBqTWERpY3cKSoyJsoHzB9bepuYUfrN22

z1e4XATJSo1Y1jom17Uhj1SpKZ4LFmYSaHY

Shadows Hello my Name is Bahnk, I love using Bassmoney. So smooth and fun to play. Arcblock is a great place to build. TOP 3 Badges Activity see all Bass Money Profile

Matt McKinney19个月前

using excalidraw earns extra points 🙂

Twelve19个月前

does including @Robert in my top 3 affect the score at all 🙂

Matt McKinney19个月前

thanks for the message z1QsuPsVgzPk2Nij87QFjyVh4v7Hvz5fsZj. I'm reading through it now.

zhanghan19个月前

Hello z1notyEjWxWTWj1pUANTyPXV4hd2sZX1hzZ, I wrote a document about how to add a Customize user profile page, to see if this article helps you. 😃

voidmanevoid19个月前

hello! any progress on customizing the login? z1VV21NqNWkiadznN32ALkos5dQqQwnCMty we're excited to launch a big new feature but want the login to be seamless before we do.

wangshijun19个月前

This is a working in progress, very high possibility we rollout a beta release next work, please stay tuned.

voidmanevoid19个月前

can't wait. thank you!

voidmanevoid18个月前

how is progress? we're very eager 🙂

Twelve18个月前

Hey Team,

I know you’re working on this, just wanted to give you an update from the trenches.

Over the last couple of weeks, I’ve been demoing BM9000 on Discord, and we’ve had some new users jumping in. One thing that keeps coming up is the login flow—when people hit the profile button and see the wallet connection screen first, it immediately throws them off. Some assume it’s a scam because they don’t understand why a beat-making tool is asking for a wallet. I’ve been explaining the Auth0 login option and why the wallet is there, but it’s definitely creating friction.

This immediate reaction may be due to the demographic of our users, males 15-25, but I could also see how this could impact other builders using ArcBlock. If someone builds a travel blog, for example, they probably wouldn’t want users to feel like they need to download a wallet just to leave a comment. Right now, Auth0 is an option, but the wallet login is still front and center, which might discourage adoption.

I’ve actually held off on launching a promo video I paid for because I want to make sure we get this sorted before a any new users comes in. I know this is already on your radar, just wanted to share what I’m seeing and how it might affect broader adoption.

Appreciate all the work you’re doing! Looking forward to the next steps.

Thank you ,

12

Robert18个月前

It's coming soon, stay tuned. It usually takes time for us to update the foundational components.

Matt McKinney18个月前

Heya z1notyEjWxWTWj1pUANTyPXV4hd2sZX1hzZ just dropped you a note on X as well. Also, appreciate your feedback as that is really important to us and sharing the roadblocks you are encountering. I'll keep monitoring on my side.

zhanghan18个月前

Hey Twelve,

We have update new UX of DID Connect

The login page you see when you open https://bassmoney.io/ is like this:

image.png

I would suggest that you make the following configuration to improve the presentation of the login page:

  1. Open Dashboard -> blocklet -> Global Config
  2. image.png
  3. Add an environment DID_CONNECT_ALLOW_WALLET set it's value to false , which means disable DID Wallet login (You can set it's value to true to reopen DID Wallet login , or just delete it)
  4. image.png
  5. Now, the login page is like this
  6. image.png
  7. I noticed that you are currently using the Auth0 development configuration, which means you haven't apply a google OAuth client. You can follow this document to setup a google login: https://www.arcblock.io/docs/did-connect/en/oauth-config-google
  8. image.png
  9. After set it up, you can use Google Login directly
  10. image.png
  11. If you need login with DID Wallet by your self, you can bind Google OAuth account or passkey account before you disable DID Wallet login . You can follow this document to bind an account: https://www.arcblock.io/docs/did-connect/en/bind-oauth-account
  12. After bind account, you can use Google to login your DID Wallet
voidmanevoid18个月前

thank you!

we have google login working now!

i think the only thing left (maybe we missed it) is to be able to also customize the Connect to DID Space screen.

Screenshot 2025-03-17 at 11.46.36 AM.png

can this be done?

voidmanevoid18个月前

z1TFmhjLLroSTYtJT5PF61aatJBKdfRG7ck can you make the connect to did space modal customizable as well?

zhanghan18个月前

The login methods shows in DID Spaces is configured by DID Spaces, which DID Spaces actually allowed to use DID Wallet

I'll figure out a way to improve this problem, after fix this issue, I'll send you a message

Twelve17个月前

Hello team,

I’ve noticed that our login screen has seem to reverted back to having the DID Wallet verbiage.

b00cf457e541b063e4376c5a0875df8e.jpeg

Previously, when we turned off the wallet login function it read like this.

image.png

any guidance on how to get back to here?

zhanghan17个月前(edited)

Please ensure that the @arcblock/did-connect used by https://store.blocklet.dev/blocklets/z2qaKzYnBQHND4XND2jz3648T7RjxRhUxwmNL is the latest version to see if it can solve the problem.

The version number in package.json may not be the final version used

please use npm/yarn/pnpm why @arcblock/did-connect to confirm the version number.

回复