すべてのページ下部に「ご利用ガイド」を表示する

TOP > 制作 > 下部エリア

ＨＴＭＬタグを管理画面に挿入する

■「フッタのバナーエリア」へ移動します

画面をスクロールして画面下部へ移動します。
この際、「フッタの設定」と間違わないように注意してください。

■ＨＴＭＬタグの表示に切り替えます

一番右の「ＨＴＭＬ表示切替」をクリックします。


ＨＴＭＬタグの表示に切り替えずに、通常モードで編集することもできます。
しかし通常モードの編集では、細かいレイアウトの調整はできません。

そのため、ホームページ作成ソフトなどであらかじめ別途作成したＨＴＭＬソースを貼り付ける方法をおすすめします。


ＨＴＭＬタグはHTML4.01のタグをご利用ください。
カスタムテンプレートのお店ページはHTML5で構築されていますが、ショッピングカートはHTML4.01で構築されているため、ショッピングカートに合わせます。ベーシックテンプレートは、お店ページ、ショッピングカートともにHTML4.01です。

■ＨＴＭＬソースを貼り付けます

  1. ホームページ作成ソフトなどであらかじめ作成しておいたＨＴＭＬソースを、入力欄の中に貼り付けます。


また本案内の最後のページでＨＴＭＬソースのサンプルを用意しています。
こちらも合わせてご活用ください。

■入力した内容を保存します

画面一番下の「設定を保存する」をクリックします。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合、デザイン設定の左メニュー「テーマの選択」から「ヘッダとＳＥＯの設定」までは、画面下部の「編集中のテーマでお店を更新」で、お店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、ＨＴＭＬやＣＳＳのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。


ご利用ガイドのサンプル

ページ下部のＨＴＭＬタグを「フッタのバナーエリア」に貼り付ければ、ご利用ガイドをお店ページに表示できます。
各項目名やご案内文などは、貼り付ける前にお店の状況に合わせた内容に修正してください。
なお、以下のサンプルはカスタムテンプレートの「E-ホワイト」と、ベーシックテンプレートの「カラー・ホワイト」のテーマを利用している場合です。
選択しているテーマに合わせて最適なデザインに変化します。

＜ご利用ガイドのサンプル＞

カスタムテンプレート「E-ホワイト」
ベーシックテンプレート「カラー・ホワイト」

＜サンプルのＨＴＭＬタグ＞   ---以下をコピーのうえ、青字部分など、必要なところを書きかえてお使いください。---

カスタムテンプレート用 

<section class="cont w100">
  <div class="freeArea2 freeTop" style="width: 97.5%;">
    <h2 style="width: 100%;"><span class="freeAreaTitle">ご利用ガイド</span></h2> 
  </div>
  <div style="width: 49%; text-align: left; float: left;">
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">ご注文方法</span></h2> 
      <p>
        インターネットにて24時間受け付けております。<br>
        ご注文やご質問メールの対応は、土日祝日を除く平日のみです。<br>
        お電話の受付は平日9：00～19：00です。
      </p>
    </div>
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">お支払い方法</span></h2>
      <p>クレジットカード決済、後払い（コンビニ、郵便局、銀行）決済、コンビニ（番号端末式）・銀行ＡＴＭ・ネットバンキング決済、コンビニ決済（払込票）、楽天銀行決済、PayPay（オンライン決済）、楽天ペイ(オンライン決済)、代金引換、銀行振込（前払い）、郵便振替<br>
        ※代金引換、コンビニ決済は、手数料として別途 350円＋税を貰い受けます。<br>
        ※銀行振込手数料はお客様負担となります。
      </p>
    </div>
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">送料について</span></h2>
      <p>
        全国一律700円（宅急便にてお送りします）<br>
        30,000円以上のお買い上げで、送料は無料とさせていただきます。
      </p>
    </div>
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">発送について</span></h2>
      <p>【クレジットカード払い・代金引換】<br>営業日の15時までのご注文は当日発送いたします。</p>
      <p>【上記以外のお支払い方法】<br>ご入金を確認した後、当日中に発送いたします。</p>
    </div>
  </div>
  <div style="width: 2%; float: left;">&nbsp;</div>
  <div style="width: 49%; text-align: left; float: left;">
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">返品・交換について</span></h2>
      <p>
        一部商品については返品・交換を承っております。<br >
        返品・交換をご希望のお客様は、商品到着から一週間以内にメールにて必ずご連絡ください。<br>
        不良品、誤品配送の際、送料は当社負担で対応させていただきます。<br>
        恐れ入りますがセール品の返品はご遠慮ください。
      </p>
    </div>
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">セールについて</span></h2>
      <p>
        セール商品は限定数量となっておりますので売り切れとなる場合がございます。<br>
        また、セール商品の返品・交換はお受けできませんので、予めご了承ください。
    </div>
    <div class="freeArea2 freeTop" style="width: 95%;">
      <h2 style="width: 100%;"><span class="freeAreaTitle">在庫切れ商品について</span></h2>
      <p>
        完売商品をご希望の場合、お調べいたしますので、下記連絡先までご連絡下さい。
      </p>
    </div>
  </div>
  <div style="height: 0.5em; clear: both;">&nbsp;</div>
  <div class="freeArea2 freeTop" style="width: 95%;">
    <h2 style="width: 100%;"><span class="freeAreaTitle">ご連絡先</span></h2>
    <p style="text-align: left;">
      ショップ名：デザイナーズ家具の専門店bekvam<br>
      運営責任者：山田 太郎<br>
      所在地：〒123-1234 東京都 〇〇区 〇〇〇 1-23-4<br>
      お問合せメールアドレス： <a href="mailto:★メールアドレスを記述">★メールアドレスを記述</a>
    </p> 
  </div>
</section>

ベーシックテンプレート用 

<div id="center3"><div class="centerbox"><div class="title1" style="margin-bottom:8px;">ご利用ガイド</div>
<div class="mainCont">
<div style="width:49%; text-align:left; float:left;">
<h3 class="title3">ご注文方法</h3>
<p>インターネットにて 24 時間受け付けております。<br>ご注文やご質問メールの対応は、土日祝日を除く平日のみです。</p>
<h3 class="title3">お支払い方法</h3>
<p>クレジットカード決済、後払い（コンビニ、郵便局、銀行）決済、コンビニ（番号端末式）・銀行ＡＴＭ・ネットバンキング決済、コンビニ決済（払込票）、楽天銀行決済、PayPay（オンライン決済）、楽天ペイ(オンライン決済)、代金引換、銀行振込（前払い）、郵便振替がご利用いただけます。 <br>※代金引換、コンビニ決済は、手数料として別途 300円＋税を貰い受けます。<br>※銀行振込手数料はお客様負担となります。</p> 
<h3 class="title3">送料について</h3>
<p>全国一律 700 円（宅急便にてお送りいたします）<br>30,000 円以上お買い上げいただいた場合は、送料は無料とさせていただきます。</p>
<h3 class="title3">発送について</h3>
<p>【クレジットカード払い・代金引換】<br>営業日の 14 時までのご注文は当日発送いたします。</p>
<p>【上記以外のお支払い方法】<br>ご入金確認後、2 営業日以内に発送いたします。</p>
</div> 
<div style="width:2%; float:left;">&nbsp;</div>
<div style="width:49%; text-align:left; float:left;">
<h3 class="title3">返品・交換について</h3>
<p>一部商品については返品・交換を承っております。<br>返品・交換をご希望のお客様は、商品到着から一週間以内にメールにて必ずご連絡ください。</p>
<p>不良品、誤品配送の際、送料は当社負担で対応させていただきます。</p>
<p>恐れ入りますがセール品の返品はご遠慮ください。</p>
<h3 class="title3">セールについて</h3>
<p>セール商品は限定数量となっておりますので売り切れとなる場合がございます。</p>
<p>また、セール商品の返品・交換はお受けできませんので、予めご了承ください。</p>
<h3 class="title3">在庫切れ商品について</h3>
<p>完売商品をご希望の場合、お調べいたしますので、下記連絡先までご連絡下さい。</p>
</div> 
<div style="height:0.5em; clear:both;">&nbsp;</div>
<h3 class="title3">ご連絡先</h3>
<p  style="text-align:left;">ショップ名：デザイナーズ家具の専門店 bekvam<br>運営責任者：山田 太郎<br>所在地：〒123-1234 東京都 〇〇区 〇〇〇 1-23-4<br>お問合せメールアドレス：<a  href="mailto:★メールアドレスを記述">★メールアドレスを記述</a></p>
</div></div></div>