Demo store (fictional) – shows how any retailer embeds CORRECT. Back to CORRECT
HUE THEORYBag (0)

Hue Theory

Colour Corrector Collection

$14 – $24

Green primers for redness, and peach-to-brick correctors for dark circles and dark spots, in 6 depths. Not sure which shade is yours?

Takes one selfie · matched to this store’s shades · your photo is never shared with the store

For developers: the whole integration

One script tag adds the button. The widget runs CORRECT in a sandboxed overlay and sends back only shade hexes and SKUs (never the photo). Events: correct:plan, correct:add-to-bag, correct:close.

<!-- 1. Add the button anywhere on a product page -->
<div id="correct-slot"></div>
<script src="https://correct-youcam.vercel.app/widget.js"
        data-target="#correct-slot"
        data-label="Find my corrector shade" async></script>

<!-- 2. Receive the matched SKUs -->
<script>
  window.addEventListener("correct:add-to-bag", (e) => {
    e.detail.items.forEach((i) => myCart.add(i.sku, i.qty));
  });
</script>