ページを一から作成する必要なし!
特設ページ管理機能

レイアウトを選んでコンテンツ内容を登録するだけで、特設ページをさくっと作成!

メインビジュアル

テンプレートを都度作成することなく、ランディングページや特集ページといった特設ページの作成ができる機能です。

デザイン担当者でない方、HTMLが苦手な方でも、コンテンツのタイプに合わせてレイアウトを選んで
コンテンツ内容を登録するだけで、簡単にページを作成することが可能です。

特定の会員ランクや会員タグの会員のみにページを公開することもできるため、限定ページを作成することも可能です。

管理画面

こんな人におすすめです

  • 新しく特設ページを作成したいがHTMLが苦手
  • 決まったレイアウトを選んで、さくっと特設ページを作りたい
  • 公開ユーザーや公開期間を限定した特設ページを作りたい

活用事例と使い方

商品のLPページを作成する場合の活用事例をご紹介します。


管理画面

今回はヘッダー・フッターあり、サイドバーなしのレイアウトのページを作っていきます。

ショップ管理ツール > コンテンツ管理> 特設ページ管理>特設ページ新規登録/一覧>新規登録

特設ページ登録画面で、適用させたいデザインテンプレートを選択し、コンテンツの内容を登録します。
デザインテンプレートは、userweb/scまたは、smartphone/sc直下のxhtmlファイルの中から選択できます。
デフォルトで用意しているテンプレートは「sc_navi-left.xhtml」「sc_navi-none.xhtml」「sc_navi-right.xhtml」の3種類です。

フォルダ階層

選択したテンプレートのbodyタグ内に、登録したコンテンツ内容が反映されます。

今回は商品LPを作るため、ヘッダー・フッターあり、サイドバーなしのレイアウトの「sc_navi-none.xhtml」を選択し、
HTMLコンテンツを登録します。

管理画面
表示結果

特設ページ登録画面で選択した「sc_navi-none.xhtml」のテンプレートが適用され、
ヘッダーの下のbodyタグ内に、幅いっぱいのコンテンツが表示されました。


ユーザーウェブ表示

テンプレートごとの活用事例

作成したいページのタイプに応じて、テンプレートを選択してください。
選択するテンプレート 表示結果 作りたいページ
sc_navi-none.xhtml サイドバーなし
サイドバーなし
ランディングページなど
sc_navi-right.xhtml 右サイドバー
右サイドバー
ブログページなど
sc_navi-left.xhtml 左サイドバー
左サイドバー
商品紹介ページなど

各タグへのCSSの適用について

特設ページ登録画面で登録するHTMLコンテンツ(PC,SP)には、
それぞれ userweb/sc/css/sc.csssmartphone/sc/css/sc.css のcssファイルが適用されます。

HTMLコンテンツ内の各タグへの適用結果は下記の通りです。

適用結果 タグ
大見出し <h2>大見出し</h2>
中見出し <h3>中見出し</h3>
小見出し <h4>小見出し</h4>
強調文が入ります。 <strong>強調文が入ります。</strong>
引用文が入ります。 <blockquote>引用文が入ります。</blockquote>
テーブル <table>
   <tr>
      <th>見出し1</th>
      <td>内容1</td>
   </tr>
   <tr>
      <th>見出し2</th>
     <td>内容2</td>
   </tr>
   <tr>
     <th>見出し3</th>
     <td>内容3</td>
   </tr>
</table>
大ボタン(赤) <a href="#" class="button positive medium">大ボタン(赤)</a>
大ボタン(白) <a href="#" class="button normal medium">大ボタン(白)</a>
大ボタン(黒) <a href="#" class="button negative medium">大ボタン(黒)</a>
大ボタン(グレー) <a href="#" class="button not_click medium">大ボタン(グレー)</a>
小ボタン(赤) <a href="#" class="button positive small">小ボタン(赤)</a>
小ボタン(白) <a href="#" class="button normal small">小ボタン(白)</a>
小ボタン(黒) <a href="#" class="button negative small">小ボタン(黒)</a>
小ボタン(グレー) <a href="#" class="button not_click small">小ボタン(グレー)</a>
2カラム <div class="wrap">
   <div class="clm-2 left">
      <p>カラム1の本文が入ります。...</p>
   </div>
   <div class="clm-2 right">
      <p>カラム2の本文が入ります。...</p>
   </div>
</div>
番号無しリスト <ul>
   <li>番号なしリストの項目1</li>
   <li>番号なしリストの項目2</li>
   <li>番号なしリストの項目3</li>
</ul>
番号付きリスト <ol>
   <li>番号付きリストの項目1</li>
   <li>番号付きリストの項目2</li>
   <li>番号付きリストの項目3</li>
</ol>
定義リスト <dl>
   <dt>リストの定義語1</dt>
   <dd>リストの定義語1の説明</dd>
   <dt>リストの定義語2</dt>
   <dd>リストの定義語2の説明</dd>
</dl>

Q&A

公開期間や公開ユーザーを設定することはできますか?
可能です。特設ページ登録画面で「表示期間」「表示対象(会員ランク/会員タグ)」をそれぞれ設定してください。
デフォルトで用意されているテンプレート以外にも、テンプレートは追加できますか?
テンプレートは追加可能です。
view/userweb/sc、view/smartphone/sc内に、店舗様独自に作成したテンプレートをアップロードすることで、
特設ページ登録画面の「テンプレートファイル名」で選択できるようになります。

HTMLコンテンツを表示するため、追加するテンプレート内のコンテンツを表示したい箇所に、下記コードを埋め込んでください。

<span m:id='common.SPECIAL_PAGE_HTML_TEXT_DISP_HERE'>文言など</span>

※デフォルトで用意しているテンプレートにはあらかじめ組み込まれているm:idです。
スマートフォンでアクセスした際に、レイアウトを変える方法はありますか?
PC用とスマートフォン用のテンプレートを同ファイル名でそれぞれ作成し、
view/smartphone内、view/smartphone/内にテンプレートをアップロードしてください。

特設ページ登録画面の「テンプレートファイル名」で、アップロードしたテンプレートを選択すると、
スマートフォンでアクセスした際にはview/smartphone/内にアップロードしたテンプレートが適用されます。

view/smartphone/sc内に、「テンプレートファイル名」で選択したテンプレートが存在しなければ、
view/userweb/sc内のテンプレートが適用されます。

※view/userweb/sc内にのみテンプレートが存在する場合、PCでのアクセス時にはエラーになります。
登録したHTMLコンテンツは反映までに時間がかかりますか?
HTMLコンテンツは登録時に即時で反映されます。
HTMLコンテンツ内でm:idは使えますか?
HTMLコンテンツ内ではm:idは使用できません。表示できるのは静的コンテンツになります。
ただし、テンプレート(レイアウト情報を記述しているHTMLファイル)側ではm:idのご利用が可能です。

ebisumart機能特集

毎週アップデートされるebisumartの機能の中から厳選して、おすすめ機能ご紹介します!ご要望やお気づきの点がありましたらお気軽にお問合せください。

> ebisumart機能特集