diff --git a/docs/end-user-flows/account-settings/by-account-center-ui.mdx b/docs/end-user-flows/account-settings/by-account-center-ui.mdx index 89cc81bb002..c710e148fdb 100644 --- a/docs/end-user-flows/account-settings/by-account-center-ui.mdx +++ b/docs/end-user-flows/account-settings/by-account-center-ui.mdx @@ -58,7 +58,7 @@ Configure the field permissions according to your needs: To use the prebuilt Account Center UI, you need to redirect users from your application to the appropriate Logto pages. There are two approaches: -#### Approach A: Direct linking with redirect parameter \{#approach-a-direct-linking} +#### Approach A: Direct linking with query parameters \{#approach-a-direct-linking} Add links in your application that redirect users to the prebuilt pages. Include a `redirect` query parameter to bring users back to your app after they complete the action: @@ -68,6 +68,14 @@ https://[tenant-id].logto.app/account/email?redirect=https://your-app.com/settin When users complete updating their email, they will be redirected back to `https://your-app.com/settings`. +For identifier-based pages (`/account/email`, `/account/phone`, and `/account/username`), you can also include an optional `identifier` query parameter to pre-fill the input field: + +``` +https://[tenant-id].logto.app/account/email?redirect=https://your-app.com/settings&identifier=user%40example.com +``` + +This is useful when your application already knows the new email address, phone number, or username that the user is about to verify or update. + #### Approach B: Embedding in your account settings flow \{#approach-b-embedding} You can integrate the prebuilt pages into your existing account settings workflow: