Help Needed: Adding a Percentage Calculator to a Shopify Store

Technical Q&A

Topic summary

• Objective: Add a simple percentage calculator (similar to percentagescalculator.co.uk) to a Shopify product page or a dedicated Tools page. The goal is to help customers compute discounts, price changes, or general percentages.

• Implementation options requested: Embed via iframe, use a Shopify app, or add a secure, responsive custom code snippet. The poster asked for practical advice and examples.

• Key concerns: Security and responsiveness when embedding or coding the calculator within Shopify’s environment.

• Response provided: One reply confirms it’s entirely feasible with custom HTML, CSS, and JavaScript. The responder hasn’t implemented it on Shopify specifically but states it’s doable with custom coding.

• What’s missing: No concrete code examples, no app recommendations, and no guidance on iframe pros/cons or best practices for responsiveness.

• Status: Unresolved/ongoing. Next steps could include prototyping a custom widget, evaluating an iframe embed, or identifying a vetted Shopify app and sharing implementation examples.

Summarized with AI on December 13. AI used: gpt-5.
1

Hi everyone,

I’m setting up a Shopify store and want to offer some tools for my customers to enhance their shopping experience. One feature I’d like to add is a simple percentage calculator, like this one: www.percentagescalculator.co.uk. It’s super handy for calculating discounts, price increases, or percentages in general.

I’d love to embed a calculator like this directly on a product page or a dedicated “Tools” page. Has anyone tried embedding external calculators into Shopify? Would an iframe work, or is there a specific app or code snippet I should use to keep it secure and responsive?

I’d really appreciate any advice or examples if you’ve done something similar. Thanks in advance!

2

This is entirely possible with html, css and good amount of js. Haven’t added this on any Shopify store but this is all coding so doable with custom coding.

Best

Shadab