【EC出品テンプレート】選択式の入力欄（inputタグ）を表示させる
- 公開日：2021年06月23日
- 更新日：2024年10月07日
家電・ゲーム・アパレルなど、大きいカテゴリー毎にテンプレートを作成する場合、メーカーやサイズ、色など、商品によって異なる情報が多くなります。
出品操作時に「出品テンプレート」を適用時に、自由入力・選択式で情報を手早く入力できるような入力欄を、自由に作成できる{{input}}タグの活用方法についてご紹介します。
EC出品の効率化を図ることができる機能として、ご活用ください。
EC出品テンプレートの作成方法について
EC出品操作において入力選択設定「Input」項を設定したECテンプレートを選択すると、以下のような画面が表示され、各項目を選択して【適用する】をクリックすることで出品情報の入力における手間を省くことが可能です。
ワンポイントアドバイス
【設定】メニューの【EC出品テンプレート】よりEC出品テンプレートを作成時に、【入力欄設定】をすることで、出品時にテンプレートを適用する際に画面から項目を指定することができます。
EC出品テンプレートの作成方法は、以下のヘルプガイドをご参考ください。
入力欄設定の追加
EC出品テンプレートを作成の際、以下の手順のように入力欄設定を追加します。
1【EC出品テンプレート】より入力欄設定の追加
出品テンプレートを作成する画面の下部にある【入力欄設定】より【入力欄を追加する】クリックして、入力欄を追加
2各項目を指定
【新規作成する】または【保存】クリックして保存
| No | 項目 | 説明 |
|---|---|---|
| 1 | キー （必須） |
Liquidで指定する変数名です。半角小文字英数とアンダースコアのみ入力 |
| 2 | ラベル名 （必須） |
EC出品テンプレート適用時の画面や出力するCSVデータ・Excelデータに表示される項目名 |
| 3 | 説明文 （任意） |
この入力欄設定に関する説明内容を入力 EC出品テンプレート適用時の【テンプレートで自動入力】画面の項目名の横に表示されます。 |
| 4 | タイプ （必須） |
4パターンの中から、入力欄の種類タイプを選択してクリック ▼タイプ種類 1行テキスト |
| 5 | 選択肢 （該当タイプのみ必須） |
各入力タイプに合わせて必要な選択肢名を入力 ▼該当タイプ チェックボックス（複数選択） |
| 6 | 初期値 （該当タイプのみ任意） |
各入力タイプに合わせて作成テンプレート適用後に最初に表示される内容を入力 出品操作時にテンプレート選択後、任意の内容へ変更も可能 ▼タイプ種類 1行テキスト |
【出品待ち】画面よりEC出品テンプレート選択後の画面における各項目
【ラベル名】の注意
【ラベル名】に空白や波括弧｛｝が入っている場合は、エラーとなりますのでご注意ください。
各タイプの利用用途について
| No | タイプ | 利用用途 |
|---|---|---|
| 1 | 1行テキスト | 改行なく一行で入力する短い言葉・文章などを入力したいとき |
| 2 | 複数行テキスト | 改行が必要な複数行の文章を入力したいとき |
| 3 | チェックボックス（複数選択） | 選択肢より複数の選択して入力したいとき 選択肢は【＋追加】をクリックすることで増やすことが可能 |
| 4 | プルダウン（単一選択） | 選択肢から1つだけ選択して入力したいとき 選択肢は【＋追加】をクリックすることで増やすことが可能 |
【出品待ち】画面よりEC出品テンプレート選択後の画面における各タイプの表示
タイプ「1行テキスト」「複数行テキスト」の初期値について
1【初期値】欄の表示
【タイプ】において、『1行テキスト』または『複数行テキスト』を選択すると、【初期値】欄が表示
21行テキストの場合：初期値の入力
画像のように1行で言葉・文章を入力
3複数行テキストの場合：初期値の入力
画像のように複数行に改行のうえ言葉・文章を入力
タイプ「プルダウン（単一選択）」「チェックボックス（複数選択）」の選択肢の入力について
4【選択肢】欄の表示
【タイプ】において、『プルダウン（単一選択）』または『チェックボックス（複数選択）』を選択すると、【選択肢】欄が表示
5【選択肢】欄の追加
必要な選択肢の数に応じて【選択肢追加】ボタンをクリックして項目欄を追加
※不要な欄を削除する場合は、【選択肢名】欄の右ヨコにある【×】ボタンをクリック
6選択肢名・値を入力
選択肢名：出品時にEC出品テンプレートを選択後の表示される項目名
値：出品時にEC出品テンプレートを選択後の表示される項目名を選択し、テンプレートを【適用する】クリック後に実際に出品内容へ反映される値
文字だけでなく、HTML形式の装飾文字や画像の差し込みも可能
選択肢の【値】入力例について
7選択肢の値を入力
値において画像のようにHTML形式で画像が表示されるように入力
例》
選択肢名：Nintendo Switch
値：画像ファイルの保存先URLを入力
8ECテンプレートより選択肢から選ぶ
【EC＞出品待ち】画面で【テンプレート】に先ほど設定したEC出品テンプレートを選択後、選択肢名『Nintendo Switch』を選択のうえ、【適用する】をクリック
9EC出品テンプレート適用後のプレビューで確認
反映された出品項目「商品説明」欄などにある【HTMLプレビュー】をクリックすると、指定したURLの画像が表示
入力欄設定タグをECテンプレートに入力
作成した入力欄設定の内容を同EC出品テンプレート内の反映させたい「商品説明」などの出品項目へタグとして入力します。
1反映したい入力設定（Input）タグのキーを確認
#1：ラベル名「ゲームメーカー」を反映させたい場合は、#1：【キー】『col1』を確認
2反映したい出品項目へ入力設定（Input）タグのキーを入力
入力欄設定の追加で作成した入力欄をEC出品テンプレート内にタグとして反映させるためには、以下のように①で確認した【キー】を出品項目へタグとして入力
{{input.『キー』}}
例》#1：ラベル名「ゲームメーカー」、#1：【キー】『col1』の場合は以下を入力
{{input.col1}}
【EC出品テンプレート】選択式の入力欄（inputタグ）を表示させるの解説は以上です。
ご質問等ございましたらReCOREのヘルプチャットもご利用くださいませ。
関連ガイド
| No | ガイド名 | ヘルプガイド |
|---|---|---|
| 1 | EC出品テンプレートについて | |
| 2 | 【EC出品テンプレート】商品カタログ・在庫に登録した情報を引用表示させる | |
| 3 | 【EC出品テンプレート】「タイトル」に特定のワードを表示させる | |
| 4 | EC出品 attribute一覧 |
以上が【EC出品テンプレート】選択式の入力欄（inputタグ）を表示させるについての解説でした。
ご不明点ございましたら、ヘルプチャットもご利用くださいませ。
この記事は役に立ちましたか？