楽天市場でショップ運営をされている皆さん、新スマホトップページへの対応はお済でしょうか?
やらないとけないけど、日常業務が忙しくて対応できてない。
どうしたらいいのか分からず、ついつい後回しにしてしまってる。
などなど、いろいろな理由で対応できていないショップ様も多いかと思います。
今回は、そんなに手を加えなくても新スマホトップページを作成するテクニックをご紹介したいと思います。
新スマホトップとは?
そもそも新スマホトップって、何?って方もいるかと思いますので、
簡単に概要をご説明したいと思います。
全店舗のトップページ上部の統一
全店舗のトップページ上部の構造を統一し、ユーザーが知りたい情報を一目でご確認することができ、ページ回遊率の向上も見込めます。
パーツを組み合わせて店舗の個性を表現
用意されているさまざまなパーツを組み合わせて店舗の個性を表現できます。

Web制作の専門知識の必要なし UIで簡単設定
Webページの作成に必要HTMLやCSSの専門知識なしで自由にレイアウト変更ができます。
アプリ用ページ/スマホ用ページを一括更新
作成したページはアプリ用とスマホ用の両方のトップページに反映されます。
新スマホトップページ移行期限
新スマホトップページへの切り替え期日は、2023年2月10日(金)です。
※延長される可能性もあります。
期限内に移行されなかった場合は、2023年2月14日(火)の早朝に強制移行されます。
新スマホトップページの作成
新スマホトップページの作成は、用意されているさまざまなパーツを追加して作成していきます。
パーツには、大きく分けて2種類のパーツがあります。
- 簡単な表示設定をするだけのパーツ
- 表示設定の他に画像、リンクURL、テキストなどの設定が必要なパーツ
「簡単な表示設定をするだけのパーツ」だけを使用して簡単にページを作成します。
このパーツだけでも十分な見栄えのページになります。
そのパーツをご紹介します。
大バナー(共通テンプレート)
共通テンプレートの大バナーを表示します。
※大バナーの設定がされている必要があります。

小バナー(共通テンプレート)
共通テンプレートの小バナーを表示します。
※小バナーの設定がされている必要があります。

目玉商品(共通テンプレート)
共通テンプレートの目玉商品を表示します。
※目玉商品の設定がされている必要があります

店舗内ランキング
店舗内ランキングを表示します。


商品レビュー
商品レビューを表示します。


商品(おすすめ)
お客様の購入履歴、閲覧履歴から店舗内のおすすめ商品を自動表示します。


これらのパーツを追加して表示設定をし、反映して完了です。
実際の表示がこちらです。

とても簡単にスマホトップページを作成することができました。
お時間に余裕のある方は、さらにいろいろなパーツを試してみてください
楽天GOLDで作成したスマホトップを活用
現在、楽天GOLDでスマホトップを作成しているショップに限るのですが、
楽天GOLDスマホトップを引き続き活用できます。
新スマホトップページに「リンク」パーツや「大画像」パーツを使用して、
楽天GOLDのスマホトップページへのリンクを設定し、誘導するだけです。






※楽天GOLDのスマホトップページのファイル名をindex_sp.htmlから任意のファイル名に変更する必要があります。
楽天GOLD上のファイルは、引き続きウルトラASPの使用が可能で、手間もかからないので、
楽天GOLDでスマホトップを作成しているショップは、こちらをおすすめします。
※今後、仕様変更に伴い、楽天GOLDが使用できなる可能性があります。
注意点
新スマホトップページを1度反映してしまうと、現在のスマホトップに戻すことはできませんので、反映の際は、ご注意ください。
※反映せず、編集内容を保存しておくことは可能です。
まとめ
ご紹介した通り、新スマホトップページへの移行は、やり方次第では簡単に作成できます。
今回ご紹介したパーツ以外にもまだまだたくさんのパーツがあります。
作りこむことも可能ですので、ぜひ、試してみてください。
新スマホトップページの作成でお困りごとがありましたら、お気軽にご連絡をお願いします。