商品カスタマイザー：テーブルオプションを使ったカスタマイズ情報の収集

テーブルオプションは、オプションデザイナーで利用でき、ビジネスオーナーが商品ページ上で構造化された複数フィールドのカスタマイズ情報を直接収集することを可能にします。このオプションは、眼鏡の処方箋、カスタムアパレルのサイズ指定、パーソナライズギフト、印刷サービスなど、顧客が複数の関連する値を明確なグリッド形式で入力する必要がある業界に最適です。

入力を行と列に整理することで、テーブルオプションはエラーを減らし、データの正確性を向上させ、ビジネスオーナーが履行前に必要なすべてのカスタマイズ詳細を受け取ることを保証します。

概要：テーブルオプションとは？

テーブルオプションは、商品詳細ページにテーブルを表示し、顧客が各セルに値を入力または選択できるカスタム商品パーツです。

テーブルオプションは以下の場合に使用できます：

• 顧客が複数の関連する値を一度に提供する必要がある場合
• 入力が構造化された形式に従う必要がある場合
• カスタマイズデータの正確性と完全性が重要な場合

設定に応じて、顧客は手動で値を入力するか、またはドロップダウンリストから値を選択できます。

テーブルオプションの追加

カスタム商品のオプションデザイナーで、テーブルオプションを追加し、基本設定を構成できます：

1. カスタマイズ可能なパーツからテーブルを選択します。

   

2. 設定ページで以下の設定を行います：

   • タイトル（顧客に表示）：商品ページに表示されるテーブルの名前を入力します。
   • 注意事項：顧客がテーブルを正しく記入できるように指示や説明を提供します。
   • 商品にカスタムパーツが必要：このオプションを有効にすると、テーブルの入力が必須になります。
   • 追加料金：該当する場合、このカスタマイズに対する追加料金を設定します。

   

完了したら、顧客が情報を提供する方法に基づいて入力モードとテーブル構造の設定を続けてください。

入力モードの選択

入力モードは、顧客がテーブルに値を提供する方法を決定します。以下のモードのいずれかを選択できます：

• 手動入力：顧客が各テーブルセルに値を手動で入力します。
• ドロップダウン：顧客が各セルの事前定義されたドロップダウンリストから値を選択します。

入力モードを選択した後、選択したモードに基づいてテーブル構造の設定を続けます。

テーブル構造の設定（手動入力）

入力モードが手動入力に設定されている場合、テーブルのレイアウトとヘッダーを定義します：

1. 入力モードで手動入力を選択します。

   

2. 行と列の下に、顧客が入力する必要のある行数と列数を入力します。

   

3. ヘッダーエリアで：

   • 上部の行に列ヘッダーのテキストを入力します。
   • 左側の列に行ヘッダーのテキストを入力します。

   

4. 右側の商品詳細プレビューパネルでテーブルのレイアウトを確認します。

   

5. 保存して適用をクリックして変更を適用します。

テーブル構造の設定（ドロップダウンオプション）

入力モードがドロップダウンに設定されている場合、ヘッダーの表示を制御し、セルレベルでドロップダウンの値を設定できます。

ステップ1：ヘッダーの設定

テーブルのヘッダーを設定するには、以下の手順に従います：

1. 入力モードで、ドロップダウンを選択します。

   

2. セル構成の下で、行ヘッダーおよび/またはリストヘッダーを表示するかどうかを選択します。

   

   ヒント：テーブルが長い場合は、行または列のヘッダーを非表示にし、ヘッダーラベルをデフォルトのドロップダウンオプションとして追加できます。これにより、テーブルをすっきりと読みやすく保ちながら、顧客が何を選択すべきか理解しやすくなります。

ステップ 2：行と列の管理

利用可能なテーブルコントロールを使って、ヘッダーテキストを定義し、テーブル構造を調整します：

• 該当する場所にヘッダーテキストを入力します。

  

• テーブルコントロールをクリックして：

  • 行（上または下）や列（左または右）を追加する
  • 行や列を削除する
  • 行や列の順序を変更する

  

  ヒント：2つの行または列の間にカーソルを合わせて表示される＋アイコンをクリックすることでも、行や列を追加できます。

ステップ 3：ドロップダウン値の設定

顧客がテーブルを記入する際の案内として、各セルの選択可能な値を設定します：

1. 設定したいセルをクリックします。

2. ポップアップウィンドウで、ドロップダウンの値を以下の方法で設定できます：

   • ドロップダウンのオプションを手動で追加し、各オプションの値を定義します。
   • 共通オプションを選択して、業界別のプリセット値を素早く適用します。これにより設定時間を節約できます。
   • (オプション) 時計アイコンをクリックしてデフォルトのオプションを設定します。
   • (オプション) ゴミ箱アイコンをクリックして未使用のオプションを削除します。
   • (オプション) オプションの隣にあるドラッグハンドルをドラッグしてオプションの順序を変更します。

   

テーブルオプションの一括管理（ドロップダウンオプション）

ドロップダウンテーブルの設定をより効率的に管理するために、以下の機能を使ってドロップダウンオプションのデータを再利用およびインポートできます。

ドロップダウンオプションのコピー＆ペースト

セルにカーソルを合わせて、次の操作を行います：

• すべてのオプションをコピーを使って、あるセルのドロップダウン値を複製します。
• すべてのオプションを貼り付けを使って、他のセルに適用します。

テーブル設定のインポートまたはエクスポート

テーブルのインポートまたはテーブルのエクスポートオプションを使って、テーブル設定を素早く更新または再利用できます：

• テーブルのインポート：ファイルをアップロードして現在のテーブル設定を上書きします。初めてアップロードする場合は、提供されているテンプレートをダウンロードし、必要な形式に従ってテーブルデータを入力してからアップロードしてください。
• テーブルのエクスポート：現在の設定をダウンロードして再利用またはバックアップします。

テーブルおよびテキストスタイルのカスタマイズ（ドロップダウンオプション）

ストアのデザインによりマッチさせ、顧客の読みやすさを向上させるために、テーブルおよびテキストの視覚スタイルをカスタマイズできます。

テーブルスタイルのカスタマイズ

テーブルの外観をストアフロントのテーマに合わせて調整するには、カスタムテーブルスタイルをクリックできます。調整可能な項目は以下の通りです：

• テーブルの背景色と境界線の色
• 行ヘッダーと列ヘッダーの色
• セルのパディング

これらの設定により、テーブルが視覚的に明確で、商品ページ全体のスタイルと一貫性が保たれます。

テキストスタイルのカスタマイズ

テキストスタイルをクリックして、テーブルのヘッダーやセル内のテキスト表示方法をカスタマイズできます。例えば：

• フォント、サイズ、太さ
• テキストの配置
• ストアのブランドスタイルに合わせたカスタムフォントのアップロードと使用

テキストスタイルの調整は、特に多くの行や列、詳細な値を含むテーブルの可読性を大幅に向上させます。

テーブルのプレビューと適用

保存する前に、必ず顧客の体験を確認してください。

1. 商品詳細プレビューパネルを確認して、以下を確かめます：

   • テーブルのレイアウト
   • ドロップダウンの動作
   • 必須項目

   

2. 確認ができたら、保存して有効化をクリックしてテーブルオプションを有効にします。

注意事項とベストプラクティス

• 商品にカスタムパーツが必要を重要なカスタマイズデータに使用してください。
• 混乱を避けるために、ヘッダーは短く分かりやすく保ちましょう。
• 入力ミスを減らすために、可能な限りドロップダウンオプションを使用してください。
• 複雑なテーブルの場合は、テーブルのインポートを利用して設定を効率的に管理することを検討してください。