Hi,
I’m using the B2B prebuilt UI sign-up / sign-in components in @stytch/vanilla-js/b2b. I enabled org creation and noticed that the user isn’t given an opportunity to define their own organization name. The organization name seems to be derived from the user’s email address by default. I’m not sure if this is by design or if I’m missing some configuration that would allow the user to specify it directly. I do have a memory of defining my own organization name when I signed up for Stytch, so I was expecting a similar user experience in my app.
Is this feature available in the prebuilt UI components?
Hi Aaron,
Thanks for posting!
Our prebuilt UIs do not handle setting an Organization name or slug today; as you noted, the name is automatically set.
To customize Organization name, at the moment you’ll need to handle this via your own UI after the authentication flow utilizing our headless Update Organization method. This is what you saw in the Stytch Dashboard flow as well - our prebuilt UI components handle the authentication flow, and then we update/set the Organization name post-authentication via headless methods and a separate UI.
That said, we do have an internal feature request for supporting Organization name and slug customization via our prebuilt UI components, which I’ll add a +1 to on your behalf!
Thanks very much! Glad to know I’m using the UI components as intended and what the workaround is for the UX that I’m seeking. Also, definitely upvote the support for Organization name and slug customization on my behalf!
1 Like