Customize Wallet UI Elements

📘

Restricted feature

This is a restricted feature only available to selected partners. Please contact us if you are interested in using this feature.

For a better user experience, you can customize the UI elements, e.g., hide the MetaKeep user wallet sections that might not be relevant or confusing to your users, change the CTA button style, etc. You can access this setting in the Advanced Settings of the user wallet settings.

Hide User Profile Details

You can hide the user profile details such as email in the MetaKeep user wallet. Note that this only works if a user is provided when initializing the SDK. The user profile details will always be shown if no user is provided.

Reason shown to the user in the confirmation dialog

User profile details

Reason shown to the user in the confirmation dialog

Turn on the toggle to hide the user profile details

Hide Wallet Operation Details

You can hide the wallet operation details section that shows the raw operation details such as the raw transaction, raw message, etc. This is useful if you find the raw operation details confusing to your users.

Reason shown to the user in the confirmation dialog

Wallet operation details

Customize user message

Turn on the toggle to hide the wallet operation details

Change the CTA button style

The CTA button is the button that is used for the primary action in the UI. You can change the CTA button style to a single Allow button or two buttons Yes and No.

CTA button

CTA button

Customize CTA button style

Customize CTA button style

Hide Processing Loader

The users are shown a processing loader for a few seconds before the request is processed allowing them to undo the action if needed. This is enabled by default for all mutating actions(e.g. NFT transfer, lambda invocation, or any action that will create and broadcast a transaction). You can disable the processing loader by turning off the toggle. Note that by default the loader is not shown for message and transaction signing APIs.

Processing loader

Processing loader

Customize processing loader state

Customize processing loader state