A merchant using Shopify’s Ritual Theme wants to change the “Add to Cart” button to “Pre-order” for products set to continue selling when out of stock, aiming to improve customer clarity.
Two main approaches suggested:
Manual method (no app):
App-based solution:
The discussion remains open with no final decision from the original poster.
Hello, I just download the new theme that shopify send out.
I’m using the “Ritual Theme” and would like to make the “add-to-cart” button on continue selling items to “Preorder” because we wanted to open up items for preorder but want to make sure the customers understand it easier.
(Ritual Theme)
Thanks!
If you’re looking to change the “Add to Cart” button to “Pre-order” for continue selling items on the Ritual Theme, I recommend using the Globo Pre-Order app. It’s flexible and works well with most themes, including Ritual.
It helps clearly show customers that the product is available for preorder, improving clarity and user experience.
Let me know if you’d like help setting it up!
Best regards,
Sinh – Dev from Tipo
Hello @joelgong ,
Check the templates for pre-order template.
If not available you can go with an app or ask a developer to do it.
Regards
Guleria
If you’re looking to change the “Add to Cart” button to “Pre-order” for continue selling items on the Ritual Theme, I recommend using the PreOrder Globo | Back in Stock. It’s flexible and works well with most themes, including Ritual.
It helps clearly show customers that the product is available for preorder, improving clarity and user experience.
Let me know if you’d like help setting it up!
Best regards,
Sinh – Dev from Tipo Apps
Hi @joelgong !
I run a pre-order app (Early Bird), so I can shed some light here. There’s two main approaches to achieving this. There’s a simple method which doesn’t require an app, but it has some downsides, and then there are apps which can handle this for you.
Without an app, you can tick on the “continue selling while out of stock” setting in your Shopify admin on the product variants (as you mentioned), and it will allow you to sell the product even below 0 stock. However, the storefront will just show a normal Add to Cart button as if it were in-stock. This can help achieve the pre-order functionality, but it lacks clarity and the customers won’t be aware that it’s a pre-order which may have delayed fulfillment. Custom liquid coding can help here, by adding a custom message and changing the button text, but you would require a developer to help code this, plus it’s not very flexible across different products/variants. It also won’t make it clear that the product is a pre-order throughout the entire customer journey (collection page, product page, cart, checkout, order confirmation email).
With an app, you can automate these setting changes, in addition to showing specific pre-order information on the product page, and changing the button CTA to something different (e.g. “Add pre-order to cart”) so the customer is aware. You can also show custom messaging describing the estimated shipping time, and have this info carry through to checkout and order confirmation emails etc.
Additionally, you have the option of scheduling dates, capturing partial payments, applying pre-order discounts etc. Apps like ours have a Free plan too, so you can play around with it and see how it all works on your store before committing to anything.
Let me know if you had any other questions, or wanted to chat pre-orders in general.