デザインプレビューの概要
「商品カスタマイザー」のPreviewer機能を使用すると、商品が物理的に製造される前に、カスタマイズされた商品を顧客にショーケースできます。プレビューページのデザインを開始するには、「アプリ ＞ 商品カスタマイザー ＞ 商品デザインの追加」に移動してください。
Previewerデザインページの概要
-
オプション：オプションは、印刷ファイルに追加できる要素です。これらは通常、オプションの追加セクションの左下隅にリストされます。
オプションのカスタマイズ：カスタマイズオプションは、カスタマイズのために提供するアイテムが含まれるオプションのリストです。
- オプションの追加： オプションの追加セクションには、印刷ファイルに追加できる要素がリストされています。追加したい要素を左下隅でクリックしてください。プレビューアがサポートするすべてのオプションのリストが表示されます。 カスタマイズオプションのグループにオプションを追加したい場合は、グループをクリックしてからオプションをクリックして完了してください。
- オプションの編集：印刷ファイル内のオプションを編集するには、カスタマイズオプションで編集したいオプションを選択し、ページの右側で詳細を編集してください。
- デザイン：印刷ファイルをデザインするには、上記で説明した機能に加えて、印刷ファイルセクションの青い四角形の要素を調整することもできます。サイズ、オプションの位置、表示比率を変更できます。表示比率を使用すると、ファイルをより簡単かつ詳細にデザインできます。
- デザインをプレビュー：オプションのプレビューエフェクトをデザインするには、プレビュー設定ボタンをクリックしてください。その後、任意のオプションのプレビューエフェクトを調整できます。 顧客が商品をカスタマイズする際にこの効果が表示されます。
画像オプション
顧客がカスタマイズオプションの1つとして画像を挿入できるようにする場合、オプション の追加セクションに画像オプションを追加できます。 商品オプションカスタマイザーを使用して、画像 オプションの詳細を編集できます。タイトル、ノート、および必須セクションとして列を設定できます。
コンピューターから画像をアップロードするか、素材ライブラリから素材を選択できます。各オプションは最大100枚の画像をサポートし、画像を一括アップロードできます。
- 選択した画像アイテムにマウスを乗せると、編集アイコンが表示されるため、アップロードした画像ファイル名を変更できます。
- 画像をドラッグして、希望する順序に並べ替えることができます。
- 指定した画像に追加料金を設定することができます。 オプション機能 ドロップダウンをクリックし、追加料金 を選択することで、アップロードしたすべての画像に追加料金を適用できます。
- オプション値とカスタマイズされた商品自体を関連付けることができます。したがって、オプション値が選択可能かどうかは、関連するSKUの在庫レベルに依存します。 顧客がこのオプション値で注文すると、関連するSKUも減算されます。 これを行うには、単にマウスを画像に重ね、その他 ボタンをクリックし、商品をバインド をクリックし、SKUを選択し、確認 をクリックします。
- 画像オプションに色ラベルを使用したい場合は、オプションにマウスを移動し、その他 > カラーカードオプション をクリックし、ラベルの色を選択できます。
- 顧客が商品ページに入ると、デフォルトの画像と対応する効果が表示されるように、画像をデフォルトに設定できます。
準備が整っていない場合でもプレビューに必要な場合は、"オプション" 機能の下にある このオプションを非表示にする チェックボックスをオンにすることができます。 オプションが他のオプションと関連付けられている場合は、プレビューや印刷ファイルに表示される可能性がありますので、ご注意ください。
オプションを他のオプションと関連付けることもできます。関連付けられたオプションは、現在のオプションが選択されたときに、同じシーケンスのオプション値をトリガーします。
テキスト
顧客がテキストをカスタマイズできるようにすると、テキストオプションをリストに追加できます。
商品オプションカスタマイザーを使用すると、テキストオプションのすべての詳細を編集できます：
- タイトル、ノート、必須列、テキストボックスのリマインダーを設定できます。
- 消費者向けにテキストコンテンツを事前設定することができ、このテキストは効果をレンダリングします。
- テキストの長さ制限を設定できます。
- 追加料金を設定できます。
- フォントやサイズ、色、配置などの印刷効果を調整することで、テキストの印刷効果を調整できます。 商品オプションカスタマイザーが提供するさまざまなアーティスティックフォントから選択するか、TTF形式のフォントファイルをアップロードすることもできます。
曲げテキスト
テキストに異なるデザインを与えたい場合は、曲げテキストを使用してテキスト効果を追加できます。
このオプションは、基本的にテキストオプションと同じ機能を共有しており、追加の曲げ機能が備わっています。
- オプションリストにBend Textを追加した後、印刷ファイルに円が表示されます。テキストコンテンツは円弧に取り付けられます。円の水平直径と垂直直径を調整することで円弧の曲率を調整できます。
- 円弧上の角度ボタンをドラッグしてテキストの表示範囲を調整できます。
- 曲線の方向を選択できます。ProtrusionまたはIndentationのいずれかを選択できます。
ファイルのアップロード
顧客に製品をカスタマイズしてもらうために、自分の写真/画像をアップロードできるようにする場合は、ファイルのアップロードオプションを有効にできます。
- このオプションのタイトル、ノート、必須列であるかどうか、および追加料金を設定できます。
- PNGおよびJPGファイルをサポートし、画像効果を表示できます。
ドロップダウン
Product Option Customizerはドロップダウンオプションを提供し、タイトル、ノート、必須列であるかどうか、またはこのオプションに追加料金を設定できます。
- 関連オプションの「追加オプション」をクリックしてこのオプションにSKUを関連付けることができます。詳細については画像オプションを参照してください。
- このオプションを「オプション」の下に非表示にすることもできます。この機能は画像オプションのものと同じように機能します。
- 他のオプションを関連付けることもできます。使用方法は画像オプションのものと同じです。
チェックボックス
Product Option Customizerにはチェックボックス機能があります。チェックボックスのタイトル、ノート、必須セクションであるかどうか、追加料金、およびデフォルトでチェックされているかを入力できます。
グループ
グループはオプションのコレクションであり、レイアウトとも呼ばれます。たとえば、製品がユーザーに1から10匹のペット犬をカスタマイズすることを許可する場合、各番号を個別のグループとして設定できます。1匹の犬は個別のグループであり、10匹の犬は他の個別のグループです。最初に10匹の犬を最初のグループとして作成し、その後直接コピー、削除、および調整を行って他のグループを構成することをお勧めします。
グループはオプションと同じレベルに配置することも、オプションの1つ上のレベルに配置することもでき、複数のオプションを含むことができます。
- グループアイコンをクリックしてグループを追加できます。
- グループをコピーまたは削除することができます。オプションリストのグループの右側にマウスを移動し、[···]アイコンをクリックし、コピーまたは削除をクリックします。グループをコピーまたは削除すると、グループの下のすべてのオプションがアクションを実行します。
デザインプリントファイル
プリントファイルセクションの各オプションのファイルサイズと印刷効果を細かくデザインできます。
- プリントファイルの右上隅にある編集アイコンをクリックして、ファイルの幅と高さを変更できます。単位はMM、INCH、PXから選択できます。PPIパラメータも設定できます。幅と高さは16000 PX * 16000 PXを超えてはいけません。
- 画像、テキスト、曲げテキスト、ファイルアップロードオプションを含むオプションの効果を位置、サイズ、形状、角度で調整できます。
- ファイルから一時的にオプションを非表示にしたい場合は、単純にグレーエリアにドラッグしてファイルに表示されないようにします。
- デザインの詳細表示のためのプリントファイルの右下隅に比例ズームボタンがあります。
- プリントファイルでは、各オプションのレイヤー順が左側のオプションリストの順序と一致しています。調整したいオプションをクリックして、レイヤー順を調整するためにオプションをドラッグします。
デザインプレビュー設定
プレビュー設定タブに切り替えて、商品がストアでどのように表示されるかを設定できます。
- 背景画像をアップロードボタンをクリックして、エフェクト表示用の画像をアップロードします。推奨サイズは1000 PX * 1000 PXです。
- プレビュー設定タブで各オプションの位置を調整できます。
- プレビュー画像の外側のグレーエリアにオプションを移動するだけで、プレビューページにオプションを表示したくない場合は非表示にできます。
表示条件の設定
特定のオプションの順序がある場合、たとえば、オプションを選択すると他のオプションが一斉に表示され、選択されていない場合はすべてのオプションが非表示になるようにしたい場合は、さらに設定するために表示条件の設定をクリックします。
表示条件の設定ボタンをオプションリストの上にクリックすると、右側のスライドアウトページで無制限の条件を作成できます。条件の用語はすべて[特定のオプションの値が選択されたとき、他のオプションを表示]です。
デザインが完了したら保存をクリックしてください。
デザインテンプレートがさまざまな商品に適用できる場合は、構成テンプレートを保存ボタンをクリックして、現在のデザインを保存し、将来の商品にテンプレートを適用して作業を節約できます。