サムネイル

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

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 の部分を順に解説していきます。

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

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

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

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

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

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

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

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

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

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

まずは、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」に設定してください。

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

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

次に、商品ページ上で、その商品の 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 で顧客タグごとの限定販売を実現する 2 つの方法について解説しました。

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

参考記事

おすすめ Shopify アプリ

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン

シンプルギフトラッピング|お手軽ギフト包装アプリ

シンプルな日本製のギフトラッピングアプリ。カートページに簡単にギフト包装オプションを追加できます。

シンプル購入制限|お手軽注文制限について徹底解説のアイコン

シンプル購入制限|お手軽注文制限について徹底解説

シンプルな日本製の購入数制限アプリ。商品ごとに数量の規制を行えます。

シンプルランキング表示|お手軽ベストセラーのアイコン

シンプルランキング表示|お手軽ベストセラー

購入促進!コレクションにランキングラベルを表示してストアの人気商品をアピール

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

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

日本製の顧客タグごとの購入制限アプリ。特定のタグを持つ顧客への限定販売を簡単に実現できます。

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン

シンプルロゴ一覧|お手軽ロゴリスト表示

シンプルなロゴリストアプリ。ストアにロゴリストを簡単に導入できます。

シンプル余白調整|お手軽レイアウトのアイコン

シンプル余白調整|お手軽レイアウト

シンプルな日本製の余白調整アプリ。余白を挿入することでページデザインの調整が簡単にできます。

シンプルのし(熨斗)アプリのアイコン

シンプルのし(熨斗)アプリ

シンプルな日本製のしアプリ。のし選択機能を簡単に実現できます。

シンプル画像バナー|お手軽広告バナーアプリのアイコン

シンプル画像バナー|お手軽広告バナーアプリ

シンプルな画像バナーアプリ。ストアに画像バナーを簡単に表示できます。

シンプル Q&A|どこでも FAQのアイコン

シンプル Q&A|どこでも FAQ

シンプルな Q&A アプリ。ストアに FAQ を簡単に導入できます。

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン

シンプルモバイルアプリバナー|スマホアプリに誘導

シンプルなモバイルアプリバナー。ストアにモバイルアプリバナーを簡単に導入できます。

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン

シンプル流れる告知|流れるお知らせ挿入アプリ

シンプルな流れる告知アプリ。ストアに流れる告知を簡単に導入できます。

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン

シンプル売り切れ非表示|在庫切れ商品の表示変更

売り切れ商品を非表示にすることができる日本製アプリ。売り切れになった商品を、自動的に非表示(下書き状態)にすることができます。

シンプルレビュー|お手軽口コミのアイコン

シンプルレビュー|お手軽口コミ

シンプルな日本製のレビューアプリ。レビュー機能を簡単に実現できます。

シンプル会員限定販売|お手軽アカウント必須販売のアイコン

シンプル会員限定販売|お手軽アカウント必須販売

シンプルな日本製の会員限定販売アプリ。商品毎に、ログインしていない顧客の購入制限を行えます。

シンプル会員ランク|お手軽顧客タグ付けのアイコン

シンプル会員ランク|お手軽顧客タグ付け

日本製の会員ランク管理アプリ。条件を達成した顧客に自動でタグを追加し、顧客管理を手助けします。

シンプル Wishlist|お手軽お気に入りのアイコン

シンプル Wishlist|お手軽お気に入り

商品数・お気に入り数の上限なしで使えるお手軽お気に入りアプリ。簡単にお気に入り機能を実現できます。

シンプル Coming Soon|商品ページ発売予告アプリのアイコン

シンプル Coming Soon|商品ページ発売予告アプリ

シンプルな日本製の Coming Soonアプリ。商品毎に発売予告を行えます。

シンプルセット販売|お手軽クロスセルのアイコン

シンプルセット販売|お手軽クロスセル

シンプルな日本製のセット販売アプリ。セット販売でのクロスセルを簡単に実現できます。

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン

シンプル予約販売|受注販売や在庫切れ商品販売で使える

日本製の予約販売アプリ。予約販売や受注販売、在庫切れ商品販売を簡単に実現できます。

シンプル販売期間設定|商品ごとに期間限定販売のアイコン

シンプル販売期間設定|商品ごとに期間限定販売

シンプルな日本製の期間限定販売アプリ。商品ごとに販売期間を設定することができます。

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン

シンプルVIPプログラム|お手軽VIP会員限定販売

日本製の VIP 限定販売アプリ。特別な顧客を対象とした限定商品の販売を簡単に実現できます。

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリ

シンプルな日本製の定額ポイントアプリ。顧客はポイントをそのまま利用することができます。

おすすめ記事