{"title":"Pre-order Button \u0026 Pre-sale","description":"\u003cp\u003ePre-order Button \u0026amp; Pre-sale work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 230 pre-order button \u0026amp; pre-sale requests for merchants, including work on Symmetry, Prestige, Brooklyn and Pacific. Typical turnaround is 1 to 2 business days. Below are 6 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"pre-order-button-on-product-page-symmetry","title":"Pre-Order Button on Product Page","description":"\u003cp class=\"task-lead\"\u003eA decor brand wanted the buy button to become a pre-order button when a specific variant was out of stock, without affecting variants that had inventory.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eEnable pre-order. Swap the buy button for a pre-order button only when a variant is out of stock. Variants with inventory should still show add to cart.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand sold both in-stock and made-to-order versions of the same product. The button needed to reflect which one the customer had selected.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the buy button variant-aware. Out-of-stock variants show a pre-order button with an estimated ship window; in-stock variants show add to cart. Pre-orders are tagged on the order for fulfillment.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVariant-aware pre-order button\u003c\/li\u003e\n\u003cli\u003eEstimated ship window shown on pre-orders\u003c\/li\u003e\n\u003cli\u003eIn-stock variants unaffected\u003c\/li\u003e\n\u003cli\u003ePre-orders tagged for fulfillment\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511537738,"sku":"TASK-0071","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"coming-soon-and-notify-me-pre-sale-brooklyn","title":"Coming Soon and Notify Me Pre-Sale","description":"\u003cp class=\"task-lead\"\u003eA merchandise brand enabled a pre-order app and hit issues with how the notify-me and pre-order buttons displayed.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe've observed issues since enabling the pre-order app. The button sometimes shows both pre-order and notify me, and on some products neither shows. We need your engineers to look.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn app that wasn't cooperating with the theme.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe resolved the conflict between the app and the theme's own button logic so each product shows exactly one correct button: add to cart, pre-order, or notify me, depending on inventory and settings.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eButton conflict resolved\u003c\/li\u003e\n\u003cli\u003eOne correct button per product state\u003c\/li\u003e\n\u003cli\u003ePre-order app working with the theme\u003c\/li\u003e\n\u003cli\u003eTested across the catalog\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155682521162,"sku":"TASK-0191","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"mixed-cart-symmetry","title":"Mixed Cart","description":"\u003cp class=\"task-lead\"\u003eA publisher selling pre-orders alongside in-stock books needed the cart to handle both without confusing customers about shipping.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOne of the more challenging things we deal with is pre-orders. Customers add a pre-order and an in-stock item to the same cart and expect both to ship now. We need clear logic.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMixed carts creating shipping expectations that couldn't be met.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added pre-order labeling throughout the cart and checkout, and a clear message when a cart mixes pre-order and in-stock items explaining that the order ships when the pre-order is available.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePre-order labeling in cart and checkout\u003c\/li\u003e\n\u003cli\u003eMixed cart warning message\u003c\/li\u003e\n\u003cli\u003ePre-orders tagged on the order\u003c\/li\u003e\n\u003cli\u003eEstimated ship date shown\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155695792202,"sku":"TASK-0307","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pre-order-tag-and-filter-and-badge-prestige","title":"Pre-Order Tag and Filter and Badge","description":"\u003cp class=\"task-lead\"\u003eA retailer switching to a theme with stock badges wanted a pre-order badge added alongside in-stock, low-stock, and sold-out.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe new theme has stock badges: in stock, low stock, sold out. We sell pre-order items and want a pre-order badge that shows instead of sold out for those.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA badge system missing one state.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a pre-order badge that appears on collection cards and product pages for tagged pre-order products, taking priority over the sold-out badge.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePre-order badge on cards and product pages\u003c\/li\u003e\n\u003cli\u003eTakes priority over sold out\u003c\/li\u003e\n\u003cli\u003eTag-driven\u003c\/li\u003e\n\u003cli\u003eBadge style editable\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696971850,"sku":"TASK-0330","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pre-order-app-integration-pacific","title":"Pre-Order App Integration","description":"\u003cp class=\"task-lead\"\u003eA brand's pre-order app wasn't integrating with their theme and needed the button and messaging placed correctly.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe pre-order app is installed but the button doesn't replace add to cart the way it's supposed to, and the shipping message doesn't appear.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn app that needed theme integration.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe integrated the pre-order app so the button and shipping message appear on pre-order products, and the standard button stays on everything else.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePre-order button integrated\u003c\/li\u003e\n\u003cli\u003eShipping message shown\u003c\/li\u003e\n\u003cli\u003eStandard button on other products\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155705753674,"sku":"TASK-0408","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pre-order-with-deposit-and-partial-payment-prestige","title":"Pre-Order with Deposit and Partial Payment","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a pre-order landing page where customers could reserve with a deposit.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eCreate a pre-order landing page. Customers should be able to reserve a unit with a deposit, and we collect the balance before shipping.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDeposits, not full payment, for pre-orders.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built the pre-order page with a deposit product that reserves a unit, tags the order for balance collection, and shows the customer the remaining amount and timing.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePre-order landing page\u003c\/li\u003e\n\u003cli\u003eDeposit-based reservation\u003c\/li\u003e\n\u003cli\u003eOrders tagged for balance collection\u003c\/li\u003e\n\u003cli\u003eRemaining amount shown to the customer\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155720204362,"sku":"TASK-0458","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/pre-order-button-pre-sale.oembed","provider":"TaskHusky","version":"1.0","type":"link"}