キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

商品独自コメントの使用方法

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

商品独自コメントの使用方法

商品コメント設定(コマースクリエイター)にて設定できる商品独自コメントは、フリーパーツに置換文字を入力すると表示できます。表示用のシステムパーツはありません。
フリーパーツを利用することで、単に独自コメントを表示するだけでなく、HTMLタグと自由に組み合わせたコメント運用ができます。

商品独自コメントは、商品詳細にも商品一覧(商品グループや商品検索結果一覧など)に表示できます。

商品独自コメントの基本的な使用方法

独自コメント(1)~独自コメント(20)にコメントを登録します。
HTMLタグ入力を想定しています。テキストのみ入力する場合も、強制改行する場合は<br>タグを入力してください。

ECサイトまたはプレビューを表示し、現在の表示を確認します。レイアウトのプレビューするボタンを押下して、プレビューモーダルにて、プレビューを表示するボタンを押下します。プレビューについて詳しくは、管理画面の使い方-プレビューをご覧ください。

フリーパーツにコメントの置換文字を記載します。
コマースクリエイター>パーツ一覧画面左下にある「パーツを追加する」から「フリーパーツを追加する」を選択します。

コマースクリエイター>フリーページ追加画面で、任意のパーツ名・(パーツ)置換文字を入力します。
表示内容に商品独自コメント1の置換文字{% product.comment_1 %}を入力します。商品コメントの置換文字については商品コメント設定(コマースクリエイター)をご覧ください。
右下の保存するボタンを押下します。

商品詳細(または商品グループ)のコマースクリエイター>テーマ>レイアウト変更にて、置換文字を記載したフリーパーツを配置します。

コマースクリエイター>テーマ>レイアウト変更へ遷移します。
パーツ配置エリアで「メインエリア」の開くボタンを押下します。

パーツ配置エリアで「コンテンツエリア」の開くボタンを押下します。(スタートアップテーマのみ)

パーツ配置エリアで「商品詳細エリア(システムパーツグループ)」の開くボタンを押下します。

パーツ配置エリアで他にレイアウトパーツがあれば開くボタンを押下し、現在配置されているカートボタンパーツを探します。
「スタートアップテーマ(PC/タブレット)ー商品詳細(横2列レイアウト)/商品詳細(上横1列・下横2列レイアウト)」の場合は、初期状態で「商品画像・商品説明など(レイアウトパーツ)」「商品名・価格など商品情報(レイアウトパーツ)」が配置されています。

パーツ一覧に商品独自コメント置換文字を記載したパーツを表示します。パーツ検索の検索条件でキーワードにパーツ名を指定するか、検索条件からパーツの種類を選択して検索します。

配置先のレイアウトパーツ内パーツ配置エリアに、パーツをドラッグ&ドロップします。必ず商品詳細エリア(システムパーツグループ)の下部階層に配置してください。

プレビューにて商品詳細ページを確認し、独自コメントが表示されていることを確認します。
適宜CSSにてデザインを行います。

ECサイトで使用する場合は、レイアウト変更画面右下の保存するボタンを押下してください。
このように商品独自コメントを利用することで、商品説明以外に、任意のコメントを追加できます。

上の例では新しいフリーパーツを追加しましたが、既存のフリーパーツに置換文字のみ追加しても表示できます。

複数の商品独自コメントを利用する場合

画面上は一つの要素でも、入力欄を分割するという用途に商品独自コメントをご利用いただけます。

例えば、タブ形式で商品説明や素材などを表示したい場合、すべてのHTMLタグとコンテンツを商品説明に入力すると、一つのコメント欄のHTMLタグ記述量が多くなり、運用時にHTMLタグを変更しづらくなります。(HTMLコーディングを専門とされている方や、別途ツールを使用してHTMLを構築する場合は除く)

商品説明欄にすべてのHTMLを入力する場合

その場合、タブ一つ一つの内容をぞれぞれ商品コメントに分割して入力すると、HTMLの行数が減り、視認性があがって、運用時の変更がしやすくなります。

商品独自コメント欄にそれぞれ分割してHTMLを入力する場合

タブ自体を構成するHTMLタグは、フリーパーツ側に入力しておきます。こうすることで、コメントの変更運用がやりやすくなりHTML入力ミス防止に役立つだけでなく、タグの閉じ忘れなどHTMLタグ入力をミスする範囲を狭められるため、修正が容易になるメリットがあります。(変更していないコメントは入力ミスが起こりえません。)
またデザイン変更時に、フリーパーツ側のみの対応で可能になる場合もあります。

フリーパーツにタブ自体のHTMLを記述し、置換文字で商品独自コメントを読み込みます。

商品独自コメントには、他にも使用方法があります。商品説明・独自コメントに画像を使用する場合や、商品独自コメントでサイト内検索キーワード対策をご覧ください。

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。