【楽天/Yahoo!】スマホ制作基本の「き」┃全ページに共通バナーを表示させるには？

この記事は過去に書かれた「ogaRia繁盛レシピ」を再掲載しています。予めご了承くださいませ。

こんにちは、ogaRiaチームNです。

今回はスマホネタとして「全ページに共通してバナーを表示する方法」についてご紹介します。

スマホは、商品回遊の導線が非常に重要

スマートフォンの場合はPCと比較して、一度に見せられる情報量が物理的に少なくなります。
その為、工夫して商品同士の導線を作っておかないとお客様は目的商品以外のページに遷移せず、ショップに留まる時間も短くなり転換率の低下・客単価の低下を招きます。

せめて、最も転換率が高い売れ筋商品へのリンク導線は全ページに表示しておきましょう！これからご紹介する方法で、ぜひ今すぐご対応ください。

楽天ショップの設定方法

RMSより以下の設定を行います。

1. RMSメインメニューより、「1-2 デザイン設定」に入ります。
2. 「2 スマートフォンデザイン設定」欄の【共通バナー設定】をクリックします。
3. 「大バナーの編集・設定」欄に画像URL、リンク先URLを入力します。
4. ページ最下部【確認画面へ進む】から確認画面へ進み、【登録する】のボタンで完了です。

Yahoo!ストアの設定方法

Yahoo!ストアマネージャー(ストアクリエイターpro)より以下の設定を行います。

1. 「ページ編集」メニューに入ります。
2. 右側にトップページプレビューが表示されます。最下部の【編集】ボタンを押します。
3. タブメニューから【スマートフォン要情報】をクリックします。
4. 「おすすめ情報」欄、おすすめ情報1〜9へ画像とリンクを登録する事で、Yahoo!ストアスマホページの、トップページと商品詳細ページに表示されます。

売れ筋商品に直接リンクさせるのも一つの方法ですが、売れ筋商品ランキングページなど、商品がある程度分類・陳列されている特設ページにリンクさせる事でも回遊率を上げる効果があります。

ぜひご活用くださいませ！