Subscription Tiers on Homepage and Product Page

Topic summary

A user is seeking to implement custom subscription tier displays for a snack box website, similar to examples shown in screenshots. The desired interface differs significantly from standard Shopify subscription app widgets, which typically show simple one-time purchase versus recurring delivery options.

Technical Approach:

  • Respondents confirm the examples use custom HTML/CSS rather than out-of-box subscription apps
  • Implementation requires hiding default subscription widgets and triggering them via JavaScript
  • Requires advanced knowledge of JavaScript and HTML

Recommendation:
For non-technical users, hiring a Shopify development company is advised to build this custom functionality.

Status: The discussion remains open with no specific solution provided, only confirmation that custom development is needed.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hey y’all,

So I am trying to build out subscription tiers for my snack box website. The apps I see on Shopfiy have similar UI, a small box with one-time purchase or delivery every X week/month.

I am looking for what other companies did on their homepage and their product page. Please see the screenshot below. Does anyone know how we do it?

But the UIs I see on subscription apps:

1 Like

Hi @akhi_waiyan
They are using some custom HTML and hiding the actual subscription widget and triggering that using javascript, It requires some deep knowledge of javascript and HTML to make it work

Thanks!

Hello @akhi_waiyan ,

I think this is definitely a custom thing. If you are not a technically aware person yourself, make sure to find a reliable Shopify development company that can perform this task.

Please, get in touch if you need any assistance.

Best regards,
Anastasia