商品カスタマイザー：オプションデザイナー ユーザーガイド

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

デザインページ概要

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

カスタムグループ

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

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

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

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

画像オプション

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

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

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

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

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

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

テキスト

商品カスタマイズはテキストセクションに多数の機能を統合しています

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

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

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

ファイルアップロード

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

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

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

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

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

• インポートテーブルとエクスポートテーブルボタンを使って、オプション項目と商品バリエーションを一括連携できます。エクスポートテーブルをクリックして現在のすべてのオプション項目をスプレッドシートとしてダウンロードし、各項目のバリエーションID列を入力してから、インポートテーブルをクリックしてファイルをアップロードし、一括で連携を適用します。顧客が連携されたオプションを選択して注文すると、連携されたバリエーションの在庫が適切に差し引かれます。

  注意事項： インポートは既存のすべてのオプション設定を上書きします。アップロード前にスプレッドシートが完全であることを確認してください。 オプション項目のバリエーションID欄が空白の場合、その項目の既存のバリエーション連携はクリアされます。新しいオプション値は自動的に追加されます。 インポートは.xlsx、.xls、.csvファイル（最大1MB）に対応しています。

   

チェックボックス

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

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

日付

商品で顧客に日付に関する情報を入力してもらう必要がある場合は、日付機能を使用できます。

• このサービスのタイトル、メモ、および追加料金を入力できます。
• このオプションを必須にするために、商品にカスタムパーツが必要スイッチをオンにできます。
• 単一の日付か日付範囲か、年・月・日のフォーマットなど、日付フォーマットを選択できます。
  

テーブル

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

• このオプションのタイトル、メモ、および追加料金を入力できます。
• このオプションを必須にするために、商品にカスタムパーツが必要スイッチをオンにできます。
• 情報入力用のテーブルのフォーマットを、行数や列数、テーブルヘッダーを含めてデザインできます。
  
   

一緒に購入する商品

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

• タイトルとメモを入力できます。
• 互換性のある商品のリストから最大5点まで選択できます。
• 表示設定で左右表示または上下表示を選択できます。
  

表示条件の設定

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

商品カスタマイザーアプリでは、カスタムグループ内の各オプションごとに他のオプションに影響を与えずに表示条件を個別に設定できます。

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

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

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

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

• オプションの表示順を設定するには、最初の表示順を設定をクリックして並べ替えページに入り、ドラッグ＆ドロップで表示する列を並べ替えます。

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

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

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

誤った設定があれば、青い線にカーソルを合わせて赤い削除ボタンをクリックして設定を削除してください。

条件モードの説明

• 表示する列をドラッグ＆ドロップして表示順を設定します。

• 表示ルールを設定する: 条件は無制限に作成可能で、各条件の形式は特定のオプション値が選択された場合、他の特定のオプションを表示するとなります。条件は互いに排除し合うものではなく、いずれかの条件が満たされれば対応するオプションが表示されます。

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

  注：SKU属性の表示条件はすべてのストア言語で正しく機能します。ストアで商品オプション名を複数言語で表示している場合（例えば、SHOPLINE管理画面で翻訳を追加している場合）、顧客がどの言語で閲覧していてもアプリは条件を正しく一致させます。既存の条件を変更する必要はありません。

  

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