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

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

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

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

画像オプション

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

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

• アップロードした画像ファイル名は、編集アイコンをクリックして変更できます。編集アイコンは、マウスが選択した画像アイテムの上にあるときに表示されます。
• 画像はドラッグして希望の順序に並べ替えることができます。
• 指定した画像に追加料金を設定することが可能です。また、オプション機能のドロップダウンから追加料金を選択することで、アップロードしたすべての画像に追加料金を適用できます。
  
   
• オプション値とカスタマイズされた商品自体を連携させることができるため、オプション値の選択可否は連携されたSKUの在庫レベルに依存します。顧客がこのオプション値で注文を行うと、連携されたSKUも減算されます。これを行うには、画像にマウスを合わせ、その他 ···ボタンをクリックし、商品を連携をクリック、SKUを選択して確認してください。
  
   
• 画像オプションにカラーレーベルを使用したい場合は、オプションにマウスを移動し、··· > カラーカードオプションをクリックして、ラベルの色を選択できます。
• 画像をデフォルトとして設定することができ、顧客が商品ページに入ったときにデフォルト画像と対応する効果が表示されます。

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

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

テキスト

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

Product Option Customizerでは、テキストオプションのあらゆる詳細を修正できます：

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

テキストの曲げ

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

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

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

ファイルアップロード

顧客が自分の写真や画像をアップロードして商品をカスタマイズできるようにする場合は、ファイルアップロードオプションを有効にできます。

• タイトル、メモ、必須列かどうか、およびこのオプションの追加料金を設定できます。
• PNGおよびJPGファイルをサポートし、画像効果を表示します。

ドロップダウン

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

• 連携オプションの下にある追加オプションをクリックして、このオプションにSKUを連携できます。詳細については、画像オプションを参照してください。
• オプション機能の下でこのオプションを非表示にすることもできます。この機能は画像オプションのものと同じように動作します。
• 他のオプションを連携することも選択できます。使用方法は画像オプションのものと同じです。

• インポートテーブルとエクスポートテーブルボタンを使用して、オプション項目を商品バリエーションに一括連携できます：エクスポートテーブルをクリックして現在のすべてのオプション項目をスプレッドシートとしてダウンロードし、各項目のバリエーション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. プレビューページにオプションを表示したくない場合は、オプションをプレビュー画像の外側のグレーエリアに移動してください。

表示条件の設定

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

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

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

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