PreProduct element

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.

Install PreProduct

Install PageFly

About PreProduct elementClick 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.
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.

Access PreProduct ElementClick to copy

From your PageFly Dasboard, head to the Integrations section > search for PreProduct > Enable PreProduct element.

PreProduct element

PreProduct ConfigurationClick to copy

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

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

Step 2: Set up in PreProduct app.

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

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

NEXT, click Create Listing.

PreProduct element

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

      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 Product Details section.

PreProduct element

Styling ConfigurationClick to copy

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

PreProduct element

You can check more information about the Styling tab here.

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

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!