サムネイル

Shopify で顧客タグによる限定販売を実現する方法を徹底解説!

今回は、Shopify で、顧客タグによる限定販売を実現する方法を解説していきます。

1 つ目は、メタフィールドを用いたコーディングで顧客タグによる限定販売を導入する方法です。

2 つ目は、アプリを用いて顧客タグによる限定販売を導入する方法です。

目次

顧客タグによる限定販売とは?

顧客タグによる限定販売とは、特定のタグを持つ顧客に対して、限定販売を行うことを指します。この販売手法は、各顧客に独自の「タグ」を割り当てることで、特定のタグを持つ顧客のみがアクセスできる販売機会を提供します。顧客タグによる限定販売は、新製品の市場投入、季節限定のキャンペーン、特別な記念日など様々な機会に対応可能です。

顧客タグによる限定販売のメリット

  • 顧客のロイヤリティーを高める

顧客タグによる限定販売を行うことで、特定の顧客に対して個別化されたショッピング体験を提供できます。結果として、顧客は自分のことを理解し、価値を提供しようと努力してくれる企業に対して、高い評価と信頼を寄せるようになります。顧客はそのブランドに対して強い信頼感と愛着を抱くようになり、これが顧客のロイヤリティを高める重要な要素となります。

  • 顧客満足度の向上

顧客タグによる限定販売を提供することで、顧客満足度を向上させることができます。顧客は、自分のニーズや関心に合った製品やオファーを受け取ることで、より個別化されたサービスを受けていると感じ、これがブランドへの忠誠心につながります。

  • 希少性の創出

顧客タグによる限定販売を行うことによって、商品に一種の独特性と価値を与え、商品の「希少価値」を高めることが可能です。この手法は、商品を売り出す際に、あえて限定販売をすることで、その商品が持つ独占性と希少性を強調し、消費者の間での需要を高める効果があります。

メタフィールドを用いたコーディングで顧客タグによる限定販売を導入する方法

まずは、メタフィールドを用いたコーディングで顧客タグによる限定販売を導入する方法について解説します。

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

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

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

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

ストアにメタフィールドに限定販売商品の情報を設定する

ストアのメタフィールドに限定販売の情報を設定します。

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

GraphQL の実行画面

まずは、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

keynamespacevalue に関しては、先程と同様です。

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

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

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

実行結果として、以下のものが返ってきます。

  • field
  • message
  • code

順に説明します。

  • field
    エラーが発生した入力フィールドの場所を示しています。

  • message
    エラーメッセージです。

  • code
    エラーコードです。

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

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

{
  "metafields": [
    {
      "key": "product_ids",
      "namespace": "tag_limit_app",
       "ownerId": "gid://shopify/Shop/67358163174",
      "value": "{\"product_ids\": [\"8362227794150\", \"8362227663078\"]}",
      "type": "json"
    }
  ]
}

各設定項目について詳しく見ていきましょう。まず、メタフィールドの keynamespace です。今回は、keyproduct_idsnamespace に、tag_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 データを文字列にエスケープしたものを設定します。

  {
    "product_ids": ["8362227663078", "8362227794150"]
  }

json データの product_ids には、限定販売する商品の id の配列を設定します。

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

商品の id を取得

限定販売したい商品を選択してください。

限定販売する商品を選択する

以下のページの URL の末尾の数字が商品 id です。

URLの末尾の商品id

取得した id を product_ids に設定してください。

  {
    "product_ids": ["8362227663078", "8362227794150"]
  }

json データを文字列に変換して、value に設定します。

上記で作成した Variables を、「Shopify GraphQL App」に設定してください。

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

GraphQL の実行画面

これで、ストアにメタフィールドに限定販売商品の情報を設定できました。

商品のメタフィールドに限定販売する顧客の情報を設定する

次に、商品のメタフィールドに限定販売する顧客の情報を設定します。

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

GraphQL の実行画面

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

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

次に、Variables の部分です。

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

 {
  "metafields": [
    {
      "key": "product_ids",
      "namespace": "tag_limit_app",
       "ownerId": "gid://shopify/Product/8362227794150",
      "value": "{ \"customer_tags\" : [\"vip\"] }",
      "type": "json"
    }
  ]
}

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

次に、ownerId を設定します。gid://shopify/Product/XXXXXXXXXXXXXXXXXXXX に該当する商品の id を設定してください。

次に、value に限定販売する顧客の情報を設定します。

今回は、以下の json データを文字列にエスケープしたものを設定します。

customer_tags には、任意のタグを設定してください。

  {
    "customer_tags" : ["vip"]
  }

上記で作成した Variables を、「Shopify GraphQL App」に設定してください。

右側の実行ボタンをクリックして、実行してください。

GraphQL の実行画面

これで、商品のメタフィールドに限定販売する顧客の情報を設定できました。

次に、商品ページ上で、その商品の id がストアのメタフィールドに存在する場合、さらに訪問した顧客のタグと商品のメタフィールドに設定したタグが一致している場合に、「カートに追加する」ボタンを表示する処理を実装してください。詳しい処理はかなり難しくなるので、ここでは割愛します。

アプリを用いて顧客タグによる限定販売を導入する方法

Shopify アプリの「シンプル顧客タグごとの限定販売|お手軽ロイヤリティ」を用いて、顧客タグによる限定販売を導入します。以下の記事を参考に解説していきます。

【Shopify アプリ】シンプル顧客タグごとの限定販売|お手軽ロイヤリティについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティ

「シンプル顧客タグごとの限定販売|お手軽ロイヤリティ」は、Shopify ストアに簡単に顧客タグごとの限定販売機能を導入することができるアプリです。

料金:月額 19.99 ドル(7 日間の無料体験)

※開発ストアは無料で使用できます。

それでは、実際に解説していきます。

アプリをインストール

まずは、アプリをインストールしていきます。
以下のリンクにアクセスしてください。

「シンプル顧客タグごとの限定販売|お手軽ロイヤリティ」アプリストア

以下の画面に遷移します。「インストール」ボタンをクリックしてください。

アプリのインストール手順4

「インストール」ボタンをクリックすると以下の画面に遷移します。「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

アプリのインストール手順5

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

アプリのインストール手順6

以上でアプリのインストールは終了です。

限定販売設定

限定販売設定をします。「限定販売商品を追加」ボタンをクリックして、「限定販売設定」ページに遷移してください。

限定販売設定1

まず、「限定販売する商品を選択」セクションで、限定販売する商品を設定します。

限定販売設定2

限定販売する商品を選択して、「保存」ボタンをクリックしてください。

限定販売設定3

次に、「顧客タグ設定」セクションでタグの設定をします。

限定販売設定4

最後に「保存する」ボタンをクリックして、設定を保存してください。

限定販売設定5

以上で限定販売設定は終了です。

顧客にタグを設定

顧客にタグを設定します。左側の「顧客管理」をクリックして、「顧客管理」ページに遷移してください。

限定販売設定6

タグを設定したい顧客を選択してください。

限定販売設定7

右下の「タグ」セクションからタグを設定してください。
忘れないように、右上の「保存」ボタンをクリックして、設定を保存しましょう。

限定販売設定8

以上で顧客へのタグ付けは完了です。

テーマに顧客タグごとの限定販売機能を追加

続いてアプリの有効化をします。左側の「設定」をクリックして、「設定」ページに遷移してください。

アプリの有効化1

「設定」ページの「テーマに限定販売機能を追加」セクションからアプリの有効化を行います。

アプリを追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

アプリの有効化2

これでテーマにアプリを追加できます。忘れないように、右上の「保存する」ボタンをクリックしてください。

アプリの有効化3

見た目のカスタマイズ

見た目のカスタマイズをします。
まず、下矢印ボタンをクリックして、カスタマイズ項目を表示しましょう。

見た目のカスタマイズ1

以下の画像は編集できる箇所を表しています。顧客がログインしていない場合に表示されるメッセージが編集できます。

見た目のカスタマイズ2

限定販売の条件を満たすタグを持たない顧客に表示されるメッセージが編集できます。

見た目のカスタマイズ3

限定販売の条件を満たすタグを持つ顧客に表示されるメッセージを編集できます。

見た目のカスタマイズ4

メッセージの文字のサイズを編集できます。

見た目のカスタマイズ5

「シンプル顧客タグごとの限定販売|お手軽ロイヤリティ」の詳しい機能については、以下の記事を参考にしてみてください。

【Shopify アプリ】シンプル顧客タグごとの限定販売|お手軽ロイヤリティについて徹底解説|ご利用ガイド

顧客タグを使ったそのほかのおすすめアプリ

限定販売以外でも、顧客タグは割引などに使用することができます。顧客タグを使って割引を実現できるおすすめ Shopify アプリをご紹介します。

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料

「シンプル顧客タグ送料割引|お手軽顧客タグ送料無料」は、顧客タグに応じて配送料を割引したり、無料にしたりできるアプリです。こちらからアプリをインストールできます。

詳しい使い方については、以下のご利用ガイドをご覧ください。
Shopify に顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料

シンプル顧客タグ注文割引|顧客タグ BtoB 割引

「シンプル顧客タグ注文割引|顧客タグ BtoB 割引」は、顧客タグに応じて注文を割引したり、無料にしたりできるアプリです。こちらからアプリをインストールできます。

詳しい使い方については、以下のご利用ガイドをご覧ください。
Shopify で顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引

終わりに

今回は、Shopify で顧客タグごとの限定販売を実現する 2 つの方法について解説しました。

少しでも、お役に立てれば幸いです。ありがとうございました。

参考記事

おすすめ Shopify アプリ

シンプル店舗受け取り|お手軽ローカルピックアップのアイコン

シンプル店舗受け取り|お手軽ローカルピックアップ

お客様がカートページで受け取り店舗・日時を指定できます。テイクアウトや店舗受け取りにおすすめです。

シンプル注文履歴おすすめ商品|お手軽マイページアップセルのアイコン

シンプル注文履歴おすすめ商品|お手軽マイページアップセル

マイページの注文ページに、商品ごとに設定したおすすめ商品を表示。再購入を後押しします。

シンプル顧客メタフィールドCSVインポート・エクスポートのアイコン

シンプル顧客メタフィールドCSVインポート・エクスポート

顧客メタフィールドをCSVで一括管理。エクスポート・編集・インポートがかんたんに。

シンプルフォーム一体型LP|お手軽チャットボット購入のアイコン

シンプルフォーム一体型LP|お手軽チャットボット購入

チャットボット形式でお客様が迷わず注文できるLPを設置できます。コーディング不要で、テーマエディタから簡単に設定できます。

シンプル商品メタフィールドCSVインポート・エクスポートのアイコン

シンプル商品メタフィールドCSVインポート・エクスポート

商品やバリエーションのメタフィールドをCSVで一括管理。インポートもエクスポートもこのアプリひとつで完了。

シンプル新しいお客様アカウント拡張|生年月日・追加フォームのアイコン

シンプル新しいお客様アカウント拡張|生年月日・追加フォーム

誕生日や性別などの項目を、お客様アカウントのプロフィールページに追加できます。コーディング不要です。

シンプル2点目購入割引|2点目以降自動セール設定のアイコン

シンプル2点目購入割引|2点目以降自動セール設定

2点目以降の購入で自動割引。割引バッジと対象商品の表示で、まとめ買いを後押しします。

シンプル商品カルーセル|お手軽おすすめ商品スライダーのアイコン

シンプル商品カルーセル|お手軽おすすめ商品スライダー

おすすめ商品をスライダーで表示できます。ストアのどこにでも設置でき、お客様に気になる商品を見つけてもらえます。

関連記事