How to Use PreProduct Element with PageFly

In this article, you will learn how to use the PreProduct Element in PageFly.

In order to use this element, you will need to install the PreProduct element from Shopify Store and go to PageFly to use the element.

1. ​​About PreProduct ElementClick to copy

1.1. What is PreProduct?Click to copy

PreProduct lets brands capture pre-orders for upcoming product launches at any point in the new product cycle. Allowing you to pre-sell, gauge demand & recoup cash quicker. For ‘pay later’ & ‘deposit-based’ pre-orders, payment links are only sent out when you trigger them, so you’re completely in control.

1.2. Access PreProductClick to copy

Before using this element, you have to install the PreProduct app to your store and configure options in the app and then come back to PageFly to use the element(s) on all of your PageFly product pages. Only one PreProduct element is allowed per each product page.

1.3. How to Use PreProduct ElementClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “PreProduct” on the search bar.

Step 3: Click on PreProduct – product preorder element in the dropdown menu.

Step 4: Choose the variant you want then drag and drop it to the editor page.

PreProduct – product preorder element comes with 1 variation:

  • Product Pre-order

2. PageFly ConfigurationClick to copy

2.1. PageFly General Tab SettingsClick to copy

Drag and drop the Pre-Product element into the Editor.

After adding the Pre-Product to the Editor, on the right sidebar, you’ll see the General tab.

2.2. PageFly Styling TabClick to copy

You can customize the styling of the PreProduct element in the Styling tab.

You can check more information about the Element Style Settings.

That’s it! Don’t forget to Save and Publish your product page to see the element on your PageFly page.

3. PreProduct’s SettingsClick to copy

Step 1: Set up PreProduct app with your Shopify Account.

Go to your Shopify Admin > Apps > Choose PreProduct to set it up.

Step 2: Set up in the PreProduct app.

  1. In the Dashboard of PreProduct, head to the New Listing section. Here you will see the list of your Products. Choose the product that you want to set it as a Pre-Order product.
  2. Set up for the Pre-order product

Here you can set for the time that the product will be ready to ship, then set up an Early Bird discount (if there is one), Pay Later mode.

NEXT, click Create Listing.

After products are set up successfully, they will display on the Dashboard: Current Listings

Step 3: Back to your PageFly Editor > Choose the product page of that product you set up above > Drag and drop the Pre-Product element into the Product Details section.

4. Key TakeawayClick to copy

PreProduct App is a smarter way to launch products, with different functions including Pay-later, pay-now & deposit-based preorders.

5. Frequently Asked QuestionsClick to copy

5.1. OverviewClick to copy

When was  Pre-Product App Created? 2020
How Much is Pre=Product App? From $19.99/month
Can I use  Pre-Product App on PageFly Editor? Yes

5.2. What is PreProduct?Click to copy

PreProduct is a pre order shopify app, lets brands capture pre-orders for upcoming product launches at any point in the new product cycle.

5.3. What’s included in PreProduct App?Click to copy

A free plan from  Pre-Product includes 5 posts per month, Automated social media content catalog, Share on FB, IG, TikTok & Pinteres and customizable logo and brandings.

5.4. Who is currently in partnership with  PreProduct App?Click to copy

Pagefly, Headless, Unbounce, Personizely

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us