Guide to set up back in stock flow klaviyo for shopify

Introduction:

Set up back-in-stock flow in klaviyo for shopify to analyze the demand of any product out-of-stock on your store. By analyzing the number of

customers who are excited to get it back, fill your stock for that specific product.

In this article, You’ll learn complete ‘Guide to set up back in stock flow klaviyo for shopify’.

Let’s dive in!

How to install back-in-stock snippet for shopify?

Install the snippet

First step in our guide to set up back in stock flow klaviyo for shopify is adding the code snippet below to your theme.liquid file. These instructions apply to both Shopify 2.0 users and those using vintage themes. 

1. From your Shopify Admin click Online Store > Themes.
2. Click your theme’s Actions dropdown and select Edit Code.
3. Search for the theme.liquid file, and click to open it in the editor.
4. Copy the JavaScript snippet below and paste it into your theme.liquid file directly above the </body> tag. 

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
var klaviyo = klaviyo || [];
klaviyo.init({
account: "PUBLIC_API_KEY",
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: "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>

 

You’ll need to replace the PUBLIC_API_KEY text [5ht lines in the above snippet] with your Klaviyo public

API key. Learn how to find your account’s public API key.

 

 

If you use multiple Klaviyo accounts, make sure you are using the key from the correct account. Copy and paste your key into the snippet.

You can stop here and save your theme.liquid file to use the default configuration.

 

How to customize back in stock button and form?

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>

How to create back-in-stock flow in klaviyo?

Follow the following steps:

• Go to flows section in klaviyo
• Search ‘Back-in-Stock flow’ in klaviyo flows library
• Chose one of them
  

• Then customize the content as per your strategy

OR

• You can create back in stock flow from scratch

How to create klaviyo Back-in-Stock flow from scratch?

• Navigate to ‘Create from scratch’
• Chose metric ‘Subscribe to back in stock’ as trigger for this flow

 

 

• Save
• Drag and drop ‘Back in stock delay’ after the trigger

 

 

• You will see an image like the below one
  

 

 

• Before moving forward, update the settings by clicking on ‘back in stock delay’ and then ‘update settings’ from left side
• You can set the number of items that should be in stock before any notifications are sent. You can choose any number based on your scenario.

 

 

Back in stock flow Email 1:

Now, drag and drop the email before the ‘Back in stock delay’ to thank your customers who subscribe to your back-in-stock list and keep them updated on their favorite items. You can also showcase some other best-selling products with reviews to entice them while they wait for their favorite item to be back in stock.

 

 

Email 2:

Now, add an email after the ‘Back in stock delay’ to let your back in stock list subscribers know that their dream item is back again.

Get it before it’s gone away again.

Also, offer them some kind of discount with urgency. Then, you can send a reminder email for the discount if they didn’t use it.

 

 

Hope you love this article ‘Guide to set up back in stock flow klaviyo for shopify’.

Wanna take your E-commerce business to next level with proven email marketing strategies? You’re just ONE step away. DM ‘Klaviyo consultation’ at info@alixemail.com” or WhatsApp us at : +92302-7946841

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

FAQs: