---
title: PreProduct integration
slug: preproduct
description: How Personizely works with PreProduct pre-orders on Shopify: add-to-cart triggers on pre-order buttons, the Pre-order CTA in Products elements and setup.
docTags: 
createdAt: 2026-10-17T09:56:28.580Z
---

The PreProduct integration makes Personizely work with pre-orders taken through the PreProduct app on Shopify. When a visitor pre-orders a product with PreProduct's button, Personizely treats it as an add to cart, so your add-to-cart popups, upsells and cart-based widgets still show. It also adds a **Pre-order** button option to the [Products (cross-sell and upsell)](docId\:cmXGzOOKynsYjyXy79rUf) element.

**Available on:** Shopify, with the PreProduct app installed.

## Set up

1. Install and set up PreProduct in your Shopify store.
2. In Personizely, go to **Settings → Integrations**, find **PreProduct** (under **Other**) and click **Enable**. No credentials are needed.

## How it works

### Pre-orders trigger add-to-cart widgets

1. A visitor clicks PreProduct's pre-order button on a product page, and PreProduct adds the item.
2. Personizely receives the pre-order as an **add to cart** of that product and variant, with its quantity.
3. Widgets using the [Add to cart trigger](docId\:qdwUdzaAMzzhosIGxAo0F) fire as they would for a normal add to cart, including product and variant conditions.
4. If PreProduct is set to send the visitor to the cart after a pre-order, and a Personizely widget was shown, the redirect waits until the visitor closes the widget. If no widget was shown, the redirect happens right away.

PreProduct's own pre-order button isn't also counted as a regular add-to-cart click, so a pre-order fires the trigger once.

### Pre-order button in Products elements

With PreProduct enabled, the Products element's **CTA** gets a **Pre-order** option (button label "Pre-order"). With it:

- Only products with a pre-order selling plan are shown in the element, and only their variants that have one.
- Clicking the button adds the product to the cart under its pre-order selling plan.
- The element's action and automations run like for **Add**, and the click counts toward the widget's conversions and revenue.

## Behavior details and limitations

- **Shopify only.** PreProduct is a Shopify app; the integration has no effect on other platforms.
- **Purchases are tracked as usual.** Pre-order checkouts are Shopify orders, recorded by [Shopify order tracking and profit](docId\:hS2Gsx3K3YcJ2NRssNAmX) when they're paid or created, depending on **Attribute orders**. For pre-orders that are charged later, choose **When the order is created** if you want them counted at checkout rather than when payment is captured.
- **Cart filters see the item** once PreProduct has added it to the cart, so [Cart value filter](docId\:M5UXU-yZyhbPfzZs-_wzn) and [Cart items filter](docId\:MPvhK6atwDto5BEUURrDr) targeting include pre-ordered products.
- **PreProduct settings stay in PreProduct.** Deposits, charge dates and shipping estimates are configured there; Personizely doesn't change them.

## Examples

- **Pre-order reassurance:** a popup with the Add to cart trigger on pre-order products, explaining the expected ship date and offering a discount on in-stock accessories.
- **Upsell after pre-order:** a Products element with **Add** CTA, shown after a pre-order, recommending in-stock items.
- **Launch page:** a callout on the collection page with a Products element using the **Pre-order** CTA for upcoming products.

## Related

- [Add to cart trigger](docId\:qdwUdzaAMzzhosIGxAo0F)
- [Products (cross-sell and upsell)](docId\:cmXGzOOKynsYjyXy79rUf)
- [Integrations](docId\:YweYsNdyWfChY1Z9KMneN)
- [Shopify integration](docId\:JBefiJ11A3-hVgUzmmdmd)
- [Shopify order tracking and profit](docId\:hS2Gsx3K3YcJ2NRssNAmX)