Shopify Customer Account fgrede

Shopify Apps

Topic summary

A developer is building a Shopify Remix app in TypeScript and needs to add a custom link in the customer account header that displays a listing page on the storefront.

Proposed Solution:

  • Use an App Proxy by configuring shopify.app.toml to map a storefront URL (e.g., /apps/my-listing) to the app’s backend
  • Create a corresponding Remix route that returns content with Content-Type: application/liquid for Shopify theme rendering
  • Add the link to customers/account.liquid theme file, either manually by the merchant or programmatically via the Shopify Asset API

Current Status:
The developer is seeking more details on programmatic theme injection using the Asset API and asks whether Customer Account Extensions could be used as an alternative approach. The discussion remains open with the technical implementation details still being clarified.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hi Team,

I am developing a shopify remix app using typescript and I want to place a link in the header section of customer accounts and on clicking it must display a listing page in shopify storefront. How can I implement it? Can anyone help me with this.

2

Hi @1256

To implement this, you can try an App Proxy to serve your page from your Remix app, and a theme modification to add the link.

First, you need to define the App Proxy in your shopify.app.toml file. This will map a storefront URL, like /apps/my-listing, to your app’s backend.

[app_proxy]
url = "https://your-app-url.com/proxy"
subpath = "my-listing"
prefix = "apps"

Next, create the corresponding route in your Remix app (e.g., app/routes/proxy.my-listing.tsx). In this route’s loader, fetch the data for your listing and return the response with a Content-Type of application/liquid. This allows Shopify to render your page within the store’s theme.

Now, you need to place a link in the customer account section. The safest and most common method is to provide manual instructions for the merchant. Tell them to edit their customers/account.liquid theme file and add the link to the navigation menu, like this:

<a href="/apps/my-listing">My Custom Page</a>

For a more seamless experience, your app could use the Shopify Asset API to inject this code into the theme file programmatically, but this is a more advanced technique that should be handled with care. After syncing your app config, the link will appear in the customer account section and lead to your app-rendered page.

Hope this helps!

3

Hi @PieLab

Thank you for your reply . This make sense . Can you give me details on the below so that I can configure all from the app side.

For a more seamless experience, your app could use the Shopify Asset API to inject this code into the theme file programmatically, but this is a more advanced technique that should be handled with care. After syncing your app config, the link will appear in the customer account section and lead to your app-rendered page.

Can you help me with it? Can I use Customer Account Extension?