商品カスタマイザー：デザインプレビュー概要

商品カスタマイザー のプレビュアー機能では、商品が実際に製造される前に、カスタマイズされた商品を顧客に表示することができます。プレビューページのデザインを開始するには、アプリ > 商品カスタマイザー > 商品デザインを追加に進んでください。

プレビュアーデザインページの概要

1. オプション：オプションはファイルに追加できるパーツで、通常は左下のオプションを追加セクションに一覧表示されています。
   カスタマイズオプション：カスタマイズオプションは、カスタマイズ用に選択したアイテムを含むオプションのリストです。
2. オプションを追加セクションには、ファイルに追加できるパーツが一覧表示されます。左下の追加したいパーツをクリックしてください。プレビュアーがサポートするすべてのオプションのリストが表示されます。カスタマイズオプションのグループにオプションを追加したい場合は、グループをクリックしてからオプションを選択して完了してください。
3. オプションの修正：ファイル内のオプションを修正するには、カスタマイズオプションで修正したいオプションを選択し、ページ右側で詳細を修正してください。
4. デザイン：ファイルをデザインするには、上記の機能に加えて、ファイルセクションの青い四角で囲まれたパーツを調整できます。サイズ、オプションの位置、表示比率を変更可能です。表示比率は、より簡単かつ詳細にファイルをデザインするのに役立ちます。
5. デザインのプレビュー：オプションのプレビュー効果をデザインするには、プレビュー設定ボタンをクリックしてください。任意のオプションのプレビュー効果を調整できます。顧客は商品をカスタマイズする際にこの効果を確認できます。

画像オプション

顧客がカスタマイズオプションの一つとして画像を挿入できるようにする場合は、オプションを追加セクションで画像オプションを追加できます。商品カスタマイザーでは、タイトル、メモ、列を必須セクションとして設定するなど、画像オプションのあらゆる詳細を修正できます。

画像はコンピューターからアップロードするか、素材ライブラリから選択できます。各オプションは最大100枚の画像をサポートし、一括アップロードも可能です。

• アップロードした画像ファイル名は、編集アイコンをクリックして変更できます。編集アイコンは、選択した画像アイテムにマウスを乗せたときに表示されます。
• 画像はドラッグして希望の順序に並べ替えることができます。

• 指定した画像に追加料金を設定することが可能です。また、オプション機能のドロップダウンをクリックし、追加料金を選択することで、アップロードしたすべての画像に追加料金を申請することもできます。

  

• オプション値とカスタマイズされた商品自体を連携させることができるため、オプション値の選択可否は連携されたSKUの在庫レベルに依存します。顧客がこのオプション値で注文を行うと、連携されたSKUも差し引かれます。これを行うには、画像にマウスを乗せて、その他 ··· ボタンをクリックし、商品を連携をクリック、SKUを選択して、確認をクリックしてください。

  

• 画像オプションにカラーラベルを使用したい場合は、オプションにマウスを移動し、··· > カラーカードオプションをクリックして、ラベルの色を選択できます。
• 画像をデフォルトとして設定することができ、顧客が商品ページに入ったときにデフォルト画像と対応する効果が表示されます。
• 個別のオプションをコピーまたは削除することができ、または一つ以上のオプション値の横にあるチェックボックスを選択して一括で削除することも可能です。選択すると、ページにN個のオプションが選択されましたと表示されます。隣の削除をクリックして選択したオプション値を削除してください。

商品ページに表示されるオプション表示タイプを選択することもできます：タイル表示（デフォルト）またはドロップダウン表示。タイル表示はすべての画像をページ上に直接表示し、ドロップダウン表示は画像をドロップダウンリストに折りたたみます。オプションに多数の画像がある場合に便利です。

タイル表示を選択した場合、オプションラベルで画像の説明テキストであるオプションラベルの表示方法をさらに設定できます。画像の下、ホバー時、または両方を選択できます。これらのオプションは独立して有効にできます。

プレビュー用に必要だけれどもまだ表示したくない場合は、画像オプションを非表示にすることもできます。単に「オプション」機能の下にあるこのオプションを非表示ボックスにチェックを入れてください。なお、オプションが他のオプションと連携している場合、プレビューや印刷ファイルに表示されることがありますのでご注意ください。

オプションを他のオプションと連携させることもできます。連携されたオプションは、現在のオプションが選択されたときに同じオプション値のシーケンスをトリガーします。

テキスト

顧客がテキストをカスタマイズできるようにする場合は、テキストオプションをリストに追加できます。

商品カスタマイザーでは、テキストオプションのあらゆる詳細を修正できます：

• タイトル、ノート、必須列、テキストボックスのリマインダーを設定できます。
• 消費者向けにテキスト内容をプリセットでき、このテキストが効果を反映します。
• テキストの長さ制限を設定できます。
• 追加料金を設定できます。
• フォントやサイズ、色、配置などを設定してテキストの印刷効果を調整できます。商品カスタマイザーrが提供するさまざまなアーティスティックフォントから選択するか、TTF形式のフォントファイルをアップロードすることも可能です。

曲げテキスト

曲げテキストは、テキストに異なるデザイン効果を与えたい場合にテキスト効果を追加できます。

このオプションは基本的にテキストオプションと同じ機能を持ち、さらに曲げ機能が追加されています。

• 曲げテキストをオプションリストに追加すると、印刷ファイルに円が表示されます。テキスト内容は弧に沿って配置されます。円の左右の直径を調整して弧の曲率を調整できます。
• 弧の角度ボタンをドラッグしてテキストの表示範囲を調整できます。
• 曲線の方向を突出またはへこみのいずれかから選択できます。

ファイルアップロード

商品が顧客による独自の画像アップロードを許可している場合は、ファイルアップロードオプションを使用できます。

• オプションのタイトル、ノート、必須ステータス、および追加料金を設定します。
• サポートされている形式の画像ファイル（PNGやJPGなど）をアップロードし、表示方法をプレビューします。
• 画像ツールの下で、顧客がアップロードした画像に対して次のいずれかのツールを有効にできます。一度に有効にできるツールは1つだけです。
  • Cutoutproを使用して背景を削除する: アップロードされた画像から自動的に背景を削除します。

  • Cutoutproを使用してアバターをトリミングする: アップロードされた画像から自動的にポートレートをトリミングします。

    注： Cutout.Proツールの設定方法については、「商品カスタマイザー＆バンドルビルダー：プレビュー デザインでのヘッドショットトリミング＆背景削除」を参照してください。

• 購入者が画像をトリミングできるようにする: 顧客が画像をアップロードすると自動的にトリミングツールが開き、アスペクト比の選択、トリミング範囲の調整、画像の移動、ズーム、時計回りの回転が可能になり、確認前に調整できます。これにより、画像の比率と位置が印刷要件を満たすことが保証されます。

  注： 購入者が画像をトリミングできるようにするはデフォルトで無効になっています。既存のカスタマイズされた商品にも手動で有効にする必要があります。 顧客が調整せずに確認した場合は元の画像が送信されます。トリミングをキャンセルした場合はアップロードもキャンセルされます。 トリミングされた画像はプレビュー、印刷ファイル、注文詳細に使用されます。

ドロップダウン

商品カスタマイザーはドロップダウンオプションを提供し、タイトル、ノート、必須の列かどうか、またはこのオプションの追加料金を設定できます。

• 「連携オプション」の下にあるオプションを追加をクリックして、このオプションにSKUを連携できます。詳細については「画像オプション」をご参照ください。
• また、オプション機能の下でこのオプションを非表示にすることもできます。この機能は画像オプションの下にあるものと同じ動作をします。
• 他のオプションを連携することも選択できます。使用方法は画像オプションの下にあるものと同じです。
• 1つ以上のオプション値の横にあるチェックボックスを選択できます。選択すると、ページに選択されたN個のオプションが表示されます。その横の削除をクリックすると、選択したオプション値を一括で削除できます。

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

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

チェックボックス

商品カスタマイザーではチェックボックス機能を提供しています。チェックボックスのタイトルやメモ、必須項目か追加料金か、デフォルトでチェックされているかどうかを自由に入力できます。

グループ

グループはオプションのカテゴリであり、レイアウトとも呼ばれます。例えば、商品でユーザーが1匹から10匹までのペットの犬をカスタマイズできる場合、それぞれの数字を別々のグループとして設定できます。1匹の犬は1つのグループであり、10匹の犬は別のグループです。最初に10匹の犬を1つのグループとして作成し、その後コピー、削除、調整を行って他のグループを構成することをお勧めします。これにより効率的です。

グループはオプションと同じレベルにすることも、オプションの1つ上のレベルにして複数のオプションを含めることもできます。

• グループアイコンをクリックしてグループを追加できます。
• グループのコピーまたは削除を選択できます。オプションリストのグループの右側にマウスを移動し、その他アイコン[···]をクリックしてコピーまたは削除を選択します。グループをコピーまたは削除すると、そのグループ内のすべてのオプションにも同じ操作が適用されます。

デザイン印刷ファイル

印刷ファイルセクションで、各オプションのファイルサイズや印刷効果を細かくデザインできます。

1. 印刷ファイルの右上にある修正アイコンをクリックして、ファイルの幅と高さを変更できます。単位はMM、インチ、PXから選択可能です。PPIパラメータも設定できます。幅と高さは16000 PX × 16000 PXを超えないようにしてください。
2. イメージ、テキスト、曲げテキスト、ファイルアップロードオプションを含むオプションの位置、サイズ、形状、角度などの効果を調整できます。
3. オプションを一時的にファイルから非表示にしたい場合は、グレーのエリアにドラッグするだけでファイル上に表示されなくなります。
4. 印刷ファイルの右下にある比例ズームボタンでデザインを詳細に表示できます。
5. 印刷ファイル内の各オプションのレイヤー順序は、左側のオプションリストの順序と一致しています。調整したいオプションをクリックし、ドラッグしてレイヤー順序を変更できます。

デザインプレビュー設定

プレビュー設定タブに切り替えて、商品がストアでどのように表示されるかを設定します。

1. 背景画像をアップロードボタンをクリックして、効果表示用の画像をアップロードします。推奨サイズは1000 PX × 1000 PXです。
2. プレビュー設定タブで各オプションの位置を調整できます。
3. プレビューページにオプションを表示したくない場合は、プレビュー画像の外側のグレーのエリアにオプションを移動してください。

プレビュー カスタマイズ表示

顧客がストアで商品をカスタマイズする際に、プレビュー カスタマイズオプションの表示方法を選択できます。この設定はプレビュータイプの商品にのみ適用されます。

設定方法は以下の通りです：

1. 商品カスタマイザーアプリで、設定 > 表示設定に移動します。

2. プレビュー カスタマイズ表示の下で、次のいずれかを選択します：

   • ポップアップ表示：顧客がクリックするとカスタマイズオプションがポップアップウィンドウで開くボタンを表示します。
   • タイル表示（デフォルト）：商品ページ上に直接カスタマイズオプションを表示します。

   

3. 更新をクリックします。

表示条件の設定

オプションの特定の順序がある場合、例えば、あるオプションを選択すると他のオプションが一度にすべて表示され、選択されていない場合はすべてのオプションが非表示になる場合、表示条件の設定をクリックしてさらに設定できます。

オプションリストの上にある表示条件の設定ボタンをクリックすると、右側のスライドアウトページで無制限の条件を作成できます。条件の内容はすべて[あるオプションの特定の値が選択されたときに、他のオプションを表示する]というものです。

デザインが完了したら保存をクリックしてください。

デザインテンプレートをさまざまな商品に適用できる場合は、設定テンプレートを保存ボタンをクリックして現在のデザインを保存できます。これにより、将来の商品にテンプレートを適用して作業を節約できます。