バナー
CS-CartとMulti-Vendorでは、インストール時に有効になっている公式の「バナー管理」アドオンで、バナーを管理できます。
バナーは、「バナーの作成」と「ECサイトのページへの配置」の2段階で表示します。このページでは、以下の内容を説明します。
- バナー管理アドオンの確認と設定
- バナーの作成
- バナーの管理（一覧・ステータス）
- ECサイトのページにバナーを追加
バナー管理アドオンの確認と設定
管理画面の左メニューから「アドオン > ダウンロードしたアドオン」をクリックし、「バナー管理」が有効になっていることを確認します。左メニューの「マーケティング」の下に「バナー」が表示されていれば、アドオンは有効です。
複数の言語でECサイトを運用している場合は、同じバナーでも、言語ごとに別の画像や遷移先URLを使えます。「バナー管理」のアドオン名をクリックして設定画面を開き、「基本設定」タブで「言語毎にバナー画像や遷移先URLを切り替え」にチェックを入れます。
設定が終わったら、右上の「保存」ボタンをクリックします。ECサイトを1つの言語だけで運用している場合は、この設定は必要ありません。
バナーの作成
管理画面の左メニューから「マーケティング > バナー」をクリックすると、作成済みのバナーの一覧が開きます。一覧には、バナーの名前、タイプ（画像バナー・テキストバナー）、作成年月日、ステータスが表示されます。
右上の「＋」ボタンをクリックすると、「新規バナー」の画面が開きます。以下の項目を入力します。
- 名前：バナーの名前。
- タイプ：「画像バナー」か「テキストバナー」を選びます。
- 作成年月日：バナーの作成年月日。
- ステータス：バナーの表示状態。「有効」「非表示」「無効」から選びます。
「画像バナー」を選んだときは、次の項目を入力します。
- 画像：バナー画像。「ローカル」「サーバー」「URL」のいずれかで指定します。高解像度の画像は、「高解像度画像をアップロードする」にチェックを入れてください。画像の下の入力欄は、画像の代替テキスト（Alt）です。
- 別ウィンドウで開く：チェックを入れると、バナー画像をクリックしたときに、別ウィンドウでURLが開きます。
- URL：バナー画像をクリックしたときに遷移するURL。
「テキストバナー」を選んだときは、画像や遷移先の項目の代わりに、「説明」の入力欄が表示されます。バナーに表示するテキストを入力してください。
すべての入力が終わったら、右上の「登録」をクリックして、バナーを登録します。
注意：バナーの画像や文章で「最安値保証」「絶対お得」のような断定的な表現を使うときは、景品表示法に関わる場合があります。根拠のない表現は避けてください。詳細は専門家にご確認ください。
バナーの管理
バナーの一覧の右端にあるステータスをクリックして、「有効」「無効」「非表示」から選ぶと、バナーの表示を切り替えられます。期間が終わったバナーは、削除せずに「無効」にしておくと、あとで見直すときに手間がかかりません。
内容を修正するときは、一覧でバナーの名前をクリックして編集画面を開きます。行の歯車ボタンからも、「編集」「削除」を選べます。
複数のバナーにチェックを入れると、「有効に変更」「無効に変更」「非表示に変更」でステータスをまとめて変更したり、「選択したデータを削除」で削除したりできます。
一覧の右側の検索欄では、バナーの名前・タイプ・ステータスで絞り込めます。
ECサイトのページにバナーを追加
バナーを登録しただけでは、ECサイトには表示されません。レイアウトエディターで、バナーを表示したいページにブロックを追加します。「新規バナー」の画面の右側にも、同じ手順が書かれています。
管理画面の左メニューから「ウェブサイト > テーマ > レイアウト」をクリックし、画面上部のタブで、バナーを表示したいページに切り替えます。たとえば、トップページなら「ホームページ」、カートのページなら「カート」のタブです。
バナーを置きたい場所のコンテナやグリッドにマウスを乗せると、「＋」が表示されます。グリッドを追加するときは「グリッドの追加」、ブロックを追加するときは「ブロックの追加」を選びます。
ブロックを追加するときは、モーダルウィンドウの「ブロックの追加」タブで、ブロックの種類から「バナー」を選びます。ブロックの設定は、以下の内容です。
- 名前：ブロックの名前。
- テンプレート：「オリジナル」と「カルーセル」から選びます。「カルーセル」では、基本設定の「ナビゲーション」（なし・ドット・ページ・矢印）と、「表示間隔（秒）」を設定できます。
「コンテンツ」タブでは、バナーの選び方を設定します。
- 手動入力：「バナーを追加」をクリックして、登録済みのバナーから表示したいものだけを選びます。必要なバナーを選んだら、「バナーを追加して閉じる」をクリックします。
- 最新：登録済みのバナーを、自動で表示します。「期間」（すべて・本日・過去〇日間）、「過去〇日間」の日数、表示件数の「上限」を設定できます。
最後に、「作成」ボタンをクリックして、ブロックを保存します。保存したあとは、ECサイトを開いて、バナーが表示されていることを確認してください。ブロックの置き場所によっては、見え方が崩れることがありますので、必要に応じて位置を調整します。