Croct + Shopify

Shopify runs your store, but it isn't built to run AB tests or turn shopping behavior into real-time personalization. By integrating your Shopify Hydrogen storefront with Croct, store events and customer data flow into Croct automatically, so you can personalize and AB test the storefront with server-side rendering and no flicker.

The integration is built for Shopify Hydrogen storefronts, Shopify's headless React framework, on React Router 7 or Remix. If your store runs on a classic Liquid theme, use the JavaScript SDK together with the Google Tag Manager integration for automatic event tracking.

Product views, cart views, cart updates, and collection or search views are forwarded automatically from Shopify's storefront analytics to Croct, with no manual instrumentation. You can also track custom events through the SDK.

Yes. When your storefront uses Shopify customer accounts, the logged-in customer is identified on every request, and their shopping behavior enriches the Croct profile, so audiences reflect who is actually browsing and buying.

No. Because Hydrogen renders on the server, Croct resolves content in your loaders and the page arrives with dynamic content already applied, with no flash of default content before the personalized version loads.

Yes. With the default auto mode, the SDK never tracks events until Shopify's Customer Privacy API reports that tracking is allowed, so your storefront stays compliant out of the box.

Minimal. The Croct CLI detects your Hydrogen setup, installs the SDK, and wires the provider and request context for you. A manual, step-by-step guide is available if you prefer to set things up yourself.

With store events and customer data flowing into Croct, you can build audiences from shopping behavior, run AB tests, and personalize the storefront for every shopper, all measured with built-in analytics.