Klaviyo's back in stock button displaying even on products in stock

Shopify Apps

Topic summary

A user installed Klaviyo’s back-in-stock notification button on their Shopify store (Dawn 6.0.2 theme) following the official tutorial, but the button is incorrectly appearing on product pages where items are currently in stock.

Key Details:

  • The implementation used Klaviyo’s provided code snippet
  • The button should only display when products are out of stock
  • A preview link and screenshot were shared showing the issue
  • The code includes configuration for the back-in-stock trigger with custom styling and French language labels

Current Status:

  • The issue remains unresolved with no responses yet
  • The user is seeking help to fix the conditional display logic so the button only appears for out-of-stock items
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I installed properly Klaviyo’s back in stock flow + button following the tutorial but it’s displaying on product pages that are actually in stock. Can somebody help ?

Theme: Dawn 6.0.2

Preview link: https://01ygsgyh3tco8v4e-66207744226.shopifypreview.com

Example screenshot:

Capture d’écran 2023-01-09 à 11.26.24.png
Capture d’écran 2023-01-09 à 11.26.24.png942×636 27.8 KB

Code provided by Klaviyo :

    <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "WyXC37",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "btn",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Prévenez-moi lorsque ce bijou est à nouveau disponible.",
     email_field_label: "Email",
     button_label: "ME PRÉVENIR",
     subscription_success_label: "Nous vous préviendrons lorsque ce bijou sera de retour.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#D0DF00",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>