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 Element
1.1. What is PreProduct?
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 PreProduct
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 Element
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 Configuration
2.1. PageFly General Tab Settings
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 Tab
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 Settings
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.
- 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.
- 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 Takeaway
PreProduct App is a smarter way to launch products, with different functions including Pay-later, pay-now & deposit-based preorders.
5. Frequently Asked Questions
5.1. Overview
| 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?
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?
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?
Pagefly, Headless, Unbounce, Personizely
