How to create a customer account edit page similar to existing ones?

[Asjas]

Hi,

I want to create a customer account edit page similar to the `customer/addresses.liquid` and `customer/account.liquid` pages. I created a `customer/edit.liquid` file but when I navigate to `/account/edit` or `/edit` on the website it's not finding a page there.

What files would I need to edit for that URL to link to that file?

[Asjas · Accepted solution]

I saw Advanced Customer Apps using that URL so I assumed it was possible. 🤷‍♂️

I decided to add my own Customer Account Edit functionality with React to the `/account` page and it works if I query my Node.js backend for the customer details. And I'll be able to allow the customer to edit their account details that way and then update the details in Shopify. So I found a way to make it work 🙂 

[Asjas]

Does anyone know how to create a page that can be loaded on a URL and not throw a 404? 🙂

[PaulNewton]

I created a `customer/edit.liquid` file but when I navigate to `/account/edit` or `/edit` on the website it's not finding a page there

Not how shopify themes work, did you follow some documentation saying it would? please link if so.

Specific templates map to specific url endpoints, so adding an arbitrarily named file to a theme does not create a brand new custom endpoint.

The simplest you could do is make an alternate template and then create a redirect to it.

Review https://shopify.dev/tutorials/develop-theme-templates

For user inputs shopify themes have a very minmal surface area that is very purposeful is not likely to change.

So you can only use the prescribed fields exposed by the default liquid forms to make custom forms.

To allow in depth customer editing you will need an app.

note to self: file to urlviz

[Asjas · Accepted solution]

I saw Advanced Customer Apps using that URL so I assumed it was possible. 🤷‍♂️

I decided to add my own Customer Account Edit functionality with React to the `/account` page and it works if I query my Node.js backend for the customer details. And I'll be able to allow the customer to edit their account details that way and then update the details in Shopify. So I found a way to make it work 🙂 

[PaulNewton]

Also see Proxy apps docs

 https://shopify.dev/tutorials/display-data-on-an-online-store-with-an-application-proxy-app-extensio...

And related topics in the forums

 https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=customer%20account%...

[Asjas]

As far as I know App Proxies only work in public apps, I can't use that.
I'm able to modify my own theme and I can add my own JS scripts as well so I have a working solution.

[PaulNewton · Accepted solution]

As far as I know App Proxies only work in public apps, I can't use that.

Future readers:

https://www.shopify.com/partners/blog/shopify-public-apps

https://community.shopify.com/c/Shopify-APIs-SDKs/Working-solution-that-replaces-private-apps-url-pr...

[chelux]

Im looking to do this same thing. What did you add to the backend?