Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Custom login popup for New Customer account

Solved

Custom login popup for New Customer account

deestore
Shopify Partner
12 1 2

Hi,

I am customising a theme for our client and we would like to use the "New Customer" account so we can use the Store Credit feature.

 

When building a custom login popup, we can copy the "main-login.liquid" but this will be Classic display of email and password. We noticed the current "account" page actually redirects to another page in Shopify and redirects back after authentication.

How can we create the custom popup with email entry to target to this Shopify page for authentication?

Thanks for any advice.

Accepted Solution (1)
deestore
Shopify Partner
12 1 2

This is an accepted solution.

Hi @nidhidhiman004 currently, it is already set as "new recommended" for our store.

View solution in original post

Replies 16 (16)

nidhidhiman004
Shopify Partner
83 6 8

Hi @deestore

This will be possible only through coding.

we need store access for that and online store and product store access 

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

hi @nidhidhiman004 thanks for your reply.

May I check how this is achieved as we realised the "new customer" account login page is provided by Shopify E.g. https://shopify.com/58806665334/identity/lookup?destination_uuid=.... and we are unable to edit this page.

nidhidhiman004
Shopify Partner
83 6 8

Hi @deestore

You have to follow these steps

5f1880a6-2e84-4e39-a595-8f08fc60cb5d.png

nidhidhiman004_0-1727330845017.pngneed to click on classic customer account and then

 

nidhidhiman004_1-1727331021895.png

need to go to customer login

nidhidhiman004_2-1727331197961.png

if you want o add new section on login page or edit login page just click on add sections

nidhidhiman004_3-1727331327829.png

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
nidhidhiman004
Shopify Partner
83 6 8

hi @deestore 

i If you find my solution helpful then please click on the like button

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

Thanks @nidhidhiman004 for your prompt reply and explanation!
However, the above is not what we want to achieve yet. We want the "New customer" login with only email field which is something like this:

deestore_0-1727332075830.png

and when clicked, it will target to the Shopify's page for authentication. Any idea if this is possible?

 

nidhidhiman004
Shopify Partner
83 6 8

I have understood one question and am trying to solve it

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
nidhidhiman004
Shopify Partner
83 6 8

if my solution is helpful mark it as a acceptable solution

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

hi @nidhidhiman004 sorry, it is not solving the problem yet.

nidhidhiman004
Shopify Partner
83 6 8

Hi @deestore 

nidhidhiman004_1-1727333536489.png

if you need it like this

So we need login access to its store only then this will happen

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

hi @nidhidhiman004 i have PM you if you use to share the collaborator code to access.

nidhidhiman004
Shopify Partner
83 6 8

Hi @deestore  

We are not able to use this code without website url link

Please provide us your website link Url 

Please send us direct collaborate access through mail.

Thanks 

 

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

hi @nidhidhiman004 i have shared the website link in the PM, thanks for your help in advance.

nidhidhiman004
Shopify Partner
83 6 8

Hi @deestore 

follow these steps below

go to settings

nidhidhiman004_0-1727419730815.png

go to customer account

nidhidhiman004_1-1727419980892.png

nidhidhiman004_2-1727420418381.png

after that you need to select new recommended not classic

thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

This is an accepted solution.

Hi @nidhidhiman004 currently, it is already set as "new recommended" for our store.

nidhidhiman004
Shopify Partner
83 6 8

this is only option for do that thing

 

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
deestore
Shopify Partner
12 1 2

Hi @nidhidhiman004 no worries, we decided to drop the new customer account approach for now.