商品カスタマイザー：カスタム商品用テンプレートの管理方法

テンプレート機能は、商品カスタマイザーアプリ内で、商品カスタマイズのワークフローを効率化するのに役立ちます。アプリが提供するプリセットテンプレートを使用することも、自分でテンプレートを作成して将来の使用に備えることもできます。この記事では、テンプレート機能の紹介と、テンプレートを使ってカスタマイズ商品を作成する方法、デザインをテンプレートとして保存する方法、保存済みテンプレートの修正方法、テンプレートのストア間でのインポート・エクスポート方法について説明します。

テンプレートセクションの紹介

テンプレートセクションは、商品用の再利用可能なカスタマイズテンプレートを管理する場所です。テンプレートを使うことで、複数の商品に対して一貫したスタイル、レイアウト、デザイン設定を素早く適用でき、すべてを一から作り直す手間を省けます。

このセクションは2つのタブに分かれています：

マイテンプレート

このタブには、自分で作成したテンプレートがすべて保存されています。具体的には：

• デザインエディターから保存したテンプレート
• 商品タブから一括保存したテンプレート

ここからテンプレートを開いたり、修正したり、コピーしたり、名前を変更したり、削除したりできます。

デフォルトテンプレート

このタブには、アプリが提供するすべてのプリセットテンプレートが含まれており、商品に直接適用できます。これらのテンプレートはすぐに使える状態で提供されており、修正はできませんが、一般的な商品タイプの出発点として便利です。

自分でテンプレートを作成する

カスタマイズのワークフローを効率化するために、再利用可能なテンプレートを自分で作成できます。これらのカスタムテンプレートは、デフォルトテンプレートとは異なり、完全に自分で作成・管理します。ゼロから積極的にテンプレートを作成することも、既存のデザインファイルをテンプレートとして保存して将来使うことも可能です。

以下の2つのエディターで作成したファイルは、どちらもテンプレートとして保存できます：

• 商品オプションデザインエディター
• プレビューデザインエディター

自分でテンプレートを作成する方法は2通りあります：

方法1：デザインエディターから保存する

デザインファイルの作成が完了し、将来の使用のためにテンプレートとして保存したい場合は、以下の手順に従ってください：

1. エディターで、右上の設定テンプレートを保存をクリックします。

   

2. ポップアップウィンドウでテンプレート名を入力し、確認をクリックしてテンプレートを保存します。

   

方法2：商品タブから一括保存

複数の既存のカスタマイズファイルからテンプレートを素早く作成したい場合：

1. 商品に移動し、商品オプションタブまたはプレビュー デザインタブのいずれかを選択します。

2. テンプレートとして保存したいファイルを一括選択し、テンプレート設定を保存をクリックします。

   

3. 保存されると、テンプレートはテンプレートタブに表示されます。一括保存されたテンプレートは自動的に次のルールで命名されます：商品名_作成日時。

   

作成されたすべてのカスタムテンプレートは、テンプレートセクションのマイテンプレートタブに保存され、必要に応じて修正、コピー、名前変更、または削除できます。

テンプレートを使ってカスタマイズ商品を作成する

デフォルトテンプレートまたは自分のテンプレートを使って、カスタマイズ可能な商品を素早く作成できます。テンプレートの適用方法は3通りあります。

方法1：商品タブから — デザインエディターピッカーを使用

商品タブから選択したテンプレートでカスタマイズ商品を直接作成するには：

1. 商品に移動し、カスタマイズ商品を追加をクリックしてから、商品オプションを追加またはプレビューデザインを追加のいずれかを選択します。

   

2. ポップアップウィンドウで、カスタマイズしたい商品を選択し、追加をクリックします。

   

3. 続いて、カスタマイズテンプレートを選択のポップアップへ進みます:

   • 自作のテンプレートを使用する場合、以下のいずれかを選択します:

     

     • テンプレートとの連携を維持: 選択すると、将来のテンプレート変更を連携した商品にも適用するかどうかを選択できます。

       注意事項: 商品がテンプレートに連携されている場合、エディターの上部に連携中のテンプレートを示すラベルが表示されます。この商品のエディターページでカスタマイズ設定を修正しても、テンプレート自体には影響しません。商品の独自のカスタマイズデータのみが更新され、ストアフロントに反映されます。 テンプレートに連携された商品は、商品ページのテンプレートに連携列にテンプレート名が表示されます。連携を解除するには、連携中のテンプレートにカーソルを合わせて、連携解除アイコンをクリックします。

     • 一度だけ: 連携せずにテンプレートを一度だけ適用します。

   • デフォルトテンプレートを使用する場合、一度だけ使用可能です。

     

4. 確認をクリックしてエディターに進み、商品カスタマイズを完了します。

方法2: 商品タブから – 商品を一括カスタマイズ

複数の商品に一度にテンプレートを適用したい場合:

1. 商品に移動し、商品を一括カスタマイズをクリックします。

   

2. ポップアップウィンドウで、プリセットテンプレートまたはカスタムテンプレートを選択し、カスタマイズ後に自動的に有効化するかどうかを選択してから、確認をクリックします。

   注：カスタムテンプレートとプリセットテンプレートの使用方法の詳細については、方法1のステップ3を参照してください。

   

3. 選択した商品がリストに追加されます。各商品をクリックしてデザインエディターに入り、カスタマイズ設定を完了してください。

方法3：テンプレートタブから

テンプレートを直接閲覧して申請するには：

1. テンプレート > マイテンプレートまたはデフォルトテンプレートに移動します。

   

2. 商品にテンプレートを申請する：

   • マイテンプレートタブの自作テンプレートの場合、オプション列のテンプレートを使うをクリックし、ポップアップウィンドウで商品を選択し、テンプレートとの連携を維持するか一度だけ使用するかを選択してから、追加をクリックします。

     

   • デフォルトテンプレートタブのテンプレートの場合、テンプレートを使うボタンをクリックし、ポップアップウィンドウで商品を選択してから、追加をクリックします。

     

3. デザインエディターで商品カスタマイズを最終決定します。

保存済みテンプレートの修正

保存済みテンプレートを管理するには：

1. テンプレート > マイテンプレートに移動します。
2. 修正したいテンプレートを見つけます。

以下の操作が可能です：

• テンプレートの名前を変更する: テンプレートにカーソルを合わせ、テンプレート名の横にある鉛筆アイコンをクリックして修正します。

• テンプレート接続をキャンセルする: 接続された商品の列で、数字をクリックして接続された商品のリストを開きます。次に、接続をキャンセルアイコンをクリックして、テンプレートと特定の商品とのリンクを解除します。

  

• テンプレートデザインを修正する: テンプレートカードの鉛筆アイコンをクリックしてエディターで開きます。必要に応じて変更を加え、再度保存します。

  注：1つ以上の商品に接続されているテンプレートを修正すると、テンプレートのみを更新するか、テンプレートと接続されたすべての商品を更新するかを選択するプロンプトが表示されます。既存の商品に変更を反映させたくない場合はテンプレートのみを更新を選択し、接続された商品も最新のテンプレート設定で更新したい場合は更新を選択してください。

• テンプレートをコピーする: コピーアイコンをクリックして、テンプレートのコピーを作成し、さらに修正やバリエーションデザインに使用します。
• テンプレートを削除する: 不要になったテンプレートを削除するには、ゴミ箱アイコンをクリックします。

テンプレートのインポートとエクスポート

複数ストアを運営するマーチャントがカスタマイズ設定をより効率的に共有できるように、あるストアからテンプレートをエクスポートし、別のストアにインポートすることができます。

テンプレートのエクスポート

1. テンプレート > マイテンプレートに移動します。

2. エクスポートしたいテンプレートを選択し、テンプレートをエクスポートをクリックします。

   

3. ポップアップウィンドウでファイルのエクスポート範囲を選択し、エクスポートをクリックします。

   

テンプレートのインポート

1. テンプレート > マイテンプレート に移動します。

2. テンプレートをインポート をクリックします。

   

3. テンプレートファイルをアップロードエリアにアップロードし、インポート をクリックして処理を完了します。

   

テンプレートフィールドの説明

カスタマイズテンプレートをエクスポートすると、システムは以下のフィールドを含むファイルを生成します。以下の表は、インポートおよびエクスポート時にテンプレートファイルの構造と使用方法をよりよく理解するために、各フィールドの目的を説明しています。