Wix Stores: Displaying an 'Out of Stock' Notice on a Product

When a product is out of stock, an 'Out of Stock' message automatically appears wherever the product is displayed.

If you have an 'Add to Cart' button, the button changes to an 'Out of Stock' button.

You can change the design of the 'Out of Stock' button on the category page and in galleries. You can also edit the 'Out of Stock' text wherever it appears (e.g. change the text to 'Currently Unavailable').

Customizing 'Out of Stock' notifications in the category page

Personalize the 'Out of Stock' message on your category page. If you have an 'Add to Cart' button, you can also customize its appearance when it switches to the 'Out of Stock' button.

Note:

The category page is being released and not yet available to all. Learn more about the category page.

Wix Editor

1. Go to your editor.

2. Go to your category page:

   1. Click Pages & Menu

      

      on the left side of the editor.

   2. Click Store Pages.

   3. Click Category Page.

3. Click the category page element on your page.

4. Click Settings.

5. Edit the text:

   Note: The new text replaces the 'Out of Stock' text wherever it appears in the category page.

   1. Click the Text tab.

   2. Edit the 'Out of Stock' text.

6. Edit the design of the 'Out of Stock' button:

   1. Click the Design tab.

   2. Select Add to Cart button.

   3. Select the Disabled tab.

   4. Customize the text and fill colors and opacity.

Studio Editor

1. Go to your editor.

2. Go to your category page:

   1. Click Pages

      

      on the left side of the editor.

   2. Click the category page under Store Pages.

3. Click the category page element on your page.

4. Click Settings.

5. Edit the text:

   Note: The new text replaces the 'Out of Stock' text wherever it appears in the category page.

   1. Click the Text tab.

   2. Edit the 'Out of Stock' text.

6. Edit the design of the 'Out of Stock' button:

   1. Click the Design tab.

   2. Select Add to Cart button.

   3. Select the Disabled tab.

   4. Customize the text and fill colors and opacity.

Wix Harmony Editor

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Select the Category page under Store Pages.

4. Edit the text:

   Note: The new text replaces the 'Out of Stock' text wherever it appears in the category page.

   1. Click the Category page in the editor.

   2. Click the Edit Text on the action bar.

1. Edit the 'Out of Stock' text.

2. Edit the design of the 'Out of Stock' button:

   1. Click the Category page in the editor.

   2. Click the Settings icon

      

      on the action bar.

   3. Click the Design tab.

   4. Select Product info.

   5. Customize the Out of stock message font & color settings.

Customizing 'Out of Stock' notifications in product galleries

Customize the text of your 'Out of Stock' message in any grid gallery or slider gallery. If you display an 'Add to Cart' button, you can also customize the way the button looks when it changes to an 'Out of Stock' button.

Wix Editor

1. Go to your editor.

2. Go to the page with the gallery you want to customize.

3. Click the gallery on your page.

4. Click the Settings icon

   

   .

5. Edit the text:

   Note: The new text replaces the 'Out of Stock' text wherever it appears in the category page.

   1. Click the Text tab.

   2. Edit the 'Out of Stock' text.

6. Edit the design of the 'Out of Stock' button:

   1. Click the Design tab.

   2. Select Add to Cart button.

   3. Select the Disabled tab.

   4. Customize the text and fill colors and opacity.

Studio Editor

1. Go to your editor.

2. Go to the page with the gallery you want to customize.

3. Click the gallery on your page.

4. Click Settings.

5. Edit the text:

   Note: The new text replaces the 'Out of Stock' text wherever it appears in the category page.

   1. Click the Text tab.

   2. Edit the 'Out of Stock' text.

6. Edit the design of the 'Out of Stock' button:

   1. Click the Design tab.

   2. Select Add to Cart button.

   3. Select the Disabled tab.

   4. Customize the text and fill colors and opacity.

Wix Harmony Editor

1. Go to your editor.

2. Go to the page with the gallery you want to customize.

3. Click the gallery on your page.

4. Click the Edit Text on the action bar.

1. Edit the 'Out of Stock Message' text.

Customizing the message in the Product page

When a product is out of stock, the 'Add to Cart' button in the Product page automatically changes to an 'Out of Stock' button. The customization options vary depending on whether you're using the Wix Editor or the Studio Editor.

Wix Editor

To customize the button text:

1. Go to your editor.

2. Go to your Product page:

   1. Click Pages & Menu

      

      on the left side of the editor.

   2. Click Store Pages.

   3. Click Product Page.

3. Click the Product Page element on your page.

4. Click Settings.

5. Click the Text tab.

6. Edit the 'Out of Stock Message' text.

You can edit the 'Out of Stock' button text color and font, but it also changes the color and font of the 'Add to Cart' button.

Studio Editor

You can customize the text and design of the 'Out of Stock' button.

To customize the button:

1. Go to your editor.

2. Go to your Product page:

   1. Click Pages

      

      on the left side of the editor.

   2. Click your Product page under Store Pages.

3. Click the product page element on your page.

4. Click the Action Buttons.

5. Click the Add to Cart & Buy Now drop-down.

1. Select Out of Stock.

1. Customize the button design:

   1. Click the button.

   2. Customize the design using the available options.

2. Customize the text:

   1. Double-click the button.

   2. Edit the 'Out of Stock' text.

Wix Harmony Editor

To customize the button text:

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Select the Product page under Store Pages.

4. Click the Product page in the editor.

5. Click the Edit Text on the action bar.

6. Edit the 'Out of Stock' button text.

You can edit the 'Out of Stock' button text color and font, but it also changes the color and font of the 'Add to Cart' button.

FAQs

Click below for common questions about displaying an 'Out of Stock' message on products.

Can customers ask to be notified when a product is back in stock?

Yes. Instead of the 'Out of Stock' message, you can set up back-in-stock notifications. This way, when an item is out of stock, customers see a 'Notify When Available' message and can sign up to get an email letting them know when the item is available. Learn how to set up back-in-stock notifications.

Can I display low stock indications in the product page?

If you track inventory levels, you can encourage shoppers to purchase products that will soon be out of stock by displaying a low stock message on the product page.

Once your inventory for a specific item dips below 10, the message automatically appears.

To display a message, go to the Settings tab in the product page and select the checkbox next to Low stock message.