Build commerce interfaces in Shopify

This is for:

Developer

You have two options for creating a commerce interface with the Coveo AI Search & Discovery application: the Coveo Atomic library and the Coveo Headless library.

Headless is faster and more flexible than Atomic, but requires more development effort.

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.

See Build Atomic commerce interfaces in a Shopify store with the Coveo AI Search & Discovery application.

Coveo Headless with Shopify Hydrogen

Headless is a Redux-based toolset for developing your own search UI component libraries. It’s compatible with Shopify Hydrogen, allowing you to create a high-performance and customizable search interface.

See Build product discovery interfaces with Coveo Headless and Shopify Hydrogen.