5分钟完成klaviyo订阅补货提醒Back in Stock（BIS）功能

关键词：

Shopify,Shopify插件,Shopify klaviyo插件,缺货通知，BIS

前言

对于Shopify商家来说，处理缺货情况时及时通知客户是非常重要的，这有助于保持顾客的信任和满意度。如果你正在寻找一种自动化订阅补货提醒的解决方案，可以考虑以下几种方法：

1. 使用Shopify内置的通知系统：

   • Shopify的订单通知系统允许自动发送订单状态更新给顾客，包括订单确认、发货和送达通知。
   • 你可以自定义这些通知模板，添加一段关于产品可能延迟或缺货的信息。

2. 利用第三方电子邮件营销服务：

   • 服务如Mailchimp、Klaviyo或Sendinblue等提供了强大的电子邮件自动化功能，可以设置触发型邮件。
   • 当某个产品缺货时，可以触发一个自动发送的电子邮件序列，通知订阅者相关的产品重新补货或提供替代品选项。

3. 使用专门的库存管理应用：

   • 应用程序如Stocky或Inventory Management可以帮助你跟踪库存水平，并在产品达到低库存阈值时发送通知。
   • 这些应用通常可以集成你的Shopify店铺，并可能提供自动电子邮件通知的功能。

4. 创建自定义脚本或使用流程自动化工具：

   • 如果你具备编程技能，可以通过Zapier、Integromat或自定义的API脚本将你的Shopify店铺与电子邮件服务提供商连接起来。
   • 这样，你可以根据库存级别设置特定的触发器来自动发送电子邮件。

5. 通过插件实现：

   • 有些Shopify插件可能直接支持库存管理和缺货通知，比如前面提到的Stocky或者NotifyMe等。
   • 这些插件可以监测库存变化，并在产品缺货时发送预设的电子邮件给顾客。

无论选择哪种方法，关键是确保你的缺货邮件通知是及时的、信息准确的，并且提供给客户清晰的后续步骤，例如提供预订选项、替代产品推荐或是告知预计补货时间。记得测试你的邮件通知系统，以确保一切按预期工作。

正文

以下的的方法是使用klaviyo来实现订阅补货提醒功能

效果图

先看效果图，感兴趣的再阅读下面文章

实现流程

1、登录klaviyo后，在左侧栏找到Flows,然后点击 Create flow

2、在搜索框中，搜索 Back In Stock Flow ，会显示两个结果 VIP vs. Non-VIP和选择STANDARD这个，选择STANDARD 这个，点击

3、Tags 填写 Back In Stock ,然后点击 Create new tag

---

4、点击 左下角的用户，点击"Settings",进入设置页面

找到API keys,复制Public API Key（代码中会用到）

代码部分

注意！！！！！代码中的account: "PUBLIC_API_KEY", 中的PUBLIC_API_KEY 请改成上面我们复制的Public API Key

<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.title}}",
     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>

更换完PUBLIC_API_KEY之后，把修改后的代码复制到图（1-3）的位置

图1，点击三个点，点击"Edit code"

图1，点击三个点，点击"Edit code"

图2，找到Layout,然后点击theme.liquid,找到,把代码复制进去

图3，进去后台，产品模版编辑页面 找到Product infomationm模块（如果是Dawn主题模版，如果是其他主题，有可能名称是Product page、Main product、Product page），然后点击Add block，找到Custom liquid，输入一下代码到框中，就可以了

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

资料来源：How to install Back in Stock for Shopify | Klaviyo Help Center