Shopifyで在庫数を表示する方法を徹底解説！

目次

• はじめに
• Shopify で在庫数を表示するメリット・デメリット
  • Shopify で在庫数を表示するメリット
  • Shopify で在庫数を表示するデメリット
  • Shopify の在庫数表示を活用したマーケティング戦略
• Shopify で在庫数の表示を行う方法
• シンプルパンくずリスト｜お手軽 Breadcrumbs について
  • 主な機能
  • アプリのインストール
  • 在庫数表示のアプリブロックを追加
  • 在庫数表示のアプリブロックの編集
• コーディングを用いて在庫数を表示する方法
  • サンプルコードの解説
  • ループ処理 {% for variant in product.variants %}
• 最後に
• 参考記事

はじめに

今回の記事では、Shopify の在庫数を表示する方法について解説していきます。

今回は、以下の記事を参考にしています。

• Shopify で在庫数表示を実装する方法を考察
• Shopify で在庫数を表示する 2 つの方法を紹介
• Shopify での在庫数表示について調べてみた
• Shopify で残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説｜ご利用ガイド

まずは、Shopify で在庫数を表示するメリット・デメリットについて解説していきます。

Shopify で在庫数を表示するメリット・デメリット

ここからは、Shopify で在庫数を表示するメリット・デメリットについて考えていきましょう。

Shopify で在庫数を表示するメリット

まずは、Shopify で在庫数を表示するメリットについて考えていきます。

Shopify ストアで在庫数を表示することには、いくつかの重要なメリットがあります。特に、e コマースにおいては、在庫情報が顧客の購買行動に大きな影響を与えるため、戦略的に活用することが求められます。

1. 購買促進のツールとしての在庫表示

在庫数の表示は、顧客に「早く購入しないと売り切れてしまう」という緊急性を感じさせる効果があります。例えば、「残りわずか」という表示は、限定的な商品の希少性を強調し、顧客が購入を決断するスピードを早めることができます。これにより、販売機会を逃すことなく、売上を最大化することが可能です。

2. 顧客との信頼関係の構築

在庫数を公開することは、顧客に対する透明性の提供と同義です。顧客は、リアルタイムで在庫状況を確認できることで、購入後のトラブル（例えば、在庫切れによるキャンセルなど）を避けることができます。この透明性は、顧客との信頼関係を構築する上で非常に重要であり、リピーターの獲得にもつながります。

3. 高い信頼性の確立

在庫数を正確に表示することで、ストアの信頼性を高めることができます。顧客は、提供されている情報が信頼できると感じるため、安心して購買行動を取ることができます。また、信頼できる情報を提供することで、ストアのブランドイメージ向上にも寄与します。

Shopify で在庫数を表示するデメリット

ここからは、Shopify で在庫数を表示する際のデメリットについて考えていきましょう。

一方、在庫数を表示することには、いくつかのデメリットも存在します。これらのデメリットを理解し、適切に対応することで、在庫表示のリスクを最小限に抑えることができます。

1. 購買意欲の減少リスク

在庫数が少ないことを表示することで、逆に顧客が「この商品はもう手に入らないかもしれない」と感じ、購入を躊躇するリスクがあります。特に、在庫が残りわずかであることが明らかになると、顧客が購入を諦めることも考えられます。このような状況を避けるためには、在庫数の表示を控えるか、「残りわずか」のメッセージをポジティブに捉えられるような工夫が必要です。

2. 在庫管理のプレッシャー

在庫数をリアルタイムで表示するためには、正確な在庫管理が欠かせません。しかし、在庫管理にミスがあると、顧客に誤った情報を提供してしまい、クレームや信頼の低下につながる可能性があります。特に、大量の商品を扱っている場合や、在庫の変動が激しい商品では、在庫管理システムの精度が求められます。

3. 競合他社への情報漏洩リスク

在庫数を公開することで、競合他社に自社の在庫状況を知られてしまうリスクもあります。特に、在庫が極端に少ない場合や、逆に大量の在庫を抱えている場合、その情報が競争戦略において不利に働く可能性があります。競合がこれらの情報を利用して、自社の商品を狙い撃ちにしたキャンペーンを展開するリスクも考慮する必要があります。

Shopify の在庫数表示を活用したマーケティング戦略

ここからは、Shopify の在庫数表示を利用したマーケティング戦略について考えていきましょう。

在庫数表示は、顧客に対して商品のリアルタイムな在庫状況を伝えるための機能であり、これを上手に活用することで効果的なマーケティング戦略を展開することができます。以下では、Shopify の在庫数表示を活用した具体的なマーケティング戦略について考察します。

1. 希少性を強調した購買促進

在庫数が少ない商品に対して、「残りわずか」や「在庫限り」といったメッセージを表示することで、顧客に対して商品の希少性を強調することができます。このような戦略は、特に限定商品や人気商品の場合に効果を発揮します。顧客は「売り切れる前に購入しなければならない」という心理に駆られ、購買意欲が高まります。結果として、商品の購入を早めることができ、短期間での売上向上が期待できます。

2. 緊急性を煽るプロモーションとの組み合わせ

在庫数表示を期間限定セールやタイムセールと組み合わせることで、顧客に対する緊急性をさらに高めることができます。例えば、在庫数が少ない商品に対して「本日限りの割引」や「数量限定セール」といったプロモーションを同時に展開することで、顧客は時間的なプレッシャーを感じ、購買行動を即座に取る可能性が高まります。このような戦略は、特に新規顧客の獲得や特定商品の在庫処分に有効です。

3. パーソナライズドマーケティングへの応用

在庫数表示のデータを活用して、顧客に対してパーソナライズドなメッセージを配信することも可能です。例えば、特定の商品に関心を示した顧客に対して、「あなたが興味を持っている商品は残りわずかです」といった個別メッセージをメールやプッシュ通知で送信することで、購買意欲を刺激します。このようなパーソナライズドマーケティングは、顧客一人ひとりのニーズに応じたコミュニケーションを図ることで、顧客ロイヤリティの向上にも寄与します。

4. ソーシャルプルーフの強化

在庫数が減少していることを公然と示すことで、他の顧客がその商品を購入しているというソーシャルプルーフを提供することができます。顧客は、他の人々が購入している商品に対して「自分も購入しなければ」と感じる傾向があるため、在庫数表示は間接的に売上を押し上げる要因となります。特に、レビューや評価と組み合わせることで、その効果をさらに高めることができます。

5. 在庫数に基づくリマーケティング

在庫数の情報を利用して、リマーケティングキャンペーンを展開することも効果的です。例えば、一度カートに入れたものの購入に至らなかった顧客に対して、在庫が少なくなったタイミングで「残りわずか」と通知することで、再度購入を促すことができます。このようなリマーケティング戦略は、コンバージョン率を向上させるために非常に有効です。

Shopify で在庫数の表示を行う方法

それではここから、Shopify で在庫数の表示を行う方法について解説していきます。

Shopify アプリを用いて在庫数の表示を行う方法と、コーディングを用いて在庫数の表示を行う方法の二つが有ります。

まずは、Shopify アプリを用いて在庫数の表示を行う方法について解説していきます。

今回紹介するのは、シンプルパンくずリスト｜お手軽 Breadcrumbsというアプリです。

シンプルパンくずリスト｜お手軽 Breadcrumbs について

シンプルパンくずリスト｜お手軽 Breadcrumbsは、Shopify で在庫数の表示を行うアプリです。

以下が、Shopify 公式のアプリストアです。

シンプルパンくずリスト｜お手軽 Breadcrumbs

まずは、アプリリストの内容について解説していきます。

主な機能

それでは、シンプル在庫数表示｜お手軽残りわずか表示の主な機能についてまとめていきます。

特徴 1: ノーコードでの導入

「シンプル在庫数表示｜お手軽残りわずか表示」は、コーディングの知識がなくても、誰でも簡単にストアに残りわずか表示を追加できます。直感的なインターフェースを通じて、必要な設定を数クリックで完了できるため、技術的なハードルが低く、すぐに導入可能です。

特徴 2: カスタマイズ可能な表示条件

残りわずか表示の条件は、ストアのニーズに応じて自由にカスタマイズ可能です。例えば、在庫が特定の数量以下になった際に表示を行う設定や、特定の商品カテゴリにのみ適用するなど、柔軟に調整できます。

特徴 3: 表示テキストとデザインのカスタマイズ

このアプリでは、残りわずか表示のテキストを自由に編集できます。例えば、「残りわずか！」「あと〇点！」など、顧客にとって分かりやすく、かつ購買意欲を掻き立てるようなメッセージを設定することができます。また、テキストの色やサイズ、表示位置もカスタマイズ可能なので、ストア全体のデザインに調和した表示を実現します。

特徴 4: 自動アラート機能

在庫が設定した閾値に達した際、自動的にアラートが表示される機能も備わっています。これにより、在庫が少なくなった商品に迅速に対応でき、顧客に対してリアルタイムで在庫情報を提供することが可能です。

公開日と対応言語

「シンプル在庫数表示｜お手軽残りわずか表示」は、2024 年 5 月 2 日にリリースされ、英語および日本語に対応しています。これにより、日本国内だけでなく、海外の顧客にも対応可能です。

ここまでで、アプリリストに記載してある主な機能についてまとめました。

それでは、実際にアプリを導入してみましょう。

アプリのインストール

アプリのインストールを行っていきましょう。

Shopify App Store の検索窓で、シンプル在庫数表示｜お手軽残りわずか表示と入力してください。

以下の、Shopify 公式のアプリストアが表示されます。

それでは、インストールをクリックして、アプリのインストールを行っていきましょう。

もう一度、アプリのインストールをクリックしましょう。

以下のアプリの管理画面が表示されます。

ここまでで、アプリのインストールは終了です。

それでは次に、在庫数表示を行うためのアプリブロックの追加をおこなっていきましょう。

在庫数表示のアプリブロックを追加

在庫数表示のアプリブロックを追加していきましょう。

テーマに追加をクリックして、アプリブロックをストアに導入しましょう。

以下のように、在庫数表示ができました。

もしも自動追加に失敗した場合は、手動で追加もできます。

商品セクションのブロックを追加をクリックしてください。

アプリをクリックしてください。

以下のように、表示されたアプリブロックをクリックしてください。

以下のように、在庫数表示のアプリブロックを追加できました。

これで、アプリブロックの追加は終了です。

それでは次に、在庫数表示のアプリブロックの編集を行っていきましょう。

在庫数表示のアプリブロックの編集

アプリブロックの在庫す表示の編集を行っていきましょう。

アプリブロックをクリックして、スキーマを編集していきましょう。

以下のように、アプリのスキーマ編集画面が表示されます。

いくつか、編集項目について解説していきます。

テキストの編集

在庫数表示を行うテキストを編集していきます。

[quantity]という文字列が、実際の在庫数の数値に変換されます。

テキストの大きさ

テキストの大きさを編集できます。PC 時とスマホ時のテキストの大きさを、別々に設定できます。

テキストの位置の変更

在庫数表示のテキストを編集できます。

左・中央・右の三つから、選択できます。

在庫テキストの大きさ

少し分かりにくいですが、在庫数テキストの文字の大きさを編集できます。

以下のように、在庫数の数値のみ、文字列の大きさが変更されます。

在庫数テキストの表示設定

在庫数テキストを表示する際の条件を設定できます。

指定した在庫数以下の場合に、在庫数のテキストが表示されるようになります。

在庫数のアニメーションの設定

在庫数を表示する際のアニメーションを設定できます。

ここまでで、在庫数表示についての解説は終了です。

是非、以下のアプリのインストールを行ってください。

シンプル在庫数表示｜お手軽残りわずか表示

それでは次に、コーディングを用いて在庫数を表示する方法について解説していきます。

コーディングを用いて在庫数を表示する方法

それではここから、コーディングを用いて在庫数を表示する方法について解説していきます。

以下が、サンプルコードになります。

{% for variant in product.variants %}
  <div class="variant">
    <p>バリアント名: {{ variant.title }}</p>
    <p>価格: {{ variant.price | money }}</p>
    <p>SKU: {{ variant.sku }}</p>
    <p>在庫数:
      {% if variant.inventory_management == "shopify" %}
        {% if variant.inventory_quantity < 10 %}
          残り {{ variant.inventory_quantity }} 個
        {% else %}
          在庫十分
        {% endif %}
      {% else %}
        在庫管理されていません
      {% endif %}
    </p>
    <p>在庫状況:
      {% if variant.available %}
        在庫あり
      {% else %}
        在庫なし
      {% endif %}
    </p>
    <button type="button">このバリアントを選択</button>
  </div>
{% endfor %}

上記のコードについて解説します。

サンプルコードの解説

この Liquid コードは、Shopify のテンプレートで使用されるコードで、商品の各バリアント（例えば、サイズや色の違い）を表示するために使用されます。

ループ処理 {% for variant in product.variants %}

• この行は、商品に関連するすべてのバリアント（product.variants）をループして、各バリアントに対して以下の処理を行うことを示しています。

バリアントの情報を表示する各段落 (<p> タグ)

• バリアント名: {{ variant.title }}
  • バリアントの名前（例えば、"赤色" や "L サイズ"）を表示します。
• 価格: {{ variant.price | money }}
  • バリアントの価格を表示します。money フィルターは価格を通貨形式にフォーマットします。
• SKU: {{ variant.sku }}
  • SKU（Stock Keeping Unit：在庫管理単位）を表示します。

在庫数の表示

• 在庫管理が Shopify で行われているかの確認: {% if variant.inventory_management == "shopify" %}
  • この条件は、そのバリアントの在庫管理が Shopify によって行われているかを確認します。
• 在庫数が 10 未満の場合: {% if variant.inventory_quantity < 10 %}
  • 在庫が 10 個未満であれば、「残り X 個」と在庫数を表示します。
• 在庫が十分にある場合: {% else %}
  • 在庫が 10 個以上の場合は「在庫十分」と表示します。
• 在庫管理が行われていない場合: {% else %}
  • 在庫管理が Shopify で行われていない場合は、「在庫管理されていません」と表示します。

在庫状況の表示

• 在庫がある場合: {% if variant.available %}
  • バリアントが在庫ありであれば、「在庫あり」と表示します。
• 在庫がない場合: {% else %}
  • バリアントが在庫なしであれば、「在庫なし」と表示します。

ボタン

• バリアント選択ボタン: <button type="button">このバリアントを選択</button>
  • 各バリアントに対して、選択ボタンを表示します。

ループ終了 {% endfor %}

• ループを終了し、次のバリアントに移ります。

このようなコードを利用すれば、Shopify で在庫数の表示を実装できるかと思います。

最後に

今回は、Shopify アプリを用いて在庫数の表示を行う方法と、コーディングを用いて在庫数の表示を行う方法について解説しました。

少しでも皆様のお役に立てれば幸いです。

お疲れさまでした。

参考記事

• Shopify で在庫数表示を実装する方法を考察
• Shopify で在庫数を表示する 2 つの方法を紹介
• Shopify での在庫数表示について調べてみた
• Shopify で残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説｜ご利用ガイド