メルマガバナーをサイドバーに設置する方法＜目次＞ 1 メルマガ登録ページを利用するための設定をする・・・・・・・・・・・・・・・・・・ 2 1-1 メルマガ登録ページを作成する 1-2 メルマガの登録、解除用の自動送信メールを設定する 2 メルマガのバナー画像を登録する・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 5 2-1 バナー画像を貼りつける 2-2 バナー画像にリンクを張る 2-3 バナー画像のレイアウトを設定する 3 バナー画像の表示設定とレイアウトを調整する・・・・・・・・・・・・・・・・・・・・・ 8 1/9 1 メルマガ登録ページを利用するための設定をする 1-1 メルマガ登録ページを作成する ■設定作業の前にバナー画像を用意しますサイドバーに設置する場合のサイズは、横の長さを 150 ピクセル（px）にすると、きれいに配置できます。 ■メルマガ登録ページの見出しと案内文を作成します「メルマガページ設定」へ移動します。 ① お客さんがメルマガを登録・解除できる「メルマガ登録ページ」の見出しを入力します。 ② メルマガの内容やメリットなど、案内文を入力します。 2/9 ■メルマガのサンプルを入力しますどのようなメルマガが配信されるかメルマガのサンプルをメルマガ登録ページに表示できます。サンプルは、事前に書いておくとスムーズに設定できます。 ① メルマガサンプルを表示する場合は、「表示」を選びます。表示しない場合は、「非表示」を選びます。 ② 「表示」を選んだ場合、サンプルとなるメルマガを「サンプル」に入力します。 1-2 メルマガの登録、解除用の自動送信メールを設定する ■メルマガ登録時に送る自動送信メールを設定しますメルマガを新規で登録してくれたお客さんに登録完了のお知らせメールを自動送信できます。 ① 「差出人名」を入力します。どこから送られたのかわかるように、お店の名前などがおすすめです。 ② 送信元の「メールアドレス」を入力します。 ③ メールの「件名」を入力します。 ④ メールの「本文」を入力します。メルマガ登録のお礼、配信頻度、お店の情報などを記載しましょう。登録されたメールアドレスは、「読者管理」に保存されます。集客・運用＞読者管理 ●読者管理とは・メルマガを配信するとき、読者管理から配信リストを作成できます。・メルマガ読者は、10 万件まで登録できます。読者管理について、オンラインサポートで詳しくご案内しています。＞＞「178」で検索 ■メルマガ解除時に送る自動送信メールを設定しますメルマガ登録の解除を希望したお客さんに、登録解除完了のお知らせメールを自動送信できます。 ① 「差出人名」を入力します。どこから送られたのかわかるように、お店の名前などがおすすめです。 ② 送信元の「メールアドレス」を入力します。 ③ メールの「件名」を入力します。 ④ メールの「本文」を入力します。解除完了のお知らせ、今までメルマガを購読いただいたお礼などを記載しましょう。 3/9 ■設定を保存しますページ下部にある「設定を保存する」をクリックします。以上で、メルマガ登録用ページが完成しました。 4/9 2 メルマガのバナー画像を登録する 2-1 バナー画像を貼りつける ■画像挿入ボタンをクリックします ① 「内容」の入力欄をクリックし、カーソルを表示させます。 ② 画像挿入ボタンをクリックします。 ■登録する画像を選びます別ウィンドウで「画像挿入画面」が開きます。 ① 「画像ファイル」の「参照」をクリックします。 ② お持ちのパソコンの画像選択ウィンドウが開きます。 ③ 登録したい画像を選びます。 ④ 「開く」をクリックします。 ⑤ 画像ファイルの保存場所を示す文字列が自動的に入力されます。 5/9 ■画像ファイルの登録名を入力します ① 選択した画像ファイルが「日本語名のファイル」の場合のみ、Ｅストアーショップサーブの管理画面で登録名を入力します。入力できる文字は、半角英数字です。「.jpg」「.gif」などの拡張子も含めて入力してください。拡張子は元のファイルと同じものを入力します・日本語は入力できません・半角英数字であれば、任意の文字列を使えます ② 画像を挿入します。「挿入する」をクリックすると、管理画面の「サイドバー用フリーエリア」の「内容」の欄に画像が挿入されます。同時に、画像台帳にも画像が登録されます。画像台帳は、管理画面の以下メニューから確認できます。お店運営＞画像台帳「内容」には、画像の他、テキストも入力できます。文字の大きさ、色、太さも変えられます。 2-2 バナー画像にリンクを張る ■リンク作成マークをクリックします ① 画像バナーをクリックし、選択します。 ② 「リンク作成マーク」をクリックします。 6/9 ■リンク先 URL を入力します ① 「アドレス（URL）」にリンク先のメルマガ会員登録ページの URL を入力します。メルマガ登録ページの URL は、以下の該当するものを入力します。・独自ドメインをお持ちのお店の場合 http://ドメイン名/SHOP/mailmag.html ・独自ドメインをお持ちでないお店の場合 http://ショップＩＤ.shopserve.jp/SHOP/mailmag.html ② リンク先のページを「別ウィンドウで開く」か「同ウィンドウで開く」か、選びます。メルマガ登録の場合、「同ウィンドウ」を推奨します。別ウィンドウと同ウィンドウの違い・別ウィンドウは、新しいページが開きます。・同ウィンドウは、新しいページに切り替わります。（推奨） ③ 「OK」をクリックし、リンク設定は完了です。 ④ リンク設定が正しく完了していると、バナー画像に囲み線がつきます。 2-3 バナー画像のレイアウトを設定する ■バナー画像を中央に配置します ① バナー画像をクリックし、選択します。 ② 「中央揃え」をクリックします。画像が中央に移動します。中央以外にも、「左寄せ」「右寄せ」もできるので、自由に選べます。 ③ 「設定を保存する」をクリックします。これで、バナーの設置が完了しました。お店ページに表示させるために、8 ページの「3 バナー画像の表示設定とレイアウトを調整する」へ進みましょう。 ■HTML タグの編集もできます 7/9 3 バナー画像の表示設定とレイアウトを調整する ■サイドバーへの表示を設定します「表示コンテンツ設定」の「サイドバー用フリーエリア 1～5」のところまで移動します。 ① お店ページのサイドバーに表示させたいコンテンツを「表示」に切り替えます。 ② お店ページの左側、右側のどちらに表示させるか選びます。 ③ 「↓表示レイアウト設定へ反映」をクリックすると、下の「表示レイアウト設定」に反映します。表示させる場所の表示イメージ図 8/9 ■表示させる位置を決めます「表示レイアウト設定」に反映した項目の位置を「上へ」「下へ」ボタンで移動します。 ① 表示位置を変更したい項目をクリックし、色を反転させます。 ② 反転した項目を「上へ」「下へ」ボタンで、移動させます。 ③ 表示位置が確定したら、「設定を保存する」をクリックします。設定を保存する前に表示位置を確認したい場合、「プレビュー」をクリックすると、お店ページへの表示位置を確認できます。この作業は省略しても問題ありません。 ■お店ページを更新します ① 管理画面の左上にある「お店ページを更新する」をクリックします。 ② 画面が切り替わるので、「更新を開始する」をクリックします。更新作業がすべて終わるまでお待ちください。 ③ 更新が完了したら、お店ページを確認してみましょう。お店ページの更新をしても、反映されない場合の対処法・お店ページを一度閉じ、もう一度開きなおしてみましょう。・パソコンの「F5」キーを押してみましょう。 9/9