商品カスタマイザーと商品バンドラー：ユーザーガイド

異なるタイプのオプションを使用して商品向けのカスタムソリューションを設計したい場合は、商品カスタマイザーアプリを使用して、商品ページでのカスタマイズ効果を表示せずに利用できます。たとえば、美容用コンタクトレンズや眼鏡などの商品を販売する場合、顧客には両目の処方、レンズの種類、フレームの選択を求める必要があります。

Note： 商品カスタマイザーアプリの画像/テキストのプレビュー機能は、今後更新されなくなります。商品にプレビュー効果のレンダリングが必要な場合は、プレビューデザイナーを利用してください。手順については、プレビューデザイナー ユーザーガイドを参照してください。

 

---

 

デザインページの概要

1. オプションリスト：追加されたすべてのオプションを表示するリストです。ここで、選択したオプションの編集、並べ替え、コピー、削除を管理できます。
2. オプションの追加：商品カスタマイザーアプリがサポートする利用可能なオプションを表示します。オプションを追加するには、オプショングループの右上にある追加ボタンをクリックします。
3. オプションの編集：このセクションで各オプションの具体的な情報を入力します。リストからオプションを選択し、詳細を入力します。
4. オプション効果のプレビュー：ページの右側で、選択したオプションのプレビューを見ることができます。
   

 

---

 

カスタムグループ

「カスタムグループ」という概念は、オプションセットやオプショングループに似た、同じカスタマイズされた内容のオプションを整理・管理するために使用されます。特定のカスタムグループに対して自由にカスタマイズされたオプションを追加できます。

 

ほとんどの場合、1つのカスタムグループで商品は十分です。ただし、商品に複数のプレビューキャンバスが必要な場合は、各カスタムグループがキャンバス（プレビュー効果の背景画像）に関連付けられるため、複数のカスタムグループを作成して区別できます。最大30のカスタムグループを追加できます。

• カスタムグループ内のさまざまなカスタマイズオプションの表示条件を設定して、その可視性を制御できます。表示条件を設定をクリックしてこれを構成します。
• オプションのプレビュー効果のために背景画像を設定するには、背景画像設定をクリックします。

カスタムグループがドラフトの場合、このグループを非表示にするをクリックして、他のカスタムグループの通常の表示に影響を与えずに、このグループのカスタマイズされた内容を顧客に表示しないようにできます。

 

---

 

画像オプション

商品カスタマイザーアプリは、画像オプションセクションに多数の機能を統合しています。

• 必要なタイトル、ノート、および画像アップロードオプションを入力できます。オプションの値として画像を使用し、説明文を提供し、追加のカスタム料金を設定できます。顧客が選択できるように、デバイスから複数の画像をアップロードできます。商品カスタマイズ機能は、アップロードされた画像に基づいて自動的に複数のオプションを作成し、ファイル名を説明として使用します。画像の名前を事前に付けるか、後で説明を修正できます。
• 商品にカスタム要素が必要を有効にすることで、この画像オプションを必須にできます。顧客がこのカスタマイズオプションを選択しない場合、注文を行うことができません。
• 商品が顧客にカスタマイズのために写真をアップロードさせることも許可している場合は、バイヤーが画像をアップロードオプションをチェックし、このサービスに追加料金を設定できます。顧客はその後、ストアに写真をアップロードできます。
• さらに、このオプションの表示スタイルをストアでタイルまたはドロップダウンのいずれかに選択できます。
• 顧客が選択できるオプションの数に制限を設定できます。バイヤーが複数のオプションを選択できるようにするをチェックし、選択数量の範囲を入力します。
  

 

プレビューオプションモジュールでは：

• 顧客にカスタマイズされた効果のリアルタイムレンダリングを表示したい場合は、背景画像にデフォルト位置で表示される画像ボックスをチェックできます。商品カスタマイザー機能は、効果をレンダリングするためのキャンバスを提供し、背景画像を設定し、背景上の画像の位置を調整できます。顧客が画像を選択すると、カスタマイズされた効果を即座に表示します。
• 便利なように、システムは同じ画像オプション内のすべての画像を同じ位置に表示するようにデフォルト設定されています。したがって、調整は一度だけ行えば済みます。異なる位置に表示する必要がある異なる画像がある場合は、異なる位置に表示される画像を調整してフィットさせるオプションをチェックし、各画像の位置を一つずつ調整できます。さらに、顧客がキャンバス上で画像の位置を自由に移動できるかどうかを選択できます。
• カスタマイズ効果を強化するために、特にキャンバス上の特定のエリアに効果を表示する必要がある場合は、商品カスタマイザーが表示エリアと形状の設定をサポートします。画像表示エリアを有効にし、ニーズに合った形状を選択し、右側の商品詳細プレビューセクションで形状をドラッグして希望の位置に調整できます。
• 商品表示エリアの形状が不規則（楕円形など）の場合、任意の形状で効果をデザインできるソリューションを提供します。これを3つのステップで実現できます。カスタム領域を作成する方法：をクリックすると、手順も表示されます。

1. Photoshop（または類似のソフトウェア）を使用して、商品画像のカスタム領域をくり抜きます。背景が「透明」のPNGとして保存します。
2. カスタムキャンバスをカスタム領域を含むように設定し、「キャンバスの下」に表示されるように設定します。.
3. 必要なカスタム画像オプションを選択します（例：ビジネスオーナーの画像、または顧客がアップロードできる画像）し、カスタム領域に配置します。

設定が完了したら、エディターのプレビューエリアで任意の画像を選択して効果をプレビューできます。また、カスタマイズを保存し、ストアを訪れて結果を確認できます。

 

---

 

テキスト

商品カスタマイザーは、テキストセクションのための多数の機能を統合しています。

• タイトル、ノート、および最大文字数などのフィールドを入力できます。
• 商品にカスタム要素が必要スイッチをオンにして、このオプションを必須にすることができます。
• このカスタマイズサービスに対して追加料金を設定できます。
• 文字の種類や形式を制限できます。
  

高度なテキスト効果デザインモジュールでは：

• ストアで顧客にリアルタイムのカスタマイズされたテキスト効果を表示するには、カスタマイズプレビューを有効にするオプションを有効にできます。
• テキストの色をデザインし、顧客に複数の色の選択肢を提供できます。さらに、工場がそれらを生産できる場合、顧客が自由に色を選択できるようにすることもできます。
• テキストのフォントをデザインし、さまざまな選択肢を提供できます。商品カスタマイザーは、使用するための人気のフォントのコレクションを提供し、最大30フォントまで独自のフォントファイル（TTF形式）をアップロードすることもできます。
• テキストのサイズを選択し、フォントサイズの調整をサポートを有効にするかどうかを選択できます。
• テキストにアーティスティックな効果を適用できます。つまり、ネオンライト、下線などです。
• テキストの曲線効果をデザインし、顧客がキャンバス上でテキストの表示位置を自由に移動できるようにします。
  
  
  

---

 

ファイルアップロード

顧客に画像やPDFファイルなどのカスタマイズ用のファイルを提供してもらう必要がある場合は、ファイルアップロード機能を使用できます。

• タイトル、ノート、プレビュー表示スタイル、およびこのカスタマイズサービスに必要な追加料金を入力できます。
• 商品にカスタム要素が必要を有効にして、このオプションを必須にすることができます。
• 顧客がアップロードできるファイルの最大数を設定できます。PROプランでは、顧客は一度に最大60ファイルをアップロードできます。
  

---

 

ドロップダウンオプション

顧客にテキスト形式で複数の選択肢を提供したい場合は、ドロップダウン機能を使用できます。

• このオプションのタイトル、顧客向けのノート、提供するオプション、およびこのカスタマイズサービスに必要な追加料金を入力できます。
• 商品にカスタム要素が必要スイッチをオンにして、このオプションを必須にすることができます。
• デフォルトで選択されるをクリックしてオプションをコピー、削除、またはデフォルト選択として設定できます。また、オプションの表示スタイルをカスタマイズすることもできます。
• 特定のオプションが商品に対する別のSKUを表す場合（例：カスタマイズアイテムが独自のSKUを持つアクセサリーの場合）、そのオプションをそのSKUに関連付けることができます。オプションの可用性は、関連付けられたSKUの在庫レベルに依存します。顧客がそのオプションを選択して注文を行うと、関連付けられたSKUの数量も差し引かれます。追加料金の後のスペースにカーソルを合わせ、ショッピングバッグアイコンをクリックして、製品/バリエーションを選択します。
  
  
  

 

---

 

チェックボックス

顧客に「ギフトボックス」などの特定のサービスを含めるかどうか確認してもらう必要がある場合は、チェックボックス機能を使用できます。

• タイトル、ノート、および追加料金をこのオプションに入力できます。
• 商品にカスタムパーツが必要のスイッチをオンにして、このオプションを必須にするか、デフォルトでチェック済みに設定できます。
  

 

---

 

日付

商品が顧客に日付関連の情報を入力させる必要がある場合は、日付機能を使用できます。

• タイトル、ノート、および追加料金をこのサービスに入力できます。
• 商品にカスタムパーツが必要のスイッチをオンにして、このオプションを必須にできます。
• 日付形式を選択できます。単一の日付か日付範囲か、年、月、日の形式を選択します。
  

 

---

 

テーブル

テーブル機能を使用して、特にカスタマイズされた眼鏡のような商品から顧客に必要なカスタマイズ情報を収集できます。

• タイトル、ノート、および追加料金をこのオプションに入力できます。
• 商品にカスタムパーツが必要のスイッチをオンにして、このオプションを必須にできます。
• 情報入力用のテーブルの形式を設計できます。行数と列数、テーブルヘッダーを含みます。
  
  
  

---

一緒に購入する商品

商品が他のアイテムと一緒に販売できる場合や、補完的なアクセサリーが必要な場合は、一緒に購入する機能を使用できます。

• タイトルとノートを入力できます。
• 互換性のある商品のリストから最大5つのアイテムを選択できます。
• 表示設定の下で、左右または垂直の表示を選択できます。
  

---

 

表示条件の設定

オプション間に論理的な表示動作がある場合、特定のオプションが選択されたときに追加のオプションを表示し、選択されていないときに隠すことができます。この場合は、表示条件を設定する機能を使用して制御できます。

商品カスタマイザー & 商品バンドラーアプリでは、他のオプションに影響を与えることなく、カスタムグループ内の各オプションに対して表示条件を個別に設定できます。

カスタムグループの右側にある設定ボタンにカーソルを合わせ、表示条件を設定をクリックします。

 

商品カスタマイザー & 商品バンドラーアプリ内の表示条件を設定機能には、条件モードとマインドマップモードの2つのモードがあります。これらの2つのモードは互いに影響を与えず、特定のモードで行われた設定は、ストアに応じて有効になります。

右上隅の条件モード/マインドマップモードをクリックして、モードを切り替えることができます。

 

マインドマップモード の説明

• オプションの表示順序を設定するには、最初の表示順序を設定をクリックしてソートページに入り、ドラッグアンドドロップで表示列を配置します。

• 表示ルールを設定します。

オプションの横にある黒い矢印をクリックして、そのサブオプションを設定します。ウィンドウ内の希望するオプションをクリックするだけです。表示条件が正常に設定されると、青い線で示されます。各カスタマイズオプションに対して複数の表示条件を追加できます。

不足しているオプションがある場合は、このページで新しいオプションを直接作成でき、システムが自動的に接続します。

設定に誤りがある場合は、青い線にカーソルを合わせて赤い削除ボタンをクリックして設定を削除します。

 

条件モード の説明

• 表示列をドラッグアンドドロップして表示順序を設定します。

• 表示ルールを設定します：

無制限の条件を作成でき、各条件の形式は特定のオプション値が選択されたときに、他の特定のオプションを表示するとなります。条件は互いに排除しません。いずれかの条件が満たされる限り、対応するオプションが表示されます。

• SKU属性に基づいてルールを設定します：

上記の機能に加えて、条件モードには、SKU属性の選択結果をトリガー条件として使用できる特別な機能があります。たとえば、顧客が特定の色やサイズを選択した場合、特定のオプションが表示され、選択されていない場合は表示されません。

このカスタムアイテムに複数のカスタムグループがある場合は、左上隅のドロップダウンオプションをクリックして、この商品の他のカスタムグループの表示条件も設定できます。完了したら、右上隅の保存をクリックし、このモードで行った設定がストアページに適用されます。