Build commerce interfaces in Shopify

This is for:

Developer

We recommend using the Coveo Atomic library to create commerce interfaces with the Coveo AI Search & Discovery app.

Coveo Atomic with Shopify Liquid

Atomic is a collection of pre-built UI components meant to quickly create product discovery interfaces. These components are compatible with Shopify Liquid, allowing you to readily integrate them into your Shopify theme. Under the hood, Atomic relies on the Coveo Headless library to interface with Coveo and handle the application state.

Coveo Headless with Shopify Liquid

Headless is a Redux-based toolset for developing your own search UI component libraries. If you use a Shopify Liquid theme, we recommend using Coveo Atomic. However, to create a more customized interface, you can use the Coveo Headless library with Shopify Liquid.

Note

Coveo doesn’t currently provide official implementation guidance for Shopify Hydrogen runtimes based on workerd. The legacy Hydrogen integration path is no longer recommended.