Back in Stock button location

Highlighted
Tourist
3 0 1

I'm trying to replace the 'sold out' button with Klaviyo's 'back in stock' button. The button is currently in an odd, obscure location. Klaviyo recommended adding the the bit of code (included below) to bind the 'back in stock' button to the button on the page. However, it isn't working for me and I'm not sure how to fix it. Any help would be greatly appreciated!

 

 

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
var klaviyo = klaviyo || [];
klaviyo.init({
account: "JU2rCM",
platform: "shopify"
});
klaviyo.enable("backinstock",{
trigger: {
product_page_text: "Notify Me When Available",
product_page_class: "gf_add-to-cart product-form-product-template button btn",
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"
}
});
{% unless current_variant.available %}
<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>
{% endunless %};
</script>

1 Like
Highlighted
Shopify Partner
9252 1179 3248

Hello, @Mahnal 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Sorry about that, here’s the link: https://mahnal.com/products/akirah-charm-necklace

0 Likes
Highlighted
Shopify Partner
9252 1179 3248

Hello, @Mahnal 

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Any suggestions on this?

0 Likes
Highlighted
Shopify Partner
9252 1179 3248

@Mahnal 

sorry for late reply 

but i can't see any button if you have moved can you please guide 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
6 0 0

Hi Mahnal! Why haven't you tried a back in stock app for this? It's much easier and allows you to customize how your button is placed, its design, etc.

 

I suggest the Back in Stock - Restock Alerts app for this. It also integrates with Klaviyo so that you can set up your back-in-stock email there. Instructions for this integration is here.

0 Likes