製品のカスタムソリューションを設計するために異なるタイプのオプションを使用したいとします。その場合、商品カスタマイザーアプリを使用して、製品ページにカスタマイズ効果をレンダリングせずに利用できます。たとえば、美容用コンタクトレンズや眼鏡などの商品を販売する場合、顧客には両眼の処方箋、レンズの種類、フレームの種類を選択していただく必要があります。
| Note：商品カスタマイザーアプリの画像／テキストのプレビュー機能は更新されなくなります。製品にプレビューエフェクトのレンダリングが必要な場合は、プレビューデザイナーをご利用ください。手順については、プレビューデザイナーユーザーガイドをご参照ください。 |
目次
デザインページの概要
- オプションリスト：追加されたすべてのオプションを表示するリストです。編集、並べ替え、コピー、または選択したオプションの削除など、これらのオプションを管理できます。
- オプションの追加：製品オプションカスタマイザー＆製品バンドラーアプリでサポートされている利用可能なオプションを表示します。オプションを追加するには、オプショングループの右上にある追加ボタンをクリックしてください。
- オプションの編集：このセクションでは、各オプションに特定の情報を入力します。リストからオプションを選択し、詳細を入力してください。
- オプション効果のプレビュー：ページの右側に、選択したオプションのプレビューが表示されます。
カスタムグループ
「カスタムグループ」という概念は、オプションセットやオプショングループと同様に、同じカスタマイズされたコンテンツを持つオプションを整理・管理するために使用されます。特定のカスタムグループに任意のカスタマイズオプションを自由に追加できます。
ほとんどの場合、1つのカスタムグループは商品に十分です。ただし、商品に複数のプレビューキャンバスが必要な場合は、複数のカスタムグループを作成して区別することができます。各カスタムグループはキャンバス（プレビューエフェクトの背景画像）と関連付けることができます。最大30個のカスタムグループを追加できます。
- カスタムグループ内のさまざまなカスタマイズオプションの表示条件を設定して、表示を制御することができます。 表示条件の設定 をクリックして構成します。
- オプションのプレビューエフェクトの背景画像を設定するには、背景画像の設定 をクリックします。
| Note：商品カスタマイザー アプリ内のプレビュー機能は近日中に廃止されます。 背景画像の設定 機能もそれに応じて無効になります。 |
画像オプション
商品カスタマイザー アプリは、画像オプション セクションに多数の機能を統合しています。
- 必要なタイトル、ノート、および画像アップロードオプションを入力できます。オプション値として画像を使用し、説明テキストを提供し、追加のカスタム料金を設定できます。消費者が選択できるように、デバイスから複数の画像をアップロードできます。 商品カスタマイゼーション 機能は、アップロードされた画像を基に複数のオプションを自動的に作成し、ファイル名を説明として使用します。事前に画像に名前を付けるか、後で説明を変更できます。
- この画像オプションを必須にするには、単に 商品にカスタム要素が必要 を有効にします。顧客がこのカスタマイズオプションを選択しない場合、注文をすることはできません。
- 顧客がカスタマイズのために自分の写真をアップロードすることもできる場合は、バイヤー画像のアップロード オプションをチェックし、このサービスに追加料金を設定します。顧客はその後、ストアに写真をアップロードできます。
- さらに、このオプションの表示スタイルを、タイル表示 または ドロップダウン から選択できます。
- 顧客が選択できるオプションの数に制限を設定できます。 バイヤーが複数のオプションを選択できるようにする をチェックし、選択数量の範囲 を入力します。
プレビューオプション モジュールでは：
| Note：商品カスタマイザー アプリ内のプレビュー機能は近日中に廃止されます。 高度なプレビューエフェクト 機能もそれに応じて無効になります。 |
- 顧客にリアルタイムでカスタマイズされたエフェクトのレンダリングをショーケースしたい場合は、背景画像上のデフォルト位置に表示される画像ボックスをチェックできます。 商品カスタマイズ 機能は、エフェクトをレンダリングするためのキャンバスを提供し、背景画像を設定し、画像の位置を背景に合わせて調整できます。 顧客が画像を選択すると、カスタマイズされたエフェクトを即座に表示します。
- 便宜上、システムは同じ画像オプション内のすべての画像を同じ位置に表示するようにデフォルトで設定されます。 したがって、調整は1回だけ必要です。 異なる位置に表示する必要がある異なる画像がある場合は、オプション異なる位置に表示される画像を調整して適合をチェックして、それぞれの画像の位置を1つずつ調整できます。 さらに、顧客が画像の位置をキャンバス上で自由に移動できるかどうかを選択できます。
- 特にキャンバス上の特定のエリアを指定してエフェクトを表示する必要がある場合は、商品カスタマイズ は表示エリアと形状の設定をサポートします。 画像表示エリアを有効にし、ニーズに合った形状を選択してから、右側の商品詳細プレビューセクションで形状をドラッグして、希望する場所に調整できます。
- 製品表示エリアの形状が不規則な場合（楕円など）、任意の形状でエフェクトを設計できるソリューションを提供しています。 これを3つのステップで実現できます。 カスタム領域の作成方法：をクリックすると、手順も表示されます。
- Photoshop（または類似のソフトウェア）を使用して、製品画像のカスタム領域をくり抜きます。 「透明」背景でPNG形式で保存します。
- カスタムキャンバスをカスタム領域を含むように設定し、「キャンバスの下」に表示するように設定します。
- 必要なカスタム画像オプションを選択します（例：ビジネスオーナーの画像、または顧客がアップロードできる）、それらをカスタム領域に配置します。
セットアップが完了すると、エディタのプレビューエリアで任意の画像を選択してエフェクトをプレビューできます。 カスタマイズを保存してストアを訪れて結果を確認できます。
テキスト
商品カスタマイズ は、テキスト セクションのために多数の機能を統合しています
- タイトル、ノート、および最大文字数などのフィールドに入力できます。
- 商品にカスタム要素が必要 スイッチをオンにして、このオプションを必須にすることができます。
- このカスタマイズサービスに追加料金を設定できます。
- 文字の種類と形式を制限できます。
高度なテキストエフェクトデザイン モジュールでは：
| Note： 商品カスタマイザー アプリ内のプレビュー機能は近日中に廃止されます。 テキストプレビューエフェクト 機能もそれに応じて無効になります。 |
- 顧客にリアルタイムのカスタマイズされたテキストエフェクトを表示することができます。これはカスタマイズプレビューを有効にするオプションを有効にすることで可能です。
- テキストの色をデザインし、複数のカラーオプションを顧客に提供できます。さらに、工場がそれらを生産できる場合、顧客が自由に色を選択することも選択できます。
- テキストのフォントをデザインし、さまざまな選択肢を提供できます。 商品カスタマイズでは人気のあるフォントのコレクションを提供しており、最大30種類のTTF形式のフォントファイルをアップロードして使用することもできます。
- テキストのサイズを選択し、フォントサイズの調整をサポートするかどうかを選択できます。
- テキストに芸術的な効果を適用することができます。例：ネオンライト、下線など。
- テキストの曲率効果をデザインし、顧客がキャンバス上でテキストの表示位置を自由に移動できるようにします。
ファイルのアップロード
顧客に画像やPDFファイルなどのカスタマイズ商品のためのファイルを提供してもらう必要がある場合、ファイルアップロード機能を使用できます。
- このカスタマイズサービスに必要なタイトル、ノート、プレビュー表示スタイル、および必要な追加料金を記入できます。
- このオプションを必須にするために、商品にカスタム要素が必要を有効にすることができます。
- 顧客がアップロードできるファイルの最大数を設定できます。PROプランでは、顧客は一度に最大60ファイルをアップロードできます。
ドロップダウンオプション
テキストの形で顧客に複数の選択肢を提供したい場合、ドロップダウン機能を使用できます。
- このオプションのタイトル、顧客向けのノート、提供するオプション、およびこのカスタマイズサービスに必要な追加料金を記入できます。
- このオプションを必須にするために、商品にカスタム要素が必要スイッチをオンにすることができます。
- デフォルトで選択をクリックしてオプションをコピー、削除、またはデフォルト選択に設定したり、オプションの表示スタイルをカスタマイズしたりすることができます。
- 特定のオプションが製品の別のSKUを表す場合（たとえば、カスタマイズアイテムが独自のSKUを持つアクセサリである場合）、そのSKUとオプションを関連付けることができます。オプションの可用性は関連するSKUの在庫レベルに依存します。顧客がそのオプションを選択して注文すると、関連するSKUの数量も減少します。 追加料金の後のスペースにカーソルを合わせ、ショッピングバッグアイコンをクリックして、製品/バリエーションを選択します。
チェックボックス
特定のサービス（たとえば「ギフトボックス」など）を含めるかどうかを顧客に確認してもらう必要がある場合、チェックボックス機能を使用できます。
- このオプションには、タイトル、メモ、および追加料金を記入できます。
- このオプションを必須にするには、商品にカスタム要素が必要スイッチをオンにするか、デフォルトでチェックされた状態に設定できます。
日付
顧客に日付関連の情報を入力してもらう必要がある商品の場合、日付機能を使用できます。
- このサービスには、タイトル、メモ、および追加料金を記入できます。
- このオプションを必須にするには、商品にカスタム要素が必要スイッチをオンにできます。
-
日付形式を選択でき、単一の日付か日付範囲か、年月日の形式を設定できます。
テーブル
カスタマイズされた眼鏡などの商品に必要なカスタマイズ情報を顧客から収集するために、テーブル機能を使用できます。
- このオプションには、タイトル、メモ、および追加料金を記入できます。
- このオプションを必須にするには、商品にカスタム要素が必要スイッチをオンにできます。
- 情報入力用のテーブルの形式を設計でき、行数や列数、テーブルヘッダーを含めることができます。
一緒に購入する商品
商品が他のアイテムと一緒に販売されるか、補完アクセサリーが必要な場合、一緒に購入機能を使用できます。
- タイトルとメモを記入できます。
- 互換性のある商品リストから最大5つのアイテムを選択できます。
-
表示設定で、水平または垂直表示を選択できます。
表示条件の設定
特定のオプションが選択された場合に追加オプションを表示し、選択されていない場合に非表示にするなど、オプション間に論理的な表示動作がある場合は、制御のために表示条件の設定機能を使用できます。
商品カスタマイザーアプリでは、カスタムグループ内の各オプションに対して表示条件を個別に設定でき、他のオプションに影響を与えることなく設定できます。
カスタムグループの右側にある設定ボタンにカーソルを合わせ、表示条件の設定をクリックしてください。
商品オプションカスタマイザー＆商品バンドラーアプリ内の表示条件の設定機能には、条件モードとマインドマップモードの2つのモードがあります。これら2つのモードは互いに影響を与えず、特定のモードで行われた設定はそれに応じてストアで有効になります。
右上隅の条件モード／マインドマップモードをクリックすることで、モードを切り替えることができます。
マインドマップモードの説明
- オプションの表示順序を設定するには、最初の表示順序を設定をクリックしてソートページに入り、ドラッグアンドドロップして表示列を配置します。
- 表示ルールを設定します。
オプションの横にある黒い矢印をクリックしてサブオプションを構成します。ウィンドウ内で希望のオプションをクリックするだけです。表示条件の正常な設定は青い線で示されます。各カスタマイズオプションに複数の表示条件を追加できます。
欠落しているオプションがある場合は、このページで直接新しいオプションを作成し、システムが自動的に接続します。
誤った設定がある場合は、青い線の上にカーソルを合わせ、赤い削除ボタンをクリックして設定を削除します。
条件モードの説明
- 表示列をドラッグアンドドロップして表示順序を設定します。
- 表示ルールを設定します：
各条件の形式は、特定のオプション値が選択された場合、他の特定のオプションを表示するです。条件は互いを除外しません。条件がいずれか満たされれば、対応するオプションが表示されます。
- SKU属性に基づいたルールを設定します：
上記の機能に加えて、条件モードには、SKU属性の選択結果をトリガー条件として使用できる特別な機能があります。たとえば、顧客が特定の色やサイズを選択した場合、特定のオプションが表示されますが、選択されていない場合は表示されません。
このカスタム商品に複数のカスタムグループがある場合は、右上隅のドロップダウンオプションをクリックして、この商品の他のカスタムグループの表示条件を設定できます。完了したら、右上隅の保存をクリックし、このモードで行った設定がストアページに適用されます。
コメント