Custom Shopify feature · Personalisation
A jersey personalizer that looks actually printed.
Shoppers pick a player or type their own name and number, and watch it appear on the real jersey in the club's own lettering, shaded into the fabric, not pasted on top.
Built for FPT Sportz · Sports jersey store, USA
One-time build from $50. No app subscription. You own the code.
Why they came to us
In the client's own words.
Our customers want their name and number on the jersey, and they want to see it before they pay.
The personalizer apps charge monthly, and some charge again for every personalised item we sell.
Their previews look like flat text stuck on a photo. Customers can tell.
I wanted a preview that looks like the real printed shirt, set up per product, with no per-order fee.
See it in action
How the jersey personalizer works, day to day.
- 1
Step 1
Pick a player or add your own
On a personalisation-enabled jersey, the shopper chooses a player from the squad list or switches to "Add yours" to type a name and number.
fpt831sportz.myshopify.com/products/real-madrid-26-27-home-jersey
- 2
Step 2
The club's own lettering appears
The name and number render on the back of the real jersey photo in the club's lettering, with a crest inside each digit.
fpt831sportz.myshopify.com/products/real-madrid-26-27-home-jersey - 3
Step 3
Printed into the fabric, on every kit
Switch kits and the print follows, white on the green away shirt with the kit's pattern showing through, so it looks really printed.
fpt831sportz.myshopify.com/products/real-madrid-26-27-away-jersey
- 4
Step 4
Badges, then add to cart
Sleeve badges are one tap. Add to Cart attaches the final design image to the order, so production gets exactly what the customer saw.
What the market charges
Renting it every month, or owning it once.
The same job with apps, per month
None of the listings mentions a player roster or sleeve badges, and per-item fees grow with every personalised order.
Prices from each app's Shopify App Store listing or the vendor's pricing page, checked 26 October 2026, monthly billing unless noted. Tap an app to check it yourself.
Our model
One-time buildfrom $50
No monthly app subscription. Scope and final price agreed before work starts.
Running cost: None. It runs inside the store's theme, with no server to pay for.
- Built around your exact workflow
- You own the code and the data
- Additions and revisions quoted separately, only when you need them
- products ready to switch on, per product
- 2,800+products ready to switch on, per product
- per personalised order
- $0per personalised order
- from brief to working preview
- ~3 daysfrom brief to working preview
- per-product settings, no code needed
- 26per-product settings, no code needed
What we built
Every pain point, answered.
- 01
Printed-in-fabric preview
The name and number are warped for perspective and curve, then shaded with the jersey's own photo so the kit's pattern shows through the print.
- 02
Club lettering, digit by digit
Each club can have its own name and number font, down to the small crest set inside every single digit, like the real shirt.
- 03
Player roster or your own name
Pick a player from the squad list and the name and number fill in, or switch to "Add yours" and type your own.
- 04
Sleeve badges
League and competition badges added to both sleeves, front and back, with one tap.
- 05
Follows you across kits
Switch from home to away or third and the same name, number and badge carry over, in the right print colour for that kit.
- 06
Print file in the order
The final design is attached to the order as an image, so production prints exactly what the customer saw.
Inside the system
Real screens, sensitive data hidden.
- fpt831sportz.myshopify.com/products/real-madrid-26-27-away-jersey
The same player name and number carried over to the green away kit
- fpt831sportz.myshopify.com/products/real-madrid-26-27-home-jersey
Choosing a player from the squad list, with the La Liga badge on both sleeves
- fpt831sportz.myshopify.com/products/real-madrid-26-27-third-jersey
Personalisation on the pink third kit
Under the hood
Built properly, and kept secure.
Architecture
- Canvas compositor in plain JavaScript: mesh warp, curvature and fabric shading.
- Per-product settings stored in Shopify metafields.
- Print image uploaded through Shopify's own cart file upload, no extra server.
Security
- No external server or third-party script to trust.
- All work done on a duplicate theme before publishing.
Tech stack
- JavaScript
- Canvas API
- Liquid
- Shopify Metafields
- Cart API
Build time: About 3 days
More custom systems
Other things I've built from scratch.
Darussalam
Inventory Dashboard
Stock by store and location, a ledger of every change, sales and dead-stock reports, all in one place, built around how the team actually works.
See the buildDarussalam
WhatsApp CRM
A shared team inbox on the official WhatsApp Cloud API, with an AI assistant that checks live stock, tracks orders and hands over to a human when it should.
See the buildCakes by Shannon
Custom Cake Ordering App
Customers describe their dream cake, the baker sends a quote, the deposit and balance are paid through Shopify, and every order's status is tracked in one place.
See the buildMuslim Creator Network
Creator Management Platform
A public website, a creator portal and an admin portal on one app: applications, verification, campaigns, assignments and payments, in three languages.
See the buildPOSTED
Subscription Operations Backend
Every paid Shopify order becomes a membership with its monthly letters, recipients, labels, renewals and refunds, managed inside Shopify Admin.
See the build
Start a project
Get a free audit of your store.
Send your store link and what you're aiming for. Within 48 hours you'll get a short video with the biggest wins for conversion and speed. No obligation.
What you get, free
- Your top 3 conversion leaks, with fixes
- Mobile speed check and what's slowing it
- A clear quote if you want me to do the work