Google Merchant Center Revamps Out‑of‑Stock Product Rules, Forcing Retailers to Show Disabled Buy Buttons

Google’s Merchant Center is rolling out a significant update that changes how e‑commerce sites must present products that are no longer available for purchase. The new rules affect both the appearance of the buy button on product pages and the accuracy of availability information that must match the data in your product feed. If you’re running an online store that relies on Google Shopping ads, understanding and implementing these changes is essential to keep your listings approved and maintain a smooth customer experience.

What the New Rules Mean for Your Store

Under the updated policy, any product that is out of stock must still display a buy button on its page, but the button must be visibly disabled and grayed out. The button cannot be hidden or left clickable. In other words, visitors should see the button, but clicking it will do nothing. This is a departure from the common practice of either removing the button entirely or keeping it active for customers to place orders for items that are temporarily unavailable.

In addition to the button requirement, Google now demands clear, unambiguous availability messaging on the product page. The page must display one of the following labels: in stock, out of stock, pre‑order, or back order. The label shown must match exactly what is sent in the product feed. Any discrepancy between the page and the feed can trigger disapprovals or penalties.

How to Implement the Disabled Buy Button

Implementing a disabled buy button is straightforward, but it must be done correctly to satisfy Google’s criteria. Below are the key steps to follow:

• Keep the button element on the page. Do not remove it from the DOM or hide it with CSS.
• Apply a disabled state. Use the disabled attribute for elements or add a disabled class that sets pointer-events: none; and reduces opacity.
• Style the button to appear grayed out. A subtle gray background and muted text color signal to users that the item is unavailable.
• Maintain accessibility. Include an aria-disabled="true" attribute and a tooltip or title that explains the status (e.g., “Currently unavailable.”).
• Test across devices. Verify that the button remains disabled on desktop, tablet, and mobile views.

Below is a quick CSS snippet you can adapt to most themes:

.buy-button[disabled], .buy-button.disabled {
  background-color: #e0e0e0;
  color: #777;
  cursor: not-allowed;
  pointer-events: none;
}

Ensuring Feed and Page Consistency

Google’s policy requires that the availability status on the product page matches the availability attribute in your product feed. To avoid disapprovals, follow these best practices:

1. Audit your feed regularly. Use Google’s Feed Rules to enforce consistency between the feed and the website.
2. Automate status updates. Tie your inventory management system to both the feed and the front‑end so that any change in stock level propagates instantly.
3. Use clear labels. Stick to the four approved terms and avoid custom wording like “temporarily out” or “soon available