# Croct + Shopify

Shopify runs the store. Croct turns shopping signals into audiences, A/B tests and personalized
content, resolved inside your Hydrogen loaders so the storefront arrives personalized with
nothing flickering. Store events flow in automatically, with no manual instrumentation to write
or maintain.

## What it does

- Resolves content on the server, inside Hydrogen loaders, so pages arrive personalized
  with no flash of default content.
- Forwards product views, cart activity and search from Shopify's storefront analytics
  automatically.
- Identifies the logged-in customer on every request, so audiences reflect real shopping
  behavior rather than anonymous sessions.
- Feeds those signals straight into audiences, experiments and personalized content,
  measured with built-in analytics.

## How it works

The SDK subscribes to Shopify's storefront analytics and forwards each event to your Croct
application. With Shopify customer accounts, the shopper is identified on every request and
their behavior enriches the Croct profile. You then build audiences from that behavior, run
experiments and personalize the storefront.

Event tracking is consent-aware out of the box. In the default auto mode the SDK sends nothing
until Shopify's Customer Privacy API reports that tracking is allowed, so the storefront stays
compliant without extra work.

## Setup

Setup is one command, `npx croct@latest init`, which installs the SDK, wires the provider
and generates TypeScript types for every slot. Official SDKs cover Next.js, React, Vue,
Nuxt, JavaScript, PHP, Laravel, Symfony, Drupal, and Shopify Hydrogen. Most teams are live
the same day, and the forever-free plan needs no credit card or commitment.

Define the slots you want to personalize, then publish content for them in Croct. Hydrogen
storefronts on React Router 7 and Remix are supported. For Liquid themes, the JavaScript SDK
with the [Google Tag Manager integration](/integrations/google-tag-manager) gives you the same
automatic event tracking.

## Frequently asked questions

### What does this integration give me that Shopify does not?

Shopify runs the store. It does not run A/B tests or turn shopping behavior into real-time
personalization. This integration moves store events and customer data into Croct automatically,
so you can personalize and test the storefront with server-side rendering.

### Which storefronts does it support?

Shopify Hydrogen, the headless React framework, on React Router 7 or Remix. Liquid themes use
the JavaScript SDK with Google Tag Manager for the same automatic tracking.

### Which events are tracked automatically?

Product views, cart activity and search, forwarded from Shopify's storefront analytics.

### Does personalization cause flicker?

No. Content resolves in the loader, on the server, so the page arrives already personalized.

### Is event tracking consent-aware?

Yes. The default auto mode waits for Shopify's Customer Privacy API to allow tracking before
sending anything.

### How much development work does it take?

One command to install, then defining the slots you want to personalize. Audiences, experiments
and content are managed in Croct afterwards, without further development work.

### What does it cost?

The forever-free plan covers 10,000 monthly active users with 3 content slots and 1
experience or experiment, and needs no credit card. Growth starts at $100 per month billed
annually for 20,000 monthly active users. Scale is custom.