Build recommendation interfaces

This is for:

Developer
In this article
Important

Atomic for Commerce components are in open beta and remain under active development.

Atomic for Commerce hasn’t yet gone through a formal accessibility review. If you have accessibility needs, contact your customer success manager and we’ll work with you to address them.

You can use the atomic-commerce-recommendation-list component to display a list of product recommendations by applying one or more product templates.

You need to wrap one or more recommendation lists in the atomic-commerce-recommendation-interface component. This parent component handles the Headless commerce engine and localization configurations.

You can find a complete example of a recommendation carousel in Storybook.

Prerequisites

Before you begin building your recommendation interfaces, make sure you:

  1. Understand how recommendation interfaces work.

  2. Create recommendation configurations.