Shopify Buy Button - Out of Stock wording

Store Design

Topic summary

Goal: change the Shopify Buy Button’s “Out of Stock” label to “Coming Soon” or “Pre-order,” and optionally have the button open a contact page when items are unavailable.

Key update: Adding an out-of-stock text value in the Buy Button JS configuration solves the label change. Use the text.outOfStock property alongside text.button (e.g., text.button = “Add to cart”, text.outOfStock = “Coming Soon”). Multiple users confirm this works.

Reference: Documentation for buy-button-js text customization was shared via the GitHub “product text defaults” section.

Unresolved: How to make the out-of-stock state open a specific link (e.g., the store’s contact page) was requested but no working method or code was provided in the thread.

Status: Label customization resolved; redirect/link behavior for out-of-stock remains open.

Summarized with AI on January 13. AI used: gpt-5.
2

I had this same issue.

the button text section requires an extra value:

"text": {
      "button": "Add to cart",
      "outOfStock": 'Coming Soon'
    }
4 Likes