表示ルールの設定
表示ルール(Visibility Rules)は、特定の訪問者に対してメニューまたはメニュー項目を表示するかどうかを決定する条件セットです。デバイス、カート内容、スケジュール、市場、顧客タグ、またはB2B顧客に基づいて制御され、両方のレベルに対して正確に1つのルールセットが適用されます。
どこで設定するか
- メニュー項目レベル: Edit item を開く → Visibility グループ → Setup the Visibility rules をクリック。 (Visibility グループは折りたたまれたブロック内にあります。すぐに見当たらない場合は、See more をクリックして展開してください。)
- メニューレベル: メニューの Setting パネルを開く → Visibility Rules カード。
- メニュー一覧からのショートカット: メニュー一覧ページの Visibility Rules 列に各メニューの No rule または Setup が表示されます — Setup をクリックすると、そのメニューの Visibility Rules カードに直接移動します。
- メニューツリーからのショートカット: 常に表示されるわけではない項目には、ツリー内の名前の横に目のアイコンが表示されます — ホバーすると有効な条件の概要が表示され、クリックするとその項目の Visibility Rules が直接開きます。
以下では、すべての条件、構文、および組み合わせ方が両方のレベルで 共有 されます。異なるのは場所だけです。
Market / Customer tag / B2B は Shopify にのみ適用され、現在はテキスト入力フィールド(プリセットドロップダウンなし)です。各フィールドには “View your Markets” / “Manage customer tags” / “Manage B2B companies” リンクがあり、入力前に正確な値を確認するために対応する Shopify Admin ページに直接移動できます。
サポートされている条件
| 条件 | プラン | 表示される条件 | 入力値 |
|---|---|---|---|
| Device | Business 以上 | 選択されたデバイスに一致 | All devices / Mobile only / Desktop only |
| Page / URL | Business 以上 | 正しいページタイプ、または URL がキーワードを含む/含まない | ページタイプをチェック(Home/Products/Collections/Pages/Blogs/Others)+ 2 つのキーワードフィールド |
| Cart contents | Business 以上 | カートに N 個以上の商品がある(または「下回ったら非表示」を有効にした場合は N 未満) | 整数、例 1 |
| Schedule | Business 以上 | 設定した日付+時刻の範囲内 | 開始 → 終了の日時を UTC で入力(入力前にローカル時間から変換)、訪問者のデバイス時計と比較 |
| Market / Country | Elite | 選択された市場の下で訪問者が閲覧している | 市場ハンドル、複数の値はコンマ区切り: us, ca |
| Customer tag | Elite | ログインした訪問者がタグを持っている | 単一のタグ、例 vip |
| B2B customer | Elite | ログインした訪問者が B2B アカウントを使用している | オン/オフ切り替え |
条件の組み合わせ方
有効なすべての条件が すべて一致 する必要があります。メニュー/項目が表示されるには、1 つの条件が失敗するだけで直ちに非表示になります。空の条件はスキップされ、カウントされません。
例えば、Device = Mobile only および Schedule = 01/09–15/09 の両方を有効にする場合、モバイルデバイスの訪問者にのみ表示され、かつ その正確な 2 週間中のみ表示されます。
有効な条件が 1 つ失敗する(右側の分岐 ✗)と、メニュー/項目が直ちに非表示になります。他の条件に合格しているかどうかに関係なく。空の条件(有効ではない)はスキップされ、無視されます。
5 つの実例
1. 卸売と小売を同時に実施し、卸売価格を小売客から隠す(メニューレベル)
ストアは卸売と小売の両方を販売しています。卸売客(Shopify が承認した B2B アカウント)はより良い価格で購入でき、独自の製品/コレクショングループを持っています。「卸売価格」、「迅速な卸売注文」、「卸売製品」のメニューグループが必要で、卸売客のみに表示されるようにしたいです。小売客は(価格の混乱を避けるため)このメニューを見えないようにしたいです。
方法: 卸売リンクを含む別のメニュー(またはメニューグループ)を作成します。Setting → Visibility Rules に移動し、B2B customer を有効にします。結果:このメニュー全体は、ログインしている B2B アカウントユーザーにのみ表示されます。小売客(ログイン中でも)は閲覧中にこのメニューを見ることはありません。
2. 期間限定のプロモーションバナー、ショッピング中のみ表示(項目レベル)
「50€ 以上のご注文で送料無料」というバナーを販売期間中のみ、かつカートに少なくとも 1 つの製品を追加した顧客にのみ表示したいです(新規訪問者の着陸時の気を散らすのを避けるため)。
方法: バナー項目で Setup the Visibility rules をクリック → Cart contents = 1 を有効にし、Schedule = 販売開始/終了日を設定します。
3. VIP 顧客向け排他的オファーリンク(項目レベル)
VIP でタグ付けされた顧客にのみ表示される「VIP 特典」というメニュー項目が欲しいです。一般顧客はそれが存在することすら知りません。
方法: Shopify Flow/Customer Segment 経由で VIP 顧客グループにタグを付けます(Segment → Flow “Customer enters segment” → タグを適用)。項目で Setup the Visibility rules をクリック → Customer tag = vip を有効にします。
4. VIP 顧客向けプレミアム Tab Bar(メニューレベル)
VIP 顧客に異なるナビゲーション体験を提供したいです。ダークバックグラウンド、グロウエフェクト、プレミアムな雰囲気です。他のすべての顧客と標準インターフェースを共有する代わりに。
方法: プレミアムなダークテンプレートを使用した別の Tab Bar を作成し、ストアがデフォルトで使用する同じ Tab Bar 位置に公開します。Setting → Visibility Rules に移動し、Customer tag = vip を有効にします(例 3 のように Shopify Flow/Customer Segment 経由でタグを付けます)。結果:VIP タグの付いた顧客はプレミアム Tab Bar を見ます。一般顧客は依然として標準 Tab Bar を見ます。(Mobile Menu は同じアプローチを使用します。)
5. FAB は顧客が最初の項目を追加する直後にアップセルを促す(メニューレベル)
顧客は初めて製品をカートに追加しました。決定的な瞬間です。プロモーション情報を含むフローティングボタン(FAB)を表示したいです(「さらに購入して送料無料をアンロック」、無料ギフト など)。チェックアウトに向けてより早く進むように促します。FAB がいつも表示されて最初から見た目を乱すのではなく。
方法: プロモーションコンテンツを含む FAB(Floating Button)を作成します。Setting → Visibility Rules に移動し、Cart contents = 1 を有効にします(カートに 1+ の製品がある場合のみ表示)。結果:顧客がカートに最初の製品を追加するまで、FAB は非表示のままです。注:条件はカート内の製品の数のみをチェックし、注文値はチェックしません。「50€+ は送料無料をアンロック」はマーケティング用テキストで、FAB 内に自分で記入するものです。価格で計算する Visibility Rule ではありません。