# Open Universal Login to the sign-up page

**URL:** <https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669>\
**Category:** Get Help\
**Tags:** new-universal-login, angular\
**Created:** [April 7, 2020, 8:21pm UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669 "2020-04-07T20:21:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![caristix-support](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/caristix-support/32/16599_2.png) [@caristix-support](https://community.auth0.com/u/caristix-support)\
**Post date:** [April 7, 2020, 8:21pm UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/1 "2020-04-07T20:21:43Z")

</div>

Hi there!

I have an Angular app and followed the QuickStart tutorial to integrate Auth0 to my SPA.

> **[Add Login to Your Angular Application - Auth0 Docs](https://auth0.com/docs/quickstart/spa/angular)**
>
> This guide demonstrates how to integrate Auth0, add authentication, and display user profile information in any Angular application using the Auth0 Angular SDK.

In Auth0 configuration, I use the “New Univeral Login” experience. So, when a user in my app clicks the Login button, he’s redirected to this login page.

Now, I want to create another button that will allow users to Register to my app. So I ask you if there is a way to configure my implementation to show the Sign-up page (instead of the login page), depending on the button the user click.

Thanks!

---

<div class="post-metadata">

**Author:** ![dan.woda](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dan.woda/32/18340_2.png) [@dan.woda](https://community.auth0.com/u/dan.woda)\
**Post date:** [April 8, 2020, 10:19pm UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/2 "2020-04-08T22:19:01Z")

</div>

Hey @caristix-support,

Check this out:

> **[New Universal Login Experience](https://auth0.com/docs/authenticate/login/auth0-universal-login/new-experience)**
>
> New Universal Login Experience

---

<div class="post-metadata">

**Author:** ![caristix-support](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/caristix-support/32/16599_2.png) [@caristix-support](https://community.auth0.com/u/caristix-support)\
**Post date:** [April 9, 2020, 12:35am UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/4 "2020-04-09T00:35:29Z")

</div>

Hey Dan!

Thanks for the prompt response. However, I’m using the Auth0Client implementation from `auth0-spa-js` package and, following the tutorial, I use the `auth.service.ts login()` method as follow:

> login(redirectPath: string = ‘/’) {  
> // A desired redirect path can be passed to login method  
> // (e.g., from a route guard)  
> // Ensure Auth0 client instance exists  
> this.auth0Client$.subscribe((client: Auth0Client) =\> {  
> let urlSplit = redirectPath.split(‘?’);  
> // Call method to log in  
> client.loginWithRedirect({  
> redirect\_uri: `${window.location.origin}`,  
> //Query is removed from target url, and added as separate parameter to avoid url encoding.  
> appState: { target: urlSplit[0], queryParams: urlSplit[1] }  
> });  
> });  
> }

I guess I have to put the `screen_hint=signup` somewhere inside the RedirectLoginOptions object.

Maybe you know how 🙂

Thanks!

---

<div class="post-metadata">

**Author:** ![caristix-support](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/caristix-support/32/16599_2.png) [@caristix-support](https://community.auth0.com/u/caristix-support)\
**Post date:** [April 9, 2020, 12:43am UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/5 "2020-04-09T00:43:22Z")

</div>

Oh!!! Forget my previous comment 😉

The only thing you have to do is to add the `screen_hint: "signup"` extra option right after the `appState:{...}`

So the implementation looks like

> client.loginWithRedirect({  
> redirect\_uri: `${window.location.origin}/console/`,  
> //Query is removed from target url, and added as separate parameter to avoid url encoding.  
> appState: { target: urlSplit[0], queryParams: urlSplit[1] },  
> **screen\_hint: “signup”**  
> });

Thanks a lot!!!

---

<div class="post-metadata">

**Author:** ![dan.woda](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dan.woda/32/18340_2.png) [@dan.woda](https://community.auth0.com/u/dan.woda)\
**Post date:** [April 9, 2020, 5:05pm UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/6 "2020-04-09T17:05:47Z")

</div>

Let us know if there is anything else we can do to help!

---

<div class="post-metadata">

**Author:** ![dan.woda](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dan.woda/32/18340_2.png) [@dan.woda](https://community.auth0.com/u/dan.woda)\
**Post date:** [April 24, 2020, 5:12pm UTC](https://community.auth0.com/t/open-universal-login-to-the-sign-up-page/40669/7 "2020-04-24T17:12:46Z")

</div>

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.