---
title: Post Checkout Cross-Sell
slug: oms/post-checkout-cross-sell
docTags: 
createdAt: 2023-04-26T17:01:50.000Z
---



### Introduction&#x20;

After a customer makes a purchase, a post-purchase offer (also known as post-purchase upsell or one-click upsell) will show related products just before the order confirmation screen. This strategy takes advantage of the customer's excitement and willingness to buy, leading to a better shopping experience and increased revenue for your brand.&#x20;



:::hint{type="danger"}
💡 Post Sell is only supported in Stripe checkout.&#x20;
:::

### Setup

**OMS**

To activate the cross-selling feature to enable your customers to add new items to their existing order after completing the Stripe checkout., navigate to your Store Settings in the OMS **Settings --> Store** and add the following under the **Environment Variables** section.&#x20;

**ORDER\_CROSS\_SELL\_TIME\_IN\_MINUTES:&#x20;**&#x50;lease specify the duration in **minutes** for users to add items to their cart after checkout. In this example, we are adding a value of 2 minutes.&#x20;

**CROSS\_SELL\_POST\_CHECKOUT:&#x20;**&#x4D;ark it as **enabled**. This flag sets the Stripe card to be re-used like subscriptions and delays the complete order event until the cross-sell ends.

**CROSS\_SELL\_EMAIL:  enabled&#x20;**&#x49;f you wish to inform your customers about the items they have purchased after checkout. A pre-existing template is available in Contentful.



:::hint{type="success"}
📥 Make sure your email is published! &#x20;
:::



**GitHub**

A new [endpoint ](https://chord.stoplight.io/docs/chord-oms/3e72c4c31d015-cross-sell-order-line-items) (see PR [here](https://github.com/chordcommerce/chord-oms/pull/712))  is added, which accepts items, and then completes the [cross-sell ](https://github.com/chordcommerce/chord-oms/blob/main/app/services/acs/order_completer/cross_sell_completer.rb#L4)state, creating a new charge on the credit card for the new items and sending a new email.

**Resources**

NextJS starter [commit](https://github.com/chordcommerce/nextjs-starter-autonomy/commit/4d5b66ad345b328e620e93f6712f8ad2949d85a9) adds the hooks and an [example implementation](https://gist.github.com/ikraamg/761bd285746c42aae006182140c0a03c).

NextJS function usage [docs](https://docs.chord.co/cH9B-usecart#hslsb).

[OMS API](https://chord.stoplight.io/docs/chord-oms/3e72c4c31d015-cross-sell-order-line-items) documentation with an [example request body](https://gist.github.com/ikraamg/d249794694e9d2a07ef6cd0a6ce78a48).



**Contentful**

:::hint{type="danger"}
Ensure that a content model for your Cross-Sell collection has been created.&#x20;
:::



Email example in [gist](https://gist.github.com/ikraamg/c24da3ce871861c9b5ff227e47c4a2c1) with the setup below:

::Image[]{src="https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/I5KjCm2uyKzPNIylM8wj9_image-4-28-2023-at-653-pm.jpg" size="74" width="940" height="736" position="flex-start" showCaption="false"}



::githubGist{url="https://gist.github.com/c24da3ce871861c9b5ff227e47c4a2c1.js"}

::::hint{type="info"}
:::BlockQuote
&#x20;P lease take a look at the latest version of the Chord SDK.
:::
::::



**Post-Cross-Sell Promotions**

Promotions for the post-checkout need to include the following:


::Image[]{src="https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/Mk1ok4TudKKtmUKutRXsY_image-4-28-2023-at-701-pm.jpg" size="88" width="1598" height="544" position="flex-start" showCaption="false"}

****

::Image[]{src="https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/oVyYDRTnTUVjzeNw51CUe_screen-recording-4-28-2023-at-702-pm.gif" size="92" width="1066" height="452" position="flex-start" showCaption="false"}

**Actions/Adjustment Type&#x20;**

Use either the “Flat Rate” or “Percent Per Item” calculator with the “only for cross-sold quantity post-checkout”:



::Image[]{src="https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/FICI5pLlbWOz-TE_XOzQB_screen-recording-4-28-2023-at-710-pm.gif" size="82" width="1066" height="480" position="flex-start" showCaption="false"}

Check the **Always apply** box.&#x20;

![](https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/dF7huBwKc0oeMHziVs9co_image-4-28-2023-at-711-pm.jpg)

Here is an example **Promotion** that uses Dynamic Promotions with **Post Checkout Cross-Sell**:



::Image[]{src="https://api.archbee.com/api/optimize/TmutqdeXiIw-V3gBZXVjd/BFclChaWt1LlxulHZY41D_image-4-28-2023-at-713-pm.jpg" size="84" width="1218" height="796" position="flex-start" showCaption="false"}

### Video Example

Let's place an order and add items post-sell. The minute value here has been set to 10!&#x20;

::loom{url="https://www.loom.com/embed/55025b309ee4424f9748ee9db42fed9e"}

