Instant Add to Cart and Pre-Order App

Shopify Apps

Topic summary

A user is seeking to identify an app that creates a violet-colored cart button and displays a pre-order tag on product images (referencing kmonstar.com as an example). They’re also looking for free alternatives if the original is paid.

Recommended Solutions:

  • Pre-order badge functionality: Available in most pre-order apps, including free plans from PreOrder Wolf, PreOrderly, Early Bird, and STOQ
  • Violet cart button: Likely achieved through custom CSS styling rather than an app-specific feature. Pre-order apps typically add identifiers to buttons that can be targeted with CSS to change colors
  • Alternative approach: Manual implementation using Shopify Liquid and CSS instead of relying on apps

Important consideration: “Quick buy” or “quick add” apps may conflict with pre-order functionality, so compatibility should be verified if both features are needed.

The discussion remains open with multiple app developers offering their solutions and technical guidance.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Would anyone know what app is used for the violet cart button and the pre-order tag that appears on the upper right corner of the product? If it’s a paid app, can you guys recommend a free app similar to them?

Website reference: https://kmonstar.com/

Perf_0-1738808745502.png
Perf_0-1738808745502.png1518×656 252 KB

2

Hi @Perf ,

These apps typically allow you to display a “Pre-Order” badge on product images and replace the “Add to Cart” button with a custom color or text.

  • PreOrder Wolf – Pre-Order Now (Free plan with basic features)
  • PreOrderly – Pre‑order NOW (Has a free plan)
  • Cart Customization via Theme Code – If you prefer a custom solution, you can manually add a “Pre-Order” tag using Shopify Liquid and CSS instead of using an app.
3

Hi @Perf ,

These “Pre-order badges” are pretty common amongst all pre-order apps, so you should be able to get this with any app you choose to use.

For context, I run an Aussie-founded pre-order app (Early Bird), so we have the same functionality (including a Free plan if you wanted to test one out).

As for the Violet Cart button, this might be a part of the their theme. Alternatively maybe look for “quick buy” apps, as it may be something like that too (though keep in mind that Quick Buy and Quick Add buttons often don’t work with pre-orders, so there might be some conflicts there if you want both).

Let me know if you have any other questions about pre-orders, happy to lend my expertise :slightly_smiling_face:

1 Like
4

@Perf You’ll get the badges on products with any preorder app for free - including ours, STOQ - which is for both preorders and back in stock alerts.

For the violet add to cart button, it’s a quick change with CSS. Any preorder app typically adds a specific identifier to the button, and you can target that to change the color of the button if it’s preorder. I’m guessing this is how they’re doing it on that website too. :slightly_smiling_face:

5

Hey,

You can customize both independently with your theme, though each requires different steps. For the violet cart button, go to Online Store → Themes → Customize, open your product page template, select the Add to Cart button block, and adjust the button color in style settings (if your theme supports it).

Alternatively, an app like K1 PreOrder can automate this (I’m the founder), handling customizable button text and badge positioning including top-right placement without code. Here’s the K1 PreOrder listing if relevant.

Happy to help with the theme customization approach if needed.

Best regards,
Yauheni