How to customize back in stock snippet klaviyo shopify?

Introduction:

Looking for the easy ways to customize your ‘back in stock’ snippet for your Shopify store? Look no further, as here is the solution for you.

In this article, you’ll learn ‘how to customize the back in stock snippet Klaviyo Shopify’.

CLICK HERE to check out our DETAILED blog about back in stock flow in klaviyo for shopify.

1] Adjust the Back In Stock button margin: 

If ‘Notify me when available’ button is touching with your main CTA then increase the margin from

ZERO [in your back in stock snippet code]to some number like

You can see the difference before and after changing the margin

2] How to sync the form [form you see when you click on notify me when available] CTA color with store

Go to ‘MODAL’ section in back in stock snippet

By default button color is blue but you can customize its color to sync with your brand.

Replace the button background color with the color you want.

You can also customize the form background color, body content, button text color, text color.

3] Allow your customers to opt in for your newsletter:

To capture those who do want to opt-in to receive marketing emails from you, you can add a checkbox like this one to your Back in Stock Form.

Just play with highlighted section

To implement this, you’ll need to make one addition to your snippet by adding your List ID in the “klaviyo.init” section after your Account ID.

• The “klaviyo.init” section will look like this:
  

  klaviyo.init({
          account: 'PUBLIC_API_KEY',
          list: 'YOUR_LIST_ID',
          platform: 'shopify'
  });

   

• Replace YOUR_LIST_ID with the ID for the Klaviyo list you want to add subscribers to. Typically, this should be your main newsletter list.
• The snippet with this addition (see Line 5) will look as follows:
  

  <script>
      var klaviyo = klaviyo || [];
      klaviyo.init({
          account: 'PUBLIC_API_KEY',
          list: 'YOUR_LIST_ID',
          platform: 'shopify'
      });
      klaviyo.enable('backinstock',{ 
         trigger: {
           ...
         },
         modal: {
           ...
         }
      });
  </script>
  

   

  

Hope you loved this article, How to customize back in stock snippet klaviyo shopify.

‘Klaviyo consultation’ at info@alixemail.com” or WhatsApp us at : +1(929)5895851

Don’t forget to subscribe our YouTube channel [Marketing Chamber] for klaviyo tutorials. For Urdu/Hindi klaviyo tutorials click here. For English klaviyo tutorials click here.”

 

FAQs: