Skip to content
Engineering8 min read

A better product page can’t record a showroom payment.

How to tell which part of a Shopify business needs changing, and what a theme, a Next.js storefront, Shopify’s APIs and MCP can each do about it.

Draft article · The Useful Company · Updated

Overview

A retailer asked how they could keep Shopify while improving bookings, deposits and visibility across online and offline sales. We built a standalone Next.js UI prototype; the production integration stayed a proposal. This note sets out the choices we compared: theme or custom storefront, which API does what, and what the plan table actually changes.

Context
A specialist retailer
Reading time
8 minutes
The thought to keep

Before choosing a frontend, follow one real purchase from enquiry to delivery. It will show you which part needs changing.

Article / 06

A storefront helps a customer find a product and decide what to do next. The operations side handles enquiries, quotes, payments, stock and delivery. A sharper product page might reduce confusion. It still can’t reconcile a payment taken in the showroom, or assign an enquiry to anyone.

Shopify can stay the backend

Shopify supports a custom frontend on top of its commerce backend. In the documented headless setup, customers browse products and build a cart in your frontend, then pay in Shopify Checkout. A framework like Next.js can build that interface without replacing checkout.

An external CRM can connect through authorised APIs as well. That extends the operation around the store; Shopify still owns the backend jobs you leave with it. Decide who owns what before you create another database full of products, customers and orders.

Theme or custom storefront

Shopify themes are built with Liquid, HTML, CSS, JavaScript and JSON, inside Shopify’s theme system. If the experience you need fits that system, a theme is the sensible place to start.

A custom storefront is worth investigating when specific journeys need more control. It also hands your team new work: hosting, API integration, cart behaviour, analytics, links into checkout and ongoing maintenance.

Reusing templates is a separate decision. You can customise selected sections of a theme, or reuse interface components in a Next.js app. Either way, a familiar navbar and footer leave more effort for the product and booking flows. Reuse doesn’t decide where the storefront runs.

For this retailer, the Next.js prototype let us discuss the experience before we had authenticated Shopify access. It didn’t show that a theme was unsuitable, or that a fully custom storefront was the right production choice.

Know which API does the work

Shopify splits these responsibilities across different interfaces.

Shopify interfaces and what each is responsible for
InterfaceWhat it handles
Storefront APICustomer-facing products, collections and carts.
GraphQL Admin APIAuthorised store operations on products, customers, orders, inventory and custom fields.
Customer Account APISigned-in customer access to account and order information.
WebhooksNotifications that let an external application respond when store data changes.

Plan for the notification that never arrives

The Admin API needs an app token and permissions the merchant grants. Reviewing the public storefront can’t confirm those permissions or show how the merchant’s internal records are organised.

Webhooks keep an external service current, but deliveries can be missed. Shopify recommends reconciliation jobs that fetch changes through the API, so a CRM needs a way to catch up after a failed notification or downtime.

A single API for the frontend can combine all of this. It still needs ownership and conflict rules underneath. Write down which system owns stock, quote totals, payment balances and the final call on fulfilment.

What the plan table actually changes

At the time of writing, Shopify’s India pricing page lists these monthly equivalents, with yearly billing, for the standard plans. Plus has its own term structure.

Shopify India plans, checked 3 October 2026
PlanListed subscriptionWhat matters here
Basic₹1,499/month, billed yearlyNo additional staff accounts. Listed fee for third-party payment providers: 2%.
Grow₹5,599/month, billed yearlyUp to five staff accounts. Listed third-party fee: 1%.
Advanced₹22,680/month, billed yearlyUp to 15 staff accounts and live third-party shipping rates. Listed third-party fee: 0.6%.
PlusFrom ₹1,75,000/month on a three-year termEnterprise capabilities, including eligible native partial-payment and deposit workflows.

Check the feature against your workflow

We checked these figures against Shopify’s India pricing, Plus pricing and partial-payment documentation. Prices change, and gateway processing charges and custom-system costs are separate.

A higher plan can make a feature available. You still have to confirm it works with your payment provider, sales channel and customer journey. A custom frontend doesn’t change what your plan includes.

Where MCP fits

MCP gives an AI assistant a structured way to call tools. Shopify’s developer tooling can help with documentation and API schemas, and its commerce tools let agents work with catalogues and other shopping functions. Authenticated customer-account tools are a separate surface.

These surfaces move. Shopify’s current migration guide says the old catalogue and cart tools at /api/mcp were removed, and points developers to UCP at /api/ucp/mcp. Build against the current documentation, not an older article.

MCP doesn’t replace authentication, a supported checkout flow or payment reconciliation. Use it when an assistant needs tools for a defined task, and keep the payment and order rules explicit in the application.

Platform references checked 3 October 2026. Sources are kept with our research notes. The retailer stays anonymous.

Keep reading