Customizing Your Form & Button
The Klaviyo "Notify Me When Available" button and form are highly configurable. You are able to change the colors, fonts, text, and other elements according to your design preferences.
The default values included in the above snippet above are listed and explained below. If you make updates, make sure to update the value and not the label itself.
Note
If you're interested in matching the styling of your Shopify theme, check out this doc.
Trigger Settings
The trigger is the button that populates when an item goes out of stock. This button will say, "Notify me when available" by default, but can be configured to say whatever you would like. The default code for the trigger is:
trigger: {
product_page_text: "Notify Me When Available",
product_page_class: 'btn',
product_page_text_align: 'center',
product_page_margin: '0px',
alternate_anchor: "AddToCart",
replace_anchor: false
},
