Pre-order for Ecommerce

Pre-order for ecommerce when you have a product coming soon, and you want to get a monetary OR non-monetary commitment OR simply a notification for a buyer to purchase an item.

  • Hiranga Goonawardena
  • Aug 28 2020
  • Reviewed
  • Charles Ralph-Smith commented
    November 04, 2023 11:28

    John thanks so much for that snippet of code. It seems to work wonders!


    My only issue is the styling, for some reason it's applied some strange styling around the text, even when using my own class on it.


    Would love some advice. Thanks again


  • John Asare commented
    June 16, 2023 05:37

    it has been 3 years waiting for this feature to be built.

    While waiting, this is what I did


    Create a pre-order button

    I essentially, micmic the "Add to cart" button and changed the text to say Pre-Order. Here is the code

    <input type="submit" data-node-type="commerce-add-to-cart-button" data-loading-text="Adding to cart..." value="pre-order" aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton button primary">


    Conditional visibilty

    I then used conditional visibilty to control when the button to show. I configure it to show when the product quantiyt is set to zero. Learn more about conditional visibility.


    I hope this help you. I have added this same solution in the forum, please like it there if this solution helped you.

  • Suzan Szollar commented
    May 16, 2023 22:21

    Agree with comments below, I'm about to launch my first product, which comes in 9 sizes. Pre-orders minimize waste because instead of guessing the quantity of sizes to manufacture, production can match exactly what's been ordered.


    Ideally a pre-order takes the payment information, but doesn't charge the consumer/buyer until I ship the product to her/him.

  • Jonatan Hinnenthal commented
    November 08, 2022 18:17

    This needs to be available! Just a checkout with the option to let the owner know you are interested in those products.

  • Latitude 50 commented
    July 28, 2022 19:56

    Ahhhh... The frustration when you discover this is not possible.

  • Vytenis Burneikis commented
    April 09, 2022 11:07

    It is a must. Preorder feature would be perfect.

  • Giomero Brand commented
    September 05, 2021 15:10

    This is important


  • Wai Phyo commented
    September 03, 2021 16:21

    + 3 from me. This is a must have for an e-commerce website. What are you waiting webflow?

  • Jamie Thomas commented
    April 09, 2021 00:07

    +3 from me. I'm a new shop owner, managing the production of my first line of products would be much easier if I was able to pre order.


    This would allow me to


    1. Properly guage intrest in the product

    2. Build up a list of customers

    3. Provide me with vital startup funds

    I would love to see this!

  • Sean Young commented
    January 01, 2021 01:20

    Now that I properly understand how the votes work, I've officially transferred over 3 of my votes for this feature!

  • Sean Young commented
    January 01, 2021 01:08

    Definitely trying to vote on this, Highly requested! Not sure why I don't have any votes left lol.

  • Alex commented
    October 30, 2020 06:54

    +1

  • Behzad Pournaghi commented
    October 16, 2020 08:50

    Defenitly YES, can I vote 10 times for this? This is very helpful for artist to crowdfund for their albums or any other upcoming products.

  • Lindsey commented
    October 09, 2020 12:46

    YES THIS IS SO CRUCIAL to new store owners, I really don't want to rebuild in Shopify just for this feature

  • Eavan English commented
    September 15, 2020 06:50

    Yes, this is really necessary to have on an ecommerce site

  • +51