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
    4 Nov, 2023 11:28am

    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

  • Aj WebOn commented
    16 Jun, 2023 05:37am

    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
    16 May, 2023 10:21pm

    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
    8 Nov, 2022 06:17pm

    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
    28 Jul, 2022 07:56pm

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

  • Vytenis Burneikis commented
    9 Apr, 2022 11:07am

    It is a must. Preorder feature would be perfect.

  • Giomero Brand commented
    5 Sep, 2021 03:10pm

    This is important

  • Wai Phyo commented
    3 Sep, 2021 04:21pm

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

  • Jamie Thomas commented
    9 Apr, 2021 12:07am

    +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
    1 Jan, 2021 01:20am

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

  • Sean Young commented
    1 Jan, 2021 01:08am

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

  • Alex commented
    30 Oct, 2020 06:54am


  • Behzad Pournaghi commented
    16 Oct, 2020 08:50am

    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
    9 Oct, 2020 12:46pm

    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
    15 Sep, 2020 06:50am

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

  • +51