B2B 専用セクション
これらは B2B ワークフロー 専用に構築されたセクションです — サインイン済みの会社購入者に自動表示されるグリーティングバー、B2B 機能をゲ ストにマーケティングするホームページのプロモストリップ、貼り付けからカートへの一括ページ、横並び比較テーブル、RFQ ページ、インラインのクイックオーダーパッドです。
これらすべては Shopify ネイティブ B2B で動作します (アプリ不要、サブスクリプション不要)。ストアで B2B が有効になっていない場合でも、マーケティング志向のもの (B2B 機能プロモ、一括注文、比較、RFQ) は洗練されたセクションとして動作します — 購入者には見積内のボリューム価格階層のような会社固有の部分が表示されないだけです。
Vertex は Shopify ネイティブ B2B カタログから ボリューム価格を直接 読み取ります。購入者は PDP、カート、一括注文ページで正しい階層別価格を自動的に確認できます — JavaScript の再計算もアプリ同期遅延もありません。Shopify 管理画面で B2B カタログを設定するだけで十分です。
B2B グリーティングバー
サインイン済みの会社購入者向けにメインヘッダー上部に表示されるアンバー色の帯。すでに ヘッダー、フッター、クローム で説明されています — 最も視認性の高い B2B タッチポイントであるため、ここでもクロスリストされています。
マーチャント設定なし。 次の条件で自動的に表示されます:
- 顧客が B2B (会社) 購入者である
- 少なくとも 1 つの会社に紐づいている
- テーマが B2C-only モードに設定されていない
表示要素: 会社名、NET 条件バッジ、免税バッジ、言語ピル、通貨ピル、配送先スイッチャー (1 ロケーションの場合は静的、2 つ以上の場合はドロップダウン)。
表示条件: デスクトップ (1170px 以上) のみ — モバイルでは同じデータがハンバーガードロワーのアカウントセクションに移動します。
B2B 機能プロモ
ホームページの帯で、ゲストに B2B 専用機能をマーケティング します — ボリューム価格、一括注文、RFQ、NET-30 — これにより、提供されていることを知らなかった訪問者が、ディーラーサインアップや RFQ への道を見つけられます。
設定するには、Shopify 管理画面 → Online Store → Themes → Customize を開きます。ページエディターで B2B feature promo セクションを見つけ、Add block をクリックして、プロモしたい機能ごとに 1 ブロックずつ追加します。
ブロックごとの設定: アイコン画像、タイトル、本文、任意のリンク。
サインイン済み B2B 購入者には自動非表示。 プロモはゲスト向けです。サインイン済みのディーラーはすでに宣伝対象の機能にアクセスできるため、表示すると冗長になります。Vertex はこれらの購入者に対して自動的に非表示にします。
一般的なブロックパターン
| アイコン | タイトル | 本文 |
|---|---|---|
| Stack | ボリューム価格 | すべての注文サイズで階層別単価ディスカウント — チェックアウト時に自動適用。 |
| Spreadsheet | 一括注文 | スプレッドシートから SKU と数量の行を貼り付け。検証してワンクリックでカートに追加します。 |
| Document | NET-30 条件 | 資格のあるアカウントは利息なしで 30 日の支払い条件を取得。販売店サインアップフ ォームで申請してください。 |
| Quote | 見積依頼 | 一括依頼、プロジェクト見積、契約価格のカスタム価格設定。 |
ファーストビューの上 (ヒーローのすぐ下) は流し見するゲストの目に留まります — ただし他のすべてが下に押し下げられます。ファーストビューの下は、サインイン済み販売店がスクロールペナルティなしでスキップできるようにしたい場合に機能します。
一括注文ページ
貼り付けからカートへの一括注文ページ。購入者はスプレッドシートから SKU と数量の行を貼り付け、ページは各行をカタログと照合し、バスケット全体をワンクリックで追加します。無効な SKU はインラインでフラグが立ちます。
設定するには、Shopify 管理画面 → Online Store → Pages で新しいページを作成し (例: Bulk order)、そのページの Theme template ドロップダウンで page.bulk-order を選択します。これでページが /pages/bulk-order で公開され、一括注文パッドが表示されます。
設定
- 見出し — 「一括注文」 または 「クイックオーダーパッド」。
- 導入テキスト — 短い手順ブロック (または 手順 ブロックを使用)。
- カラム — SKU + 数量、SKU + 数量 + メモ、SKU + 数量 + メモ + 配送先 から選択します。パッドが表示するカラム数を決定します。
- 送信ラベル — デフォルトは 「すべてカートに追加」。
- 配色 — 標準の配色ドロップダウン。
手順ブロック
手順 ブロックを追加して、パッドの隣に安心のコピーを描画します: 「SKU リストを貼り付けてください — 1 行に 1 つ、カンマ区切りの数量。カートに追加する前にカタログと照合します。」
検証の仕組み
- 各 SKU は購入者のカタログと照合されます (B2B 購入者は会社カタログ、ゲストはストアフロント全体)
- 無効な SKU はインラインエラーで赤くハイライト表示されます
- 有効な SKU は単一のカート更新で追加されます (レース条件なし)
- 数量ルール (MOQ、最大数量、ケースパック) は検証時に適用されます
B2B 互換性
サインイン済み B2B 購入者の場合、一括注文ページは会社の B2B カタログから自動的に読み取ります。カタログにない SKU は、ストアフロントに存在していても検証に失敗します。これは意図的なものです — 購入者は契約内のものだけを注文できるべきです。
→ 検証を駆動するカタログの割り当てについては B2B セットアップガイド を参照してください。
比較ページ
横並びの商品比較テーブル。最大 4 商品。セッション限り — 購入者がブラウザーを閉じるとクリアされます。これはウィッシュリストではありません (Shopify Theme Store ポリシーはアプリなしでの永続ウィッシュリストを禁止しています)。
設定するには、Shopify 管理画面 → Online Store → Pages でページを作成し (例: Compare)、そのページの Theme template ドロップダウンで page.compare を選択します。ページは /pages/compare で公開されます。
仕組み
- 購入者が商品カードまたは商品ページで + 比較 をクリックします
- その商品がブラウザーの比較リストに追加されます
- 比較バー (スティッキー下部トレイ、下記参照) に最大 4 つの商品サムネイルが表示されます
- 購入者がトレイの 比較 をクリックすると
/pages/compareに移動します - 比較ページは各商品をカラムとした仕様ごとのテーブルを描画します
設定
- 見出し — 「商品を比較」。
- 導入テキスト — 任意。
- 空状態の見出し — 比較に商品がない場合に表示。「比較する商品を追加してください」。
- 空状態の本文 — 「カタログを閲覧して、任意の商品カードで ⊕ 比較をクリックしてください。最大 4 商品。」
比較で表示される内容
商品カラムごと: 画像、タイトル、価格、主要仕様、MOQ、出荷元、カートに追加ボタン。商品間で異なる行は、スキャンしやすいように視覚的にハイライト表示されます。
比較バー
比較リストに少なくとも 1 つの商品がある場合に表示されるスティッキー下部トレイ。4 つの商品スロット (埋まっているか空)、比較 ボタン (2 つ以上の商品が追加されるまで無効)、すべてクリア リンクを表示します。
バーはすべてのページに自動的に表示されます。商品が比較に追加された時点でのみ表示されます。
RFQ (見積依頼) ページ
見積依頼ページ。2 カラムレイアウト: 左にコンタクトフォーム、右に営業時間と住所を載せたコンタクトカード。Shopify ネイティブのコンタクトフォーム を使用 — 見積管理アプリは不要です。
設定するには、Shopify 管理画面 → Online Store → Pages でページを作成し (例: Request a Quote)、そのページの Theme template ドロップダウンで page.rfq を選択します。ページは /pages/rfq で公開されます。
設定
- 見出し — 「見積依頼」。
- 導入テキスト — 短い安心感と予想返信時間。
- コンタクト名 — 右カラムの見出し: 「スペシャリストと話す」。
- コンタクトメール — メールリンク。
- コンタクト電話 — タップ発信リンク。
- 営業時間 — 例: 「月〜金 · 8 AM 〜 6 PM ET」。
- 住所 — 複数行の住所ブロック。
- NET-30 ヒントコード — 購入者が NET-30 を申請する際に参照するコード (「メッセージに RFQ-NET30 を記載してください」)。
フォームフィールド
フォームは Shopify ネイティブのコンタクトフォームエンドポイントを使用します:
- 氏名 (必須)
- 会社 (必須)
- メール (必須)
- 電話 (任意)
- 業界 (ドロップダウン、任意)
- 予想注文量 (ドロップダウン、任意)
- NET-30 オプトイン (チェックボックス) — チェックされるとメッセージ本文に追加されます
- メッセージ (必須)
- ファイル添付 (任意)
送信は Shopify 管理画面の通知メールに標準のコンタクトフォームエントリとして到着します。サードパーティ統合なし。
組み込みのコンタクトフォームパターンにより、Vertex は完全に Theme Store ポリシー準拠で、コストゼロを維持します。見積追跡、NET 条件申請ワークフロー、または営業チーム CRM 統合が必要な場合は、Shopify ネイティブ B2B (会社所属の購入者) または任意のアプリと組み合わせてください — Vertex の RFQ ページはどちらでも動作します。
クイックオーダー
インラインの貼り付けからカートへのパッド — 一括注文ページと同じエンジンですが、マーケティングフローに配置できる ホームページ対応セクション として提供されます。
ページエディターで Add section をクリックし、Quick order を選択します。
設定
- 見出し — 「クイックオーダー」。
- 導入テキスト — 1 行の安心感: 「必要なものがすでに分かっている方は、下に SKU を貼り付けてください。」
- 行数 — デフォルト 5。最初に表示される入力行数。「+ 行を追加」 ボタンでさらに追加できます。
- 送信ラベル — 「カートに追加」。
- 「一括注文に移動」リンクを表示 — デフォルトオン。より多くの行や SKU 検証が必要な購入者向けに、一括注文ページへリンクします。
一括注文ページとの使い分け
| ユースケース | 使うもの |
|---|---|
| ホームページ、ヒーローと注目コレクションの間 | クイックオーダーセクション |
| パワーユーザー向けの専用ページ | 一括注文ページ |
| ブランドロゴと組み合わせた 50/50 帯 | デュアル: ブランド + クイックオーダー (ホームページマーケティング を参照) |
検証エンジン、B2B カタログ対応、ワンクリックカート追加はすべて同じです。違いはレイアウト (デフォルト 5 行インライン vs フルページパッド) と発見性です。
B2B セクション表示チートシート
| セクション | ゲスト | サインイン済み B2C | サインイン済み B2B |
|---|---|---|---|
| B2B グリーティングバー | 非表示 | 非表示 | 表示 (デスクトップのみ、モバイルではドロワー) |
| B2B 機能プロモ | 表示 | 表示 | 非表示 |
| 一括注文ページ | 表示 (ストアフロントカタログ) | 表示 (ストアフロントカタログ) | 表示 (会社カタログ) |
| 比較ページ | 表示 | 表示 | 表示 |
| RFQ ページ | 表示 | 表示 | 表示 (フォームに氏名 / メール / 会社を事前入力) |
| クイックオーダー | 表示 (ストアフロントカタログ) | 表示 (ストアフロントカタログ) | 表示 (会社カタログ) |
次のステップ
- 商品ページセクション → — PDP のボリューム価格、MOQ、営業担当カード
- ヘッダー、フッター、クローム → — グリーティングバーのライフサイクル詳細
- ホームページマーケティング → — ホームページに B2B プロモ + クイックオーダーを配置する場所
- B2B セットアップガイド → — Shopify ネイティブ B2B + カタログ + 会社を有効化
- ストアフロントモードガイド → — Hybrid vs B2B-only vs B2C-only