Alokai

SAP Commerce Cloud: Re-Order

SAP Re-Order module allows customers to easily place a new order for the same or similar products that they have previously purchased from an ecommerce store. This module can help increase customer loyalty, retention and revenue by offering convenience and personalization.

Features

As a customer, gain instant access to the Re-Order process, designed to simplify and expedite your re-ordering journey:

  • Modal with re-order functionality baked in.
  • Instant visible information about state of reordering, notifications and tag on product card in cart.

The Re-Order module can be used a additional feature for already existing ordering flow.

Installation

To get access to this module and installation assistance, please contact the Alokai sales team or reach out to your Customer Support Manager.

Frontend Implementation

No manual installation steps are required for Next.js. The add-module command automatically copies the necessary components and configures the SDK module.

The add-module command automatically copies a <ReOrderButton /> component and an updated <CartPageProductCard /> into your Nuxt project. These components handle the re-order modal, quantity tags, and cart integration out of the box.

If you need to customize the behavior, the copied components are located at:

  • storefront-unified-nuxt/components/ReOrderButton/ — re-order button with confirmation modal
  • storefront-unified-nuxt/components/CartPageProductCard/ — cart product card with desired quantity tag

Upgrading to 2.0.0? If you are upgrading from a pre-2.0.0 version, review the 2.0.0 migration guide for platform-wide changes (Tailwind 4, Nuxt 4, Next.js 16, ESM-only middleware) that may affect your re-order setup.

With these steps, your Re-Order feature is now effectively integrated with SAP Commerce Cloud. You've just provided a practical solution for your customers who want a hassle-free and efficient reordering process!

On this page