Silver Ponies Web Inc.
Shopify Plus Experts
Copyright 2026 © Silver Ponies Web Inc.
Case Study
How we built a custom SKIO PDP buy box for Take Mighty
TakeMighty.com's default SKIO subscription widget buried options in a dropdown that customers struggled to parse. We replaced it with a fully custom buy box — presenting subscription plans clearly, separately, and in a layout the merchant can configure without touching code.
ClientTake Mighty
PlatformShopify + SKIO
TypeCustom PDP Buy Box
Focus AreasSubscription UX and merchant tooling
Live Websitehttps://takemighty.com/
Before and after
The default SKIO dropdown versus the custom buy box — the same subscription options, presented in a way customers can actually compare.
The challenge
Subscription products live or die by how clearly they communicate value at the point of purchase. A dropdown that collapses options into a single line forces customers to work to understand what they are buying — and most do not bother.
The dropdown problem
01SKIO's default widget presents subscription options inside a dropdown. Customers cannot compare plans without opening it — which most do not do.
02For a product where the subscription model is central to the business, burying plan details in a collapsed UI actively undermines conversion.
03Take Mighty needed a buy box that matched their brand identity — not the generic SKIO defaults — and that their team could maintain without developer involvement.
04The solution had to integrate cleanly with SKIO's subscription logic while giving the storefront team full control over layout, styles, and copy.
Why merchant control was non-negotiable
Subscription products change — pricing, plan structure, promotional messaging. A custom widget that required developer involvement for every update would become a bottleneck. The brief made self-serve editing a first-class requirement alongside the visual redesign.
That shaped how the widget was built from the start: every configurable element exposed through Shopify's Theme Customizer, so the merchant team could update layout, styles, and branding independently of the development process.
What we built
A fully custom SKIO subscription buy box that presents one-month and two-month plans as clear, separate options — integrated with SKIO's subscription logic and configurable end-to-end through the Theme Customizer.
Feature scope
AExplicit plan display: one-month and two-month subscription options rendered as distinct, scannable cards — no dropdown, no hidden comparisons.
BFull Theme Customizer integration: layout, styles, copy, and branding are all editable by the merchant without writing or touching code.
CSKIO logic preserved: the widget sits on top of SKIO's subscription engine, so all plan management, billing, and portal functionality continues to work as expected.
DReusable template: built as a scalable component that can be applied across the catalog and adapted for other subscription-focused merchants on Shopify.
Implementation approach
As an official SKIO partner, we had direct familiarity with SKIO's integration model — which meant we could move quickly without reverse-engineering the subscription logic. The custom widget was built to sit cleanly on top of the existing SKIO layer rather than replacing it.
Every configurable element was mapped to a Theme Customizer schema setting from the start. This is not an afterthought — it is how the widget was designed: the merchant experience was treated as part of the feature, not a wrapper added at the end.
How we approached the build
Speed and correctness both mattered here. Our existing SKIO partnership meant we already understood the integration constraints — so we could focus the build time on the UI and the merchant tooling rather than exploration.
Discovery & Design
SKIO audit, buy box design, and Customizer schema
We reviewed Take Mighty's existing SKIO setup, designed the plan display layout, and defined the Theme Customizer schema that would give the merchant team full control over the widget's appearance and content without developer involvement.
Build & Handoff
Widget implementation, QA, and merchant walkthrough
The buy box was built against the live SKIO integration, tested across devices and subscription states, and delivered with a merchant walkthrough so the Take Mighty team could make updates independently from day one.
Outcome
Take Mighty now has a product page buy box that presents subscription options clearly, fits their brand, and can be updated entirely without developer involvement — delivered on a fast turnaround by a team that already knew the SKIO integration inside out.
ClearPlan comparison at a glance
One-month and two-month subscriptions are displayed as distinct options — no dropdown, no hidden information, no friction between the customer and the decision.
No CodeMerchant-editable layout and styles
The full widget — copy, layout, colours, and branding — is configurable through the Theme Customizer. The team can update it without filing a ticket.
ReusableTemplate for subscription merchants
Built as a scalable component, the buy box can be applied across the Take Mighty catalog and adapted for other Shopify merchants running SKIO subscriptions.
What the client said
Straight from the Take Mighty team after delivery.
Running SKIO subscriptions and want a better buy box?
The default SKIO widget gets the job done, but it is not optimised for your brand or your customers. We have built the integration and the tooling before — so we can move fast and deliver something your team can actually operate.