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

Re: How can I customize the new customer account ?

How can I customize the new customer account ?

AndyHung
Shopify Partner
63 0 16

I want to customize this page of shopify but I can't find it in my customize theme. How can I customize the new customer account ? Thank you so much

AndyHung_0-1695983847721.png

 

 

Replies 19 (19)

DitalTek
Shopify Partner
779 93 110

Hi,

This is order details page, if you want customize for that page you can find to:

Admin -> Theme -> Customize Code -> templates -> customers -> order.liquid

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
AndyHung
Shopify Partner
63 0 16

Hi @DitalTek ,

I cannot find this file. I use theme Dawn and that is NEW customer account page. 

DitalTek
Shopify Partner
779 93 110

It's here

JosephK_0-1696001842172.png

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
AndyHung
Shopify Partner
63 0 16

Hi @DitalTek,

I find it in my theme, but not found. Do you know why I don't have it?

AndyHung_0-1696002100682.png

 

Brett_Helium
Shopify Partner
286 54 129

Hey @AndyHung,

Unfortunately when using Shopify's "new customer accounts", this page is actually not customizable at all.

The file you are looking for in your theme code is actually "main-order.liquid", however the code in this section will only apply when using classic accounts.

Brett | Helium
- Customer Fields ✪✪✪✪✪ (360+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (290+ reviews)
- Strike Automatic Discounts NEW!
AndyHung
Shopify Partner
63 0 16

Hi @Brett_Helium,

Does any app can help me customize in new customer account page?

Brett_Helium
Shopify Partner
286 54 129

No. As far as I am aware, it is not currently possible at all to customize this page, even with code or with an app.

Brett | Helium
- Customer Fields ✪✪✪✪✪ (360+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (290+ reviews)
- Strike Automatic Discounts NEW!
michael-helium
Shopify Partner
378 5 185

@Brett_Helium is correct. Shopify lists the limitations of new customer accounts here: https://help.shopify.com/en/manual/customers/customer-accounts

No Liquid customizations. No apps. See screenshot:

Image 2023-10-11 at 9.34.35 AM.png

If you want to edit this page, or any other related pages, you need to revert to "classic" customer accounts. You can manage this setting here: https://admin.shopify.com/settings/customer_accounts

Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (357 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (281 reviews)
- Strike Automatic Discounts NEW!

DitalTek
Shopify Partner
779 93 110

Hey,

How are going?

If you wanna customize that page, you need understanding with code and theme structor,

If you don't you can ask to a developer to help. 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
AndyHung
Shopify Partner
63 0 16

Hi @DitalTek,

I can't find this file in theme code, do you have other solution for this?

DitalTek
Shopify Partner
779 93 110

Hi,

If you need customize for order page, you must implement in code and into that file.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
michael-helium
Shopify Partner
378 5 185

@DitalTek - this page is not editable. 

New customer accounts have some key limitations, namely:

  1. No Liquid customizations (no custom styling, no additional fields, etc.)
  2. Does not work with apps
  3. Does not support Multi-pass

See our blog post on this topic for more info: https://heliumdev.com/blog/new-customer-accounts-shopify-pros-and-cons

Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (357 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (281 reviews)
- Strike Automatic Discounts NEW!

theDMM
Excursionist
34 0 23

I've reached out to their support about this as well. There are contradicting statements going on, including in Shopify's support articles.

I've attached two photos, 'Photo 1' shows the 'checkout branding' applies to new customer account pages while 'Photo 2' shows that the original statement is incorrect and that the new customer account login page is not customizable. Hopefully, the new customer account login page and dashboard will be customizable soon, but it's been over a year with this issue and no changes have been made.  

 

In conclusion, customization to the new customer account login page is not possible, nor to the new customer account dashboard page.

photo 1.pngphoto 2.png

Cheers,
Connor
michael-helium
Shopify Partner
378 5 185

This is what we've found to be true as well


@theDMM wrote:

In conclusion, customization to the new customer account login page is not possible, nor to the new customer account dashboard page.


Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (357 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (281 reviews)
- Strike Automatic Discounts NEW!
theDMM
Excursionist
34 0 23

At this point I've spent hours on this between discussing this issue with Shopify support representatives, Shopify support articles, in addition to both web & app developers to gain a full understanding of the issue. It's unfortunate that Shopify support first led me to believe that the page(s) are customizable, thus going down the rabbit hole doing my own research and wasting hours of my time only to find out customizations on these pages are really not possible. Hopefully Shopify will change this soon. 

Cheers,
Connor
Brett_Helium
Shopify Partner
286 54 129

Hey @theDMM!

I may be able to provide a bit of clarification here. The screenshots of Shopify's documentation are technically true, although a bit confusing, and the customization is definitely very limited.

Checkout branding does apply to the order history and account information pages as shown in your first screenshot from the changelog, but this seems to be only the specific settings for logo, button color, and accent color. As shown in the second screenshot, this specifically does not include the customizations for the background.

The second screenshot from the Shopify docs states that the customizations do not apply to the login page, which is true. The logo is the only thing that can be changed on the login page. 

Brett | Helium
- Customer Fields ✪✪✪✪✪ (360+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (290+ reviews)
- Strike Automatic Discounts NEW!
robertoandrade
Shopify Partner
3 0 4

@AndyHung not sure if you ever got around to these limitations but a client recently reached out asking for something similar and we managed to find a way to customize it using a very creative solution I'm sure Shopify wouldn't approve or support, but it gets the job done. Feel free to reach out if you're still looking for a solution for it.

 

We considered reimplementing the new customer accounts look and feel into our classic customer account liquid theme but it seemed like much more work than the alternative.

NoorulAmeen
Visitor
1 0 0

@robertoandrade it is great to know that you managed to customize it. Can you please let me know how did you manage to solve it? 

deestore
Shopify Partner
14 1 2

Hi,

 

I might be a tad too late, hope this entry benefits someone who is looking for a solution as well.
1) For customising the logo for new login page with branding, you will need to got from
Settings > Customers account and click "Customise" under "New customer" section and "Customise" again for the configurations to reach this page in theme

deestore_0-1727333262219.png

You should be able to add the logo and simple styling etc.

 

2) to custom the order page, seems like Shopify has hijacked the routing for /account/orders to the default new customer one.
Thus, you can add a new template and copy the code from the "main-account" liquid to this template.
Then create a new page and set the template to this new one created. Your new page will be something like "/pages/custom-account" which you can link your profile or menu to this page instead.

Not a full solution but at least some workaround if you should really need a custom look.