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

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

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

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

このセクションは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. テンプレートファイルをアップロードエリアにアップロードし、インポート をクリックして処理を完了します。

   

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

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