No apps to install, no developer required. One small snippet in your theme and every product page gets a fitting room. Most stores are live in under five minutes.
Head to getonfitt.com/signup. Pick a plan, fill in a few details about your store, and you are in. Your dashboard will show your API key under the Integration tab. Copy it and keep it handy for the next step.
In your Shopify admin, click Online Store in the left menu, then Themes. Find your active theme, click the three-dot menu, and choose Edit code. On the left side you will see a file list. Under Layout, click theme.liquid to open it.
Scroll to the very bottom of theme.liquid. Find the line that says </body> and click just above it. Paste the snippet below and replace sk_live_YOUR_KEY with the API key from your dashboard. That is the only change you need to make.
<script
src="https://getonfitt.com/api/sdk"
data-api-key="sk_live_YOUR_KEY"
async>
</script>Click the Save button in the top right corner of the code editor. Open any product page on your store and you will see the Try it on button appear. OnFitt is now live for every shopper visiting your store.
OnFitt automatically finds product images, but you can point it at exactly the right ones. Add data-product-images with the CSS class of your image gallery, and data-active-image with the class of the image that changes when shoppers pick a colour or size. Not sure what those are? Just email hello@getonfitt.com with your store URL and we will find them for you.
No reshoots, no uploads, no catalog work. OnFitt reads your existing product images automatically.
OnFitt loads asynchronously and only activates when a shopper clicks the button. No effect on Core Web Vitals.
OnFitt opens in a full-screen modal overlay. No redirect, no third-party page. Your brand stays front and centre.
Also works with