Checkout UI extensions
Custom fields, banners, add-on offers and delivery notes placed at Shopify’s extension targets, built with Shopify’s own components so they match your branding settings.
Information, shipping and payment steps: Plus
Checkout · Shopify · Los Angeles
Shopify checkout customization that keeps carts moving
Extra fields, smarter delivery choices and offers placed exactly where a buyer can use them.
Checkout is the one part of a Shopify store you can’t redesign freely. Changes happen through checkout UI extensions, which add blocks at fixed spots, and Shopify Functions, which change discounts, delivery options and payment methods on Shopify’s servers. Our Glendale-led team plans those changes, builds them, tests them with real test orders and passes every new field on to Zoho.
- UI extensions in the right slot
- Functions to replace old Scripts
Checkout fields landing in Zoho
Shopify PartnerAlso a certified Zoho Advanced Partner
You’ll talk to our senior team, not a call center.300+ projects · serving US clients since 2025
01Should you customize checkout?
What Shopify checkout customization is good for, and when to leave it alone
Shopify’s stock checkout already converts well, so every change has to earn its spot. We add things when a buyer or your warehouse genuinely needs them, and talk you out of the rest.
Worth building
- Data your team asks for laterPO numbers, gift notes, delivery instructions or a tax ID, captured once instead of chased by email.
- Delivery rulesHide express for oversized items, rename a local pickup option or sort the cheapest rate first.
- Payment rulesOffer net terms only to approved wholesale buyers, or drop cash on delivery above a set order value.
- Scripts that stopped workingShopify retired Scripts on June 30, 2026, so old Ruby discount and shipping logic needs a Functions rebuild.
Usually a mistake
- Stacking three upsell appsEach one adds a block and a decision. One well-placed offer tends to beat a crowded page.
- Rebuilding the layoutCheckout extensions add blocks at set targets; they can’t move Shopify’s own fields or restyle the page with custom CSS.
- Plus-only ideas on a Basic planFields on the information, shipping or payment steps need Shopify Plus. We say so before anyone designs them.
02Checkout services
What we build in Shopify checkout for US merchants
Most checkout requests fall into five kinds of work. Smaller stores tend to need the Functions and thank-you page pieces; Plus brands use all five.
Shopify Functions
Discount logic, delivery customizations, payment customizations and cart validation written as Functions that run inside Shopify during checkout.
Custom-app Functions: Plus. Public apps: any plan
Scripts to Functions rebuilds
We read each retired line item, shipping or payment Script, write down what it really did, and rebuild only the rules you still want.
Old Script logic mapped rule by rule
Thank you and order status pages
Post-purchase surveys, reorder links, account prompts and delivery details on the two pages every buyer sees after paying.
Eligible apps on Basic plan and higher
Testing and launch
Test orders across US states, discount combinations, wallets and edge cases like an empty field or a PO box, then a release plan with a rollback.
Checked before buyers ever see it
03Cart to paid
Where can you change a Shopify checkout, step by step?
Follow one sample cart from a Boise kitchen shop as it moves to paid. At each stop we show what Shopify lets you change there, and what we typically put in.
-
Cart
Two items, one discount code
A buyer in Idaho adds a cutting board and enters SPRING10. A discount Function decides whether that code stacks with the free-shipping offer, so the rule lives in one place instead of three apps.
Shopify Functions · discounts, cart validation
-
Contact and address
A gift note gets its own field
On Plus, a UI extension adds an optional gift message under the address. It saves to the order, prints on the packing slip and later shows on the Zoho Books invoice.
Checkout UI extension · Plus
-
Delivery
Only rates that make sense
The board is too long for the small-parcel express service, so a delivery customization hides that option and renames ground to show the expected day.
Delivery customization Function
-
Payment, then paid
The right methods, then a useful thank-you page
A payment customization keeps cash on delivery away from large orders. After paying, the thank-you page asks how the buyer heard of the shop, and the answer goes to Zoho CRM.
Payment customization · thank-you page app
04Try it · sample checkout
Pick your checkout extensions and see where they land
Switch extensions on and off. The preview places each one at the step where Shopify allows it, and the panel tells you what it’s built with and which plan it needs. Sample store, sample prices.
What you’d be building
2 extensions picked.
Plan rules shown here follow Shopify’s current checkout documentation: blocks on the information, shipping and payment steps need Plus, thank-you and order status page apps work on Basic and up, and Functions from public App Store apps run on any plan. A custom app with Functions needs Plus.
05Checkout + Zoho
Where does checkout data go once it reaches Zoho?
A field nobody reads after the sale is wasted. We decide where each checkout answer belongs before we build it, then map it through the sync so it appears on the right Zoho record.
PO numberZoho Books
Purchase orders on the invoice
Wholesale buyers type their PO at checkout. It travels as an order attribute and fills the reference number on the Zoho Books invoice their accounts payable team will match.
Delivery date
Zoho Inventory
Promised dates in the warehouse
The day a buyer picked becomes a field on the sales order in Zoho Inventory, so packers sort by promise date rather than order number.
Survey answer
Zoho CRM
Attribution your marketers can use
“How did you hear about us?” lands on the contact in Zoho CRM, next to lifetime spend, ready for a report that compares channels.
Just a handful of fields and low order volume? Zoho Flow can carry them. For the full order, customer and refund sync between the two platforms, see Shopify and Zoho integration.
06What checkout changes cost
Is Shopify checkout customization included in your plan?
Shopify doesn’t sell checkout extensions separately. What you can change depends on the plan you already pay for, plus whatever an App Store app charges. Shopify lists checkout customization as limited on Basic, Grow and Advanced and full on Plus.
Basic · Grow · Advanced
$29, $79 or $299 a month
Paid yearly. Monthly billing: $39, $105 or $399.
- Checkout editor branding: logo, colors, fonts
- Thank you and order status page apps
- Functions from public App Store apps
- No custom blocks on information, shipping or payment steps
Shopify Plus
From $2,300 a month
With a three-year commitment; $2,500 on a one-year term.
- UI extensions on every checkout step
- Custom apps with your own Functions
- Deeper branding controls through the API
- High-volume checkout capacity
Shopify’s US list prices in USD before tax. App Store apps that add checkout blocks set their own monthly fees, which we compare against a custom build when both are possible.
Our checkout work is quoted as one fixed figure per project. Every extension, Function and Zoho mapping is listed in the BRD you sign, so nothing gets added to the bill halfway through a build.
07Checkout questions
Shopify checkout questions we hear most
Plan limits, retired Scripts, upsells and what reaches Zoho. Send us a link to your checkout before the first call and we’ll come ready with notes.
Can you customize the Shopify checkout without Shopify Plus?
Partly. On Basic, Grow and Advanced you can brand the checkout in the checkout editor, add eligible apps to the thank you and order status pages, and use Shopify Functions that come inside public App Store apps. Custom blocks on the information, shipping and payment steps, and custom apps with your own Functions, need Shopify Plus.
What are checkout UI extensions?
Checkout UI extensions are small apps that render blocks at fixed spots in Shopify checkout, such as under the contact fields or next to the order summary. They are built with Shopify’s own components, so they follow your checkout branding and keep working when Shopify updates checkout. They cannot move Shopify’s built-in fields.
What are Shopify Functions used for in checkout?
Functions are small pieces of code that run on Shopify’s servers while a buyer checks out. They power custom discounts, delivery customizations that hide, rename or reorder shipping options, payment customizations that hide or reorder payment methods, and cart and checkout validation that blocks an order which breaks a rule.
Shopify Scripts stopped working. What do we do now?
Shopify deprecated Scripts on June 30, 2026, and any Scripts still published were deactivated. The replacement is Shopify Functions. We list what each old line item, shipping and payment Script did, drop rules nobody needs, and rebuild the rest as Functions in an app, tested with orders before release.
Is checkout.liquid still supported?
No. Shopify retired checkout.liquid and additional scripts in favor of checkout extensibility, which relies on UI extensions, Functions, web pixels and the checkout editor. If your old customizations disappeared after the upgrade, we can rebuild the ones that still matter in the supported way.
Can we add custom fields like a PO number or gift message to checkout?
On Shopify Plus, yes, with a checkout UI extension on the contact, delivery or payment step. The value saves to the order, where staff, packing slips and integrations can read it. On other plans, a common option is a field on the cart page or a question on the thank-you page.
Do checkout upsells actually work?
One relevant, low-priced add-on often does; a stack of offers usually distracts. We prefer a single offer tied to what is already in the cart, placed in the order summary, and we watch the conversion rate after launch so it can be removed if it hurts.
How do checkout fields get into Zoho?
Values captured by an extension are stored on the Shopify order as attributes or metafields. Our sync then maps each one to a Zoho field, for example a PO number to the Zoho Books invoice reference, a delivery date to the Zoho Inventory sales order, or a survey answer to the Zoho CRM contact.
Will customizing checkout slow it down or break Shop Pay?
Extensions built on Shopify’s checkout components load inside Shopify’s own checkout, and Shop Pay and other wallets keep working alongside them. Speed problems usually come from too many apps, so we keep the block count low and test every wallet before release.
How do you price Shopify checkout work?
The first call costs nothing. Each checkout project, whether a single field or a full Scripts rebuild, is a fixed price written into a signed BRD with a delivery schedule. A large Plus store may need a paid review first, quoted up front. Shopify and any apps bill you directly.
08How a checkout project starts
We place test orders before we write a line of code
Four steps turn a list of checkout wishes into a signed plan. One or two extensions are often scoped on the first call; a Plus store with years of Scripts to rebuild may need a paid review first, priced before it begins.
Checkout builds happen in a development store and on screen share, for merchants anywhere in the US, Canada and Latin America. Teams around Los Angeles can watch the test orders with us in person.
- Discovery callYour plan, your apps, and what buyers or the warehouse keep asking for
- Checkout walkthroughWe buy from your store as a guest, a returning customer and a wholesale account
- Extension list & budgetEach change marked UI extension, Function or app, with plan needs spelled out
- BRD sign-off Our promiseEvery extension, test case and Zoho field in writing, for a fixed price
After sign-off, delivery follows our standard build track. See how we work →
09Let’s talk
Tell us what you’re building. We’ll map the fix.
Book a free consultation with Elite Tech Global. We review your Zoho, AWS, Shopify or WordPress setup, show where AI / SI agents can save time, and agree the next step. If we work together, every requirement and a fixed price go into a signed BRD before the build starts.
Real people, one team. Led by co-founders Ikramul Karim and Khris Kakosimidi, and a 40+ member team across Zoho, AWS and AI.
- Book a callPick a time that suits you
- Email ussales@elitetech-global.com
- LinkedInFollow our work
- Glendale, CALos Angeles area · serving the US, Canada & LatAm
Thanks, we’ve got it.
We’ll review your request and email you to set up your free consultation. Prefer to pick a time now?
Book a call- 300+ projects delivered
- 40+ team members
- Zoho Advanced Partner
- AWS Partner
- Zoho Catalyst Partner
- Fixed-price quotes