---
title: "Unbounce pre-orders integration"
slug: "unbounce-pre-orders-integration"
date: "2022-09-28T10:53:47+00:00"
modified: "2026-05-05T04:46:53+00:00"
author: "admin"
canonical: "https://preproduct.io/docs/unbounce-pre-orders-integration/"
---

> Take pre-orders directly on your Unbounce landing pages with [PreProduct](https://apps.shopify.com/preproduct?st_source=autocomplete)‘s integration.

### About Unbounce

Unbounce is a leading landing page builder that helps convert visitors into customers. Their AI-powered Smart Builder makes it easy to create high-converting marketing campaigns in minutes.

### Requirements

Before setting up the integration:

1. Install PreProduct from the [Shopify app store](https://apps.shopify.com/preproduct?st_source=autocomplete)
2. Enable the Unbounce integration from PreProduct’s ‘Integrations’ screen.
3. [Create a PreProduct listing](http://preproduct.io/docs/listing-a-new-product/) for your pre-order product

### Setup

**Step 1:** In Smart Builder, click “Apps” from the top menu, then the blue “See all the Apps” button.

![Finding PreProduct integration](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s1-look-for-pp-1024x486.png)

**Step 2:** Search for “PreProduct” in the pop-up modal and click the blue plus icon in the top right of the thumbnail.

![Adding PreProduct integration](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s2-search-and-install-1024x369.png)

**Step 3:** After installation, select any page element and convert it to a PreProduct button:

- Click the “change element” icon
- Scroll to “E-Commerce”
- Select “PreProduct”

![Adding PreProduct element](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s3-add-pp-1024x833.png)

**Step 4:** Click the PreProduct element and select the “PreProduct Settings” cog icon. Enter your PreProduct shop email. (By default, this is your master Shopify account email, but can be changed in PreProduct’s “setup” screen.)

![Verifying PreProduct user](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s4-login-1024x746.png)

**Step 5:** Choose from your active PreProduct listings. If you haven’t created a listing yet, now is the time to do so. Click “apply” when done.

![Choosing product to pre-sell](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s5-choose-product-1024x619.png)

**Step 6:** The PreProduct integration uses an Unbounce button for its base, so the usual styling options are available by clicking the pencil edit icon. Once you’re happy, click “Save” and “Publish” in the top right of the editor.

![Customising PreProduct element](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s6-customise-element-1024x804.png)

**Step 7**: Return to the Unbounce pages admin and click the URL to verify your pre-order functionality.

![View Unbounce landing page](https://preproduct.wpengine.com/wp-content/uploads/2022/09/s7-view-your-live-Unbouce-page.gif)