商品バリエーションの管理方法

  • 公開日 Nov 4, 2025
  • 1 分で読めます
Prev Next

商品バリエーション は、さまざまな色やサイズの T シャツを提供するなど、同じ商品の異なるバージョンにすぎません。

ClickFunnels を使用してオンライン ストアを運営しており、より多くの視聴者を引き付けるためにベストセラー商品をさまざまなスタイルで提供したいと考えていると想像してください。たとえば、サイズと色の両方のオプションを備えた T シャツを販売しているとします。青と緑で利用できる小サイズ、中サイズ、大サイズがある場合があります。サイズと色の各組み合わせは、小さな青い T シャツのように、特定のバリエーションを表します。

この記事では、ClickFunnels で製品バリアントを追加、更新、削除するための段階的な手順を学習します。

必要条件

商品設定でのバリアントへのアクセス

  1. サイドナビゲーションメニューの 「商品 」セクションに移動します。

  2. [すべての製品] を選択します。

  3. 右側で、目的の製品を見つけます。 製品 自体、その 画像、 または設定⚙  アイコンをクリックして、製品設定にアクセスできます。

  4. [ バリエーション] セクションまで下にスクロールします。

製品へのバリアントの追加

オプションとオプション値を追加して、新しい製品バリアントを生成できます。

  1. [バリエーション] セクションで、[ この商品には、さまざまなサイズや色など、複数のオプションがある] チェックボックスをオンにして、バリエーション オプションを有効にします。

  2. [ オプション] フィールドで、既存のオプションを選択するか、[ 新しいオプションの追加 ] をクリックして、 Size などの新しいオプションを作成します。
    Image showing adding a variant option

  3. [値] フィールドに、Small、Medium、Large などの各オプション値を入力します。各オプションには最大 7 つの値を追加できることに注意してください。
    Image showing adding variant values

    大事な

    • 各製品には、最大 3 つのオプションを設定できます。

    • 各オプションには最大 7 つの値 を追加できます。

    • それぞれが 7 つの値を提供する 3 つのオプションを使用して、合計 343 のユニークな組み合わせを作成できます。

  4. ColorやMaterialなどのオプションを追加するには、[+ オプションを追加] をクリックします。 各製品に最大 3 つのオプションを追加できることに注意してください。
    Image showing adding multiple options

  5. [完了] をクリックし、[製品の更新] をクリックします。

既存のオプションと値の編集

  1. 商品設定内で、[ バリエーション] セクションに移動します。

  2. 新しいオプションを含める:    

    • 新しいオプションを追加するには、[ + オプションを追加 ] をクリックし、オプション名と値を入力します。製品には最大 3 つのオプション を用意できることに注意してください。

  3. 既存のオプションを編集します。    

    • 既存のオプションとその値を編集するには、 鉛筆 ? アイコン。
      Image showing editing existing option

    • [ オプション] フィールドで、新しいオプションを選択するか、新しいオプションを追加します。

    • [ 値] フィールドでは、 十字✖ アイコンを使用して、既存の値の名前を変更したり、新しい値を追加したり、値を削除したりできます。

  4. [完了] をクリックし、[製品の更新] をクリックします。

既存のバリアントの編集

  1. 商品設定内で、[ バリエーション] セクションに移動します。

  2. 新しいバリアントを含める:    

    • 新しいバリエーションを追加するには、[ バリエーションを追加] をクリックします。
      Image showing including a new variant

    • バリアント 名を入力します。

    • オプションで、[ カスタム説明を使用 ] をクリックして、継承された製品説明を上書きします。

    • [バリアントを作成]ボタンをクリックして、変更を保存します。

  3. 既存のバリアントを編集します。    

    • 既存のバリエーションを編集するには、[ バリエーションを編集] ボタンをクリックするか、バリエーション自体で直接クリックします。
      Image showing modifying existing variant

    • バリエーション名、カスタム説明、画像、価格設定、税金設定、在庫と配送、購入アクションなどのバリエーション設定をカスタマイズします。

    • [ 製品の更新 ] をクリックして変更を適用します。

商品へのバリアントの削除

  1. 商品設定内で、[ バリエーション] セクションに移動します。

  2. オプションを削除する:    

    • 削除するオプションの横にある 鉛筆 アイコンをクリックします。

    • 次に、 ゴミ箱 アイコンをクリックして削除を確認します。
       Image showing deleting an option

  3. 値の削除:    

    • 削除するバリエーションを見つけます。

    • ゴミ箱アイコンをクリックして、バリエーションを削除します。
      Image showing deleting a value

    • または、バリアント自体をクリックし、左下隅にある [削除] ボタンをクリックして削除します。

  4. [ 製品の更新 ] をクリックして変更を適用します。

警告

オプションと値の削除は永続的であり、一度保存すると元に戻すことはできません。

注文ページでの商品バリエーションのプレビュー

  1. ファネルを作成または編集します。    

    • 新しい目標到達プロセスを作成するか、既存の目標到達プロセスを編集します。

    • 目標到達プロセスに 注文ページ を追加します。

  2. チェックアウト要素の追加:    

    • または、既存のページで作業している場合は、ページエディタに Checkout 要素を挿入します。

  3. バリエーションのある製品を追加する:    

    • 目標到達プロセスで、バリエーションを含む注文ページに 商品 を追加します。

  4. ページをプレビューします。    

    • [ プレビュー] をクリックするか、 ページ リンク にアクセスしてページを表示します。

    • バリアント セレクターが自動的に入力され、ユーザーは好みのオプションを選択できます。
      Image showing variant selector in the checkout

詳細については、 Funnels - How to Attach a Product to a Funnel Step と Smart Checkout Guide - How to Add a Smart Checkout の記事をご覧ください。

関連記事