I’m trying to create a customer account page. I’ve been following written instructions and also tried a couple of AIs, as I’m new to Shopify apps, but I keep getting stuck in the same place.
When I create the extension, I select Customer account UI (the only entry under Customer account) for the type. Everything I’m being told says the shopify.extension.toml created for the new extension should have under its [[extensions]] section a type of customer_accounts_ui, but I’m always getting a type of ui_extension. Both AIs tell me I must be selecting an admin page, but I am definitely choosing Customer account UI.
They also say my src directory should have some files that aren’t there, including an index.jsx. Instead, I only get OrderStatusBlock.jsx.
What am I doing wrong?
Hey @Jason_Roberts
I’m curious what instructions are you following. Could you please share them?
The type ui_extension
is correct.
Have you tried this tutorial?
It is specific for full page extensions and has the content of the files (toml
and typescript
on the right side of the page.
Give that a shot, I’m sure it will help you create your first extension!
1 Like
I started with ChatGPT. ChatGPT first told me I should have a shopify.customer_accounts.toml file, rather than shopify.extension.toml.
Then it backed down and said it was OK that I had shopify.extension.toml but that it must have the customer_account_ui type:
[Tried to post screen caps of that, but, apparently, new users can only use one embedded image.]
Knowing AI makes mistakes with coding, I gave up and then started Googling for an answer and found a page with the same info (in hindsight, likely because was using customer_account_ui as a search term). Naturally, I can’t find that in my history, now, so I’m not sure what the page was.
Then I started fresh with Google Gemini, telling it what I wanted to do, and it gave me the same info as ChatGPT. That back-and-forth became maddening, with it repeatedly telling me, basically, “I told you xyz, but I should have told you xyz,” where xyz is the exact same thing, which is when I posted here.
I started with the tutorial to which you linked, but I was trying to create a customer accounts page that would let me add sections, which I couldn’t figure out from the tutorial. Maybe that goal was what caused the problem? I’ll give the tutorial another try today now that I’m less bleary-eyed.
Thanks for taking the time to reply, @rener.baffa .
1 Like
Image it wouldn’t let me embed in the original message:
Image it wouldn’t let me embed in the original message:
Hey, another question regarding that tutorial. I was able to make that work, but is there a tutorial that actually shows how to make that app functional? In other words, a way to actually make it possible for customers to add products to a wishlist rather than just using ten test products?
Hey Jason
As Rener said, GPT is wrong, here. Please rely on our docs rather than AI.
The tutorials are meant to give a simple example of how to build customer account extensions specifically, they’re not meant to be walkthroughs of how to build full-fledged features end to end.
We have a public repository for our subscription management app if you need an example of a real app: GitHub - Shopify/subscriptions-reference-app: Shopify Subscriptions Reference app
Yep. I’ve been playing today and was able to get some test extensions working. I find it odd that both ChatGPT and Google Gemini had the same incorrect information. Makes me think they’re both getting their bad information from the same source.
I understand now—for the benefit of any other newbs who may come across this later—that I can’t create an account page that allows the addition of sections through the admin UI. I as trying to do this, rather than build a full app, because we’re using an app that has sections which would be better suited for customer account pages than Shopify Pages pages.
What I was trying to do was basically create a template for the customer account page to make everything look uniform.
Hey Jason,
If I had to guess why genai tools are getting this wrong, I’d say since customer account extensions are relatively new, there’s much less content available for LLMs to produce accurate instructions. It’s possible they source information from both the “old” and “new” customer account models and then end up with wrong instructions. As the folks here already advised - it’s best to stick to our developer documentation as the source of truth here.
1 Like