Klaviyoで再入荷通知を設定する方法|Klaviyoを拡張するShopifyアプリも紹介

Klaviyoで再入荷通知を設定する方法|Klaviyoを拡張するShopifyアプリも紹介

KlaviyoはShopifyアプリの中でも特に人気の高いメール配信アプリです。多くのShopifyストアオーナーが、キャンペーンメールやオートメーションメールの配信にKlaviyoを活用しています。しかし、Klaviyoの機能はそれだけにとどまりません。再入荷通知を設定することで、在庫切れの商品が再入荷した際に顧客に自動で通知を送ることができます。これにより、顧客の購買意欲を高め、売上の向上を図ることができます。

本記事では、Klaviyoを利用した再入荷通知の設定方法について詳しくご紹介します。 

Klaviyoとは?

Klaviyo【メール】|Shopifyアプリ
出典:Klaviyo|Shopifyアプリストア

Shopifyアプリの中でも人気の高いメール配信アプリです。メール配信に必要な機能が十分揃っており、連携できるShopifyアプリも豊富なのが特徴です。Klaviyoを利用することで「〇〇のタイミングでXXの内容メールをお客様へ自動配信したい」などのオートメーションメールも可能です。
また、在庫切れ時に再入荷通知フォームを表示したり、商品入荷時に再入荷通知にエントリーした人に自動でメール通知することも可能です。

引用元:https://tsun.ec/blogs/articles/31

料金: 無料〜

※ Eメールは250件まで無料。SMSは50件まで無料です。それ以上は有料になります。詳しくは公式ページをご参照ください

下記の記事でKlaviyoを使うメリットや初期設定方法を詳しく解説しています。ご参考になさってください。

Klaviyoとは?ShopifyストアでKlaviyoを使うメリットと初期設定方法

下記の記事ではメールマーケティングのメリットやデメリット、メールの種類なども解説しています。ご参考にしてください。

メールマーケティングのメリットは?Shopifyのメール配信アプリも紹介

本記事通りに設定した際のアウトプット

在庫切れ時に再入荷通知フォームが自動表示

動画のように、在庫が切れた商品ページにお客様がアクセスした場合、再入荷通知フォームを呼び出すテキストリンクが自動表示され、リンクをクリックすると再入荷通知フォームが表示されます。

再入荷時に入荷通知メールが自動送信

在庫が補充されたタイミングで、再入荷通知フォームでメルマガ購読したお客様に下記のようなメールが自動送信されます。

下記のメールは初期設定の状態で、メール本文を自由にカスタマイズすることも可能です。

Klaviyoから自動送信される再入荷通知

Klaviyoで再入荷通知を設定する方法

再入荷通知を設定する手順は下記4ステップになります。

それぞれ、詳しく説明します。

(1) 埋め込みアプリを有効化する

まずは、オンラインストア > Shopifyテーマ > カスタマイズの順でテーマエディタをひらきます。

次に、下記添付画像のように、Klaviyoの埋め込みアプリを有効にし、保存してください。

Klaviyoの埋め込みアプリを有効化する

(2)  Back In Stockのテンプレートを利用しFlowを作成する

下記、添付動画のように、KlaviyoのFlowsからBack In Stockのテンプレートを選び、新規で再入荷通知用のFlowを作成し、ステータスをLiveにしてください。

1. 左メニューのFlowを選択  2. 「Create Flow」をクリック

1. 左メニューのFlowを選択

2. 「Create Flow」をクリック

3. 検索フォームに「Back in stock」と入力し、検索  4. 「Back in Stock Flow」をクリック

3. 検索フォームに「Back in stock」と入力し、検索

4. 「Back in Stock Flow」をクリック

5. 「Create Flow」をクリック

5. 「Create Flow」をクリック

6. 画面右上の「Update action statuses」をクリック

6. 画面右上の「Update action statuses」をクリック

7. Flowのステータスを「Live」に変更  8. 「Update Statuses」をクリック

7. Flowのステータスを「Live」に変更

8. 「Update Statuses」をクリック

(3)  Public API KEYを取得する

下記、添付画像の番号順に遷移し、⑤に記載されているコードをコピーしてください。

KlaviyoのPublic API KEYを取得する

(4)  Shopifyテーマにスニペットを挿入する

まず、Klaviyoのヘルプページにアクセスし、下記の添付画像の箇所のコードをコピーしします。

Klaviyoのヘルプページはこちら

Klaviyoのヘルプページからスニペットをコピーする
次に、Shopifyテーマの「コードを編集する」をクリックし、theme.liquidファイルを開きます。theme.liquidファイル内の</body>の前に先程コピーしたスニペットを貼り付けます。
最後に、PUBLIC_API_KEYの箇所を(3)で取得したKEYに書き換えて終了です。
ShopifyテーマにKlaviyoのスニペットを挿入する

その他、カスタマイズ方法

再入荷通知メールの自動送信タイミングを調整する

Klaviyoの再入荷通知を送信する際の入荷在庫数を設定することが出来ます。

初期設定では在庫数が1以上になったタイミングで自動送信される設定になっていますが、自動送信させる在庫数を変更することが可能です。

下記の添付画像の番号の順序に従い画面を遷移し、⑤の「Minimum Inventory to Notify」の値を自動送信させたい在庫数に設定することで変更できます。

Klaviyoの再入荷通知の自動送信タイミングをカスタマイズする

再入荷通知のメール文をカスタマイズする

再入荷通知のメール文は、上記手順の(2)で作成したFlow内でカスタマイズできます。

再入荷通知用のFlowを開き、下記添付画像の順にメールアイコンのアクションをクリックし、左側に表示されるContentのEditを選択することで、メール文のエディターを開くことができます。

Klaviyoの再入荷通知のメール本文をカスタマイズする

フォームを呼び出しリンクのテキストをカスタマイズする

再入荷通知フォームを呼び出すリンクのテキストをカスタマイズする方法は、上記手順の(4)で利用したスニペット内の「product_page_text: "Notify Me When Available"」の部分のダブルクオーテーション内のテキストを修正することで、カスタマイズできます。

再入荷通知フォームをカスタマイズする

再入荷通知フォームをカスタマイズする方法は、上記手順の(4)で利用したスニペット内の「modal」配下の項目を修正することで、テキストや色を変更することができます。

Klaviyoをより便利に拡張するShopifyアプリ

RuffRuff 予約販売

「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。
自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。
他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。

引用元: RuffRuff 予約販売


RuffRuff 予約販売の再入荷通知機能を利用することで、Klaviyoの再入荷通知を下記のように便利に拡張できます。


  • 商品ページ以外でも再入荷機能を導入できる
  • 再入荷通知ボタンを表示・カスタマイズできる
  • 商品ごとに再入荷通知の出し分けができる
  • 再入荷通知の導入、カスタマイズを簡単に行える

    KlaviyoとRuffRuff 予約販売を連携して、コレクションページで再入荷通知

    KlaviyoとRuffRuff 予約販売を連携して、商品ページで再入荷通知

    詳しくは、下記のヘルプページをご参照ください

    再入荷通知をする|RuffRuff 予約販売 ヘルプセンター

    まとめ

    Klaviyoを利用した再入荷通知の設定方法についてご紹介しました。再入荷通知を導入することで、在庫切れの商品が再入荷した際に顧客に自動で通知を送ることができ、顧客の購買意欲を高めることができます。これにより、売上の向上を図ることができるだけでなく、顧客満足度の向上にもつながります。Klaviyoの再入荷通知機能を活用して、効率的な在庫管理と顧客対応を実現しましょう。再入荷通知の設定に関する詳細な手順や他のおすすめアプリについては、下記の記事もご参考ください。

    Shopifyの再入荷通知アプリ4選|再入荷リクエスト

    ブログに戻る
    1 6
    • Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

      Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

      Tsunライターチーム

      Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

      Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

      Tsunライターチーム

      Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

    • Shopify Polarisとは? 効率的なShopifyアプリ開発に!

      Shopify Polarisとは? 効率的なShopifyアプリ開発に!

      Tsunライターチーム

      Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

      Shopify Polarisとは? 効率的なShopifyアプリ開発に!

      Tsunライターチーム

      Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

    • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

      【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

      小笠原 京平

      Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

      【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

      小笠原 京平

      Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

    • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

      Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

      小笠原 京平

      今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

      Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

      小笠原 京平

      今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

    • Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説

      Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

      小笠原 京平

      ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

      Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

      小笠原 京平

      ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

    • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPRや対応例など

      Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

      小笠原 京平

      今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

      Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

      小笠原 京平

      今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

    1 6

    編集プロセス

    EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

    掲載情報に関して

    掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。