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.
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.
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.
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
Attachments Open full size
https://apps.shopify.com/preorder-now?surface_detail=selling-products-purchase-options-pre-orders&surface_inter_position=2&surface_intra_position=4&surface_type=category&surface_version=redesign
Attachments Open full size
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.
Attachments Open full size
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.
Attachments Open full size
This needs to be available! Just a checkout with the option to let the owner know you are interested in those products.
Attachments Open full size
Ahhhh... The frustration when you discover this is not possible.
Attachments Open full size
It is a must. Preorder feature would be perfect.
Attachments Open full size
This is important
Attachments Open full size
+ 3 from me. This is a must have for an e-commerce website. What are you waiting webflow?
Attachments Open full size
+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
Properly guage intrest in the product
Build up a list of customers
Provide me with vital startup funds
I would love to see this!
Attachments Open full size
Now that I properly understand how the votes work, I've officially transferred over 3 of my votes for this feature!
Attachments Open full size
Definitely trying to vote on this, Highly requested! Not sure why I don't have any votes left lol.
Attachments Open full size
+1
Attachments Open full size
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.
Attachments Open full size
YES THIS IS SO CRUCIAL to new store owners, I really don't want to rebuild in Shopify just for this feature
Attachments Open full size
Yes, this is really necessary to have on an ecommerce site
Attachments Open full size