Shopify ストアで購入制限を実現する方法を徹底解説！

はじめに

今回は、Shopify ストアで商品の数量規制による購入制限を実現する方法を解説していきます。
1 つ目は、メタフィールドを用いたコーディングで数量規制による購入制限を実現する方法です。

2 つ目は、アプリを用いて数量規制による購入制限を実現する方法です。

それぞれの方法について詳しく解説してきます。

購入制限とは？

購入制限とは、特定の商品やサービスの購入可能数や購入条件を制限することです。具体的には、購入する商品の数量・期間・購入金額を条件に購入制限を行います。特定の顧客群にのみ商品やサービスを提供することで、その商品の独占性や希少性を高める目的でも利用されることがあります。

購入制限のメリット

購入制限は多くのストアにとっては、非常に魅力的な販売戦略です。そのメリットは、以下のようなものがあります。

在庫管理の効率化

購入制限を行うことにより、予期せぬ大量購入を防ぎ、結果として在庫切れを避けることができます。オンラインストアで在庫切れの商品が増えると、顧客が選べる選択肢が限られ、その結果、ストアからの離脱を引き起こす可能性があります。

転売の防止

購入制限を行うことのメリットの一つは、転売の防止です。人気商品や限定アイテムの場合、購入制限を行うことで、これらの商品が市場価格よりも高値で不正に転売されることを効果的に抑制することができます。

ショッピング体験の向上

商品への購入制限を行うことは、その商品の独占性を高め、限定感を巧みに演出する効果的な手段です。これにより、商品自体が持つ本来の価値をより一層引き立てることが可能となり、顧客のショッピング体験の向上が期待できます。

メタフィールドを用いたコーティングで商品の数量規制による購入制限を行う方法

まずは、メタフィールドを用いたコーティングで商品の数量規制による購入制限を行う方法について解説します。

「Shopify GraphQL App」のインストール

今回は、GraphQL を用いてメタフィールドを作成していきます。

「Shopify GraphQL App」にアクセスしてください。「Shopify GraphQL App」はストア上で GraphQL を使用できるように Shopify が用意しているアプリです。

上記の Install の部分に Shopify の開発ストアの URL を入力し、「Select all」をクリックして、「インストール」ボタンを押すと、Shopify の開発ストアに「Shopify GraphQL App」をインストールすることができます。

ストアのメタフィールドにセット販売の情報を定義する

ストアのメタフィールドに購入制限機能の情報を設定

ストアのメタフィールドに購入制限機能の情報を設定します。

以下の画像は、今回実装する GraphQL コードです。Mutation と Variables を順に解説していきます。

Mutation

まずは、Mutation です。以下のコードを画像の赤枠の部分に貼り付けてください。

mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) {
  metafieldsSet(metafields: $metafields) {
    metafields {
      key
      namespace
      value
      createdAt
      updatedAt
    }
    userErrors {
      field
      message
      code
    }
  }
}

引数

今回は、metafieldsSet API を用います。これは、メタフィールドの値を作成・更新するための API です。こちらの API には引数として、以下のものを渡します。

key
namespace
ownerId
type
value

順に説明します。

key
メタフィールドを識別する一意の値です。
namespace
メタフィールドのグループのコンテナです。メタフィールドが集まった箱のようなものです。
ownerId
メタフィールドが関連付けられているリソースの固有の識別子です。
type
メタフィールドに格納されるデータの種類を指定します。
value
メタフィールドに格納されるデータです。文字列として格納します。

具体的に渡す値は、Variables に設定します。

戻り値

metafields ブロックには、登録されたメタフィールドの情報が入ります。

戻り値として、以下のものが返ってきます。

key
namespace
value
createdAt
updateAt

key・namespace・value に関しては、先程と同様です。

createdAt
メタフィールドが作成された日時です。
updateAt
メタフィールドが更新された日時です。

userErrors ブロックには GraphQL の実行中に発生したエラーに関する情報が入ります。

戻り値として、以下のものが返ってきます。

field
message
code

順に説明します。

field
エラーが発生した入力フィールドの場所を示しています。
message
エラーメッセージです。
code
エラーコードです。

Variables

次に、metafieldSet に渡す引数、Variables の部分について解説します。

完成形のコードがこちらです。

{
  "metafields": [
    {
      "key": "order_limit_config",
      "namespace": "order_limit_app",
      "ownerId": "gid://shopify/Shop/67358163174",
      "value": "{\"status\": \"enabled\"}",
      "type": "json"
    }
  ]
}

各設定項目について詳しく見ていきましょう。まず、メタフィールドの key と namespace です。今回は、key に order_limit_config 、namespace に、order_limit_app を指定しています。

次に、ownerId を設定します。以下の GraphQL クエリを実行して Shop の id を取得してください。

{
  shop {
    id
  }
}


============================================
# 実行後のレスポンス

{
  "data": {
    "shop": {
      "id": "gid://shopify/Shop/67358163174"
    }
  },
  "extensions": {
    "cost": {
      "requestedQueryCost": 1,
      "actualQueryCost": 1,
      "throttleStatus": {
        "maximumAvailable": 2000,
        "currentlyAvailable": 1895,
        "restoreRate": 100
      }
    }
  }
}

ownerId に、取得した Shop の id を設定してください。

次に、value に購入制限機能の情報を設定します。

今回は、以下の json データを文字列にエスケープしたものを設定します。これには、購入制限機能が有効かどうかの値が含まれます。

{
  "status": "enabled"
}

上記で作成した Variables を、画像の赤枠の部分に貼り付けてください。

GraphQL を実行

実行ボタンをクリックして GraphQL 実行してください。

これで、ストアのメタフィールドに購入制限機能の情報を設定できました。

商品のメタフィールドに購入制限数を設定

次に、商品のメタフィールドに購入制限数を設定します。

以下の画像は、今回実装する GraphQL コードです。Mutation と Variables で順に解説します。

Mutation

まずは、Mutation です。ストアのメタフィールドを設定したときと同じコードを設定してください。

mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) {
  metafieldsSet(metafields: $metafields) {
    metafields {
      key
      namespace
      value
      createdAt
      updatedAt
    }
    userErrors {
      field
      message
      code
    }
  }
}

Variables

次に、Variables の部分です。

完成形のコードがこちらです。

{
  "metafields": [
    {
      "key": "order_limit_number",
      "namespace": "order_limit_app",
      "ownerId": "gid://shopify/Product/8362227761382",
      "value": "{\"min\": 1, \"max\": 4}",
      "type": "json"
    }
  ]
}

各設定項目について詳しく見ていきましょう。まず、メタフィールドの key と namespace です。今回は、key に order_limit_number 、namespace に、order_limit_app を指定しています。

次に、ownerId を設定します。まず、商品の id を取得します。

ストアの管理画面の左側の「商品管理」をクリックしてください。

商品の id を取得