PC版とスマホ版のトップページ構造と楽天RMS内の編集箇所
楽天ECサイトのトップページは、
オリジナリティや購買意欲など購入者へ印象付けとなり重要です。このページではPC版・スマホ版に分けてトップページがどのような構造で、どんなパーツを設置できるのか解説します。
PC版のトップページ編集と並び順設定
PC版のトップページを編集するには
RMSメインメニュー>店舗設定>トップページ設定>PCデザイン>トップページ編集へ進みますと
「トップページ説明文上」と「トップページ説明文下」という2つの入力欄があります。ここにHTML入力することでトップページのコンテンツを設置できます。それ以外にも共通パーツとして設置できる項目に目玉商品・目玉カテゴリ・共通説明文大などがあります。これらのパーツはトップページ>カテゴリページ>商品ページと共通して表示されるパーツです。トップページ説明文上/下と共通パーツの並び順は
RMSメインメニュー>店舗設定>トップページ設定>PCデザイン>並び順設定にて調整できます。
目玉商品・目玉カテゴリ・共通説明文大の設定方法はこちら
PC版のトップページだけ楽天GOLDに切替え設定できる
スマホ版はできませんがPC版のトップページは楽天GOLDに切替え設定ができます。
RMSメインメニュー>店舗設定>トップページ設定>トップページ切替設定>GOLD用トップページ切替へ進むと下図の設定画面が表示されます。「楽天GOLDで作成したトップページを表示する」を選択して保存すると
楽天GOLDにUPしたindex.htmlファイルがトップページに切替わるという仕組みです。これによりトップページだけは店舗独自のオリジナリティを出したデザインで構築できるという訳です。ヤフーと並行運用している場合、ヤフートリプルという同様の切替設定メニューがありますので、楽天・ヤフーで同じデザイン・構成のトップページにして運用しているケースが多いです。
楽天GOLDの接続・編集方法を見る
ヤフーのトップページ切替設定を比較して見る
スマホ版のトップページ管理・編集
スマホ版のトップページは
RMSメインメニュー>店舗設定>トップページ設定>スマートフォンデザイン>トップページ管理・編集へ進みます。ページ管理名称の欄に設定しているテンプレート一覧の編集ボタンを押します。下図のようにパーツ単位で設定・編集できる構造になっており、PC版のトップページ説明文上/下のようにHTML入力はできず、基本的にはR-CabinetにUPした画像とリンク先を設定する造りです。例えば「大画像」をパーツ選択・設置すると
スライドするメインバナーになり、「小画像」を選択するとメインスライド下の
2列表記の小バナーになります。
スマホ版のトップページを構成する3種類の共通パーツ設定