Hi ​@iftekhirul!

I found a similar community article that may be helpful. Check it out and let me know if it helps! :)

Good luck!

Marika 

Hi ​@iftekhirul 

Thank you for posting in the Community!

For it looks like, that the Back-in-stock code doesn’t have your public API key setup correctly. Try with the following code, when you have inputted your public API key. 

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || y]; klaviyo.init({ account: "INCLUDE YOUR PUBLIC_API_KEY HERE", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button", product_page_text_align: "center", product_page_margin: "0px", replace_anchor: false }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", 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: "#439fdb", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script>

Hope that helps! :-) 

Christian Nørbjerg Enger
Partner & CPO
Web: Segmento.dk
LinkedIn: @christianfromsegmento
Voldbjergvej 22b, 8240 Risskov

Hello ​@iftekhirul,

Give this a try to fix your Klaviyo back-in-stock issue:

1. Verify Code Placement: Add the back-in-stock code where the "Add to Cart" button or out-of-stock message appears in theme.liquid or product templates.

2. Include Klaviyo JavaScript: Add Klaviyo’s embed code to your site:

   html

   Copy code

   <script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YOUR_API_KEY"></script>

3. Insert Back-in-Stock Button: Use the following code for the button:

   html

   Copy code

   <div class="klaviyo-bis-trigger" data-product="{{ product.id }}" data-variant="{{ current_variant.id }}"> Notify me when available </div>

4. Check for Theme Conflicts: Use browser developer tools to confirm the button is rendered and styled properly.

5. Enable in Klaviyo: Ensure the back-in-stock flow is active, and the integration with your e-commerce platform is connected.

6. Test: Set a product to "Out of Stock" and check if the button appears.

If it still doesn’t work, inspect for caching issues or theme conflicts.

Let me know where you're stuck!

Hello ​@iftekhirul 

The issue might stem from incomplete integration or missing elements in the theme. Ensure the following:

1. Verify the PUBLIC_API_KEY in your code matches your Klaviyo account's public API key.

2. Confirm the Klaviyo "Onsite JavaScript" snippet is installed and properly working on your Shopify store.

3. Check if the back-in-stock feature is enabled in your Klaviyo account settings.

4. Inspect the product pages where the button should appear, ensuring there are no conflicts with your theme's CSS or JavaScript.

If these steps don't resolve the issue, the code or placement might need customization to align with your Shopify theme structure. Feel free to reach out for help with implementation.