Unbounce pre-orders integration

Table of Contents

The following doc will explain how to use PreProduct to capture Shopify pre-orders from an Unbounce landing page. For Unbounce pre-orders to work, you will firstly need to install the PreProduct app from the Shopify app Store.

About Unbounce #

Unbounce is a leading landing page creation platform with a focus on converting visitors to customers. Their AI-powered Smart Builder lets you create beautiful, high-performing marketing campaigns in just a few minutes.

Adding the Unbounce PreProduct integration will enable you to capture Shopify pre-orders from your Unbounce landing page.

Setup #

Before Installing you will need to:

  • Install PreProduct in Shopify
  • Toggle on the Unbounce integration in PreProduct (This will notify you of any integration limitations when using PreProduct).
  • Create a PreProduct listing for the product you’d like to pre-sell.

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

Finding PreProduct integration

Step 2: Now enter “PreProduct” into the search bar in the pop-up modal. Then click the blue plus icon on the top right of the thumbnail.

Adding PreProduct integration

Step 3: The integration is now installed. You can now select any element on the page and swap it to a PreProduct pre-order button. When clicking an element, select the “change element” icon, then scroll down to “E-Commerce” and choose “PreProduct”

Adding PreProduct element

Step 4: Click the PreProduct element and select the “PreProduct Settings” cog icon. Enter the email address used as your “shop email” with PreProduct. (By default it’s the same as your master Shopify account, but can be changed via PreProduct’s “setup” screen.)

Verifying PreProduct user

Step 5: Once verified, you’ll be able to choose a product to pre-sell. The list pulls from your active PreProduct listings. If you don’t have an active listing in PreProduct yet, now is the time to create one. Once selected, click “apply”.

Choosing product to pre-sell

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

Customising PreProduct element

Step 7: Now return to the pages admin in Unbounce and click the URL to view your new pre-order functionality in action.

View Unbounce landing page


Powered by BetterDocs

Pre-sell With PreProduct

7 day free trial with all plans