本記事では2023年3月よりビーノで利用できるようになりました、RMS準拠スマホトップページの作り方をご説明いたします!
RMS準拠スマホトップページ作成機能の特長やご利用時の注意事項は以下ページへおまとめしておりますため、事前に必ずご確認をお願いいたします。
⚠3月末のリリースは初期リリースとなりますため、今後随時機能をアップデート予定となります。
上記アップデートに伴い、こちらのページへ記載の内容も随時更新させていただきます。
1. スマホトップの作成・管理名の設定
1-1. 「スマホトップを作る」をクリック
まずはビーノのメニュー選択画面で「スマホトップを作る」をクリックしましょう
![](https://lab.biiino.com/wp-content/uploads/2024/04/how-to-create-new-sptop_001-1-700x475.png)
1-2. 「新規にスマホトップを作成」をクリック
![Step 4 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/58bc39e3-ccd5-4dad-a987-aac1cb5e2c73/9e6ee7ca-64c9-40b6-96fa-983f122f3f8d.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=444&mark-y=631&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0zMTUmaD02NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
1-3. 作成するスマホトップの「管理名」を設定する
※店舗様の管理用となりますため、お客様に表示されることはありません。
※スマホトップ一覧画面よりあとから変更することも可能です。
![Step 5 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/48e23d50-561a-4f25-9493-55ac19891fb3/a7c188e2-46e0-4eec-a149-46d5a5aa9944.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5044&fp-z=1.2359&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=142&mark-y=403&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz05MTcmaD01OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
1-4. 「決定する」をクリック
![Step 6 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/6be74c75-980f-4195-8a87-d4fa37af5dd1/9739595c-b291-4b20-bce6-918be4a514f4.png?crop=focalpoint&fit=crop&fp-x=0.5019&fp-y=0.5041&fp-z=1.3270&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=680&mark-y=564&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMDcmaD04MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
1−5. 「はい」をクリック
![Step 7 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/56d0d548-9da6-4834-8ed3-5befa4d4b598/eecd2213-7450-4e69-bc3a-c72076b9093f.png?crop=focalpoint&fit=crop&fp-x=0.4997&fp-y=0.5117&fp-z=1.7917&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=1001&mark-y=494&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xMDMmaD05MCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. スマホトップの編集
スマホトップ一覧画面で「編集」をクリック
まず初めに、以下の一覧画面より編集したいトップページの「編集」をクリックしましょう。
![Step 8 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/78d90ef2-fa01-433a-8f20-3041744144fb/3d27d571-1ee8-477f-891e-3fb2a0e3cb53.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=860&mark-y=203&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz01MiZoPTI3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
2-1. テンプレートの選択
1. 左メニューより「テンプレートを選択」をクリック
まずはテンプレートを選びましょう!
テンプレートでは予めパーツが複数設定されておりますため、必要に応じてパーツの削除や編集、追加をするだけで整ったトップページの作成ができます。
![Step 9 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/75a8b555-ad0b-4094-a3bb-fd439ea8c1a8/d6500c30-44cb-45f5-86fe-92a413373f6f.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=33&mark-y=108&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0zMTEmaD05MyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. お好みのテンプレートをクリック
ビーノでご用意しているテンプレートは全9種類あります!(2023.03時点)
お店の雰囲気に合うものやお好きなテンプレートを1つ選んでクリックしましょう。
※テンプレートはあとから変更することも可能です。
⚠テンプレート変更時の注意点はコチラ!
![Step 10 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/38242154-0ffb-4a2f-a7bb-f502b358edae/728a943d-69c1-4be4-b686-b741077330b5.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=13&mark-y=255&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yNjEmaD0xMTYmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
3. 「テンプレート」の左側にある「<」をクリック
テンプレートの選択が完了したら、画面左上の「<」をクリックし、メニュー画面トップへ戻りましょう。
![Step 11 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/a76e0522-3e8f-4b7d-8f77-295fcb61d54b/f3010f19-fd55-43a4-9753-faf8bade1440.png?crop=focalpoint&fit=crop&fp-x=0.2922&fp-y=0.3052&fp-z=1.6383&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=-3&mark-y=87&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz03NCZoPTExMiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2-2. パーツの追加
1. 「パーツを追加」をクリック
テンプレートで予め追加されているパーツ以外で、独自にパーツを追加したい場合は「パーツを追加」をクリックします。
![Step 12 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/ad619984-52a2-4830-9382-de4a9a2d20c7/99884ab4-da50-43d1-b295-7783d4f502b4.png?crop=focalpoint&fit=crop&fp-x=0.1183&fp-y=0.2180&fp-z=2.0178&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=50&mark-y=309&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz00NzQmaD0xNDEmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
2. 追加したいパーツを選ぶ
![Step 14 screenshot](https://images.tango.us/workflows/137846e7-ddae-4042-90c0-fa0768e68e13/steps/b37df6dc-035f-418b-810d-c9b9fd53dc9a/090dec4d-8a10-45fa-8629-fbee5f676faa.png?crop=focalpoint&fit=crop&fp-x=0.2570&fp-y=0.5702&fp-z=2.0243&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=29&mark-y=454&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz00NzImaD0xNDImZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
2-3. パーツの種類について
2023年4月時点では以下パーツを提供&提供予定となっております。
こちらに記載のないパーツにつきましては、楽天市場側でご用意のないパーツとなりますため、恐れ入りますが、ビーノ側でもご用意することができかねますこと何卒ご理解いただけますと幸いです。
パーツ名称 | パーツの説明 |
---|---|
大バナー(共通) | RMSの「スマートフォン用共通大バナー」を表示 ※ご設定方法はRMS店舗運営Naviをご確認ください ※楽天市場推奨サイズ:横1080px × 縦210px |
小バナー(共通) | RMSの「スマートフォン用共通小バナー」を表示 ※ご設定方法はRMS店舗運営Naviをご確認ください ※楽天市場推奨サイズ:横266px × 縦110px |
小バナー | 小さいサイズの画像表示に最適 ※楽天市場推奨サイズ:横540 × 縦360〜540px |
大バナー | 大きいサイズの画像表示に最適 ※楽天市場推奨サイズ:横1080 × 縦168〜1920px |
商品を選ぶ | 以下7種類の中から対象商品を表示 ・新着順(商品の新規登録順) ・更新順(商品情報の更新順) ・送料無料 ・ポイントアップ(商品個別ポイントアップのみ) ・レビュー件数順(レビュー件数が多い順) ・レビュー評価順(レビュー評価が高い順) ・個別指定(対象商品を1つずつ選択) |
商品カテゴリを選ぶ | 選択したカテゴリに紐づく商品を表示 |
目玉商品を選ぶ | RMSの「スマートフォン用目玉商品」へ登録されている商品を表示 ※ご設定方法はRMS店舗運営Naviをご確認ください |
商品レビュー | お客様からの商品レビューを自動表示 ※楽天側仕様上、表示レビューの選択・削除等は不可 |
店舗内ランキング | 売れ筋順に商品を自動表示 ※楽天側仕様上、対象商品の選択・削除等は不可 |
自動レコメンド | ユーザーの購入履歴や閲覧履歴からおすすめ商品を自動表示 |
見出し | 全角12文字以内のテキスト入力が可能(改行NG) |
テキスト | 全角30文字以内のテキスト入力が可能(改行OK) |
新着ニュース | 全角30文字以内のテキスト入力が可能 ※タップ時にテキストメッセージを表示したり、リンクの設定が可能 |
リンク一覧 | テキストでのリンク作成が可能 |
注目キーワード ★開発予定 | 任意のキーワードを指定し、店舗内サーチまたは店舗内カテゴリを表示 |
クーポン ★開発予定 | RMSで登録したクーポンの中で特にPRしたいクーポンを選択・表示 |
2-4. パーツの編集
追加したパーツを編集したいときは以下手順で行いましょう!
1. 完成イメージ画面より編集したいパーツをクリック
(例)「テキスト」パーツをクリックし、編集します。
![Step 1 screenshot](https://images.tango.us/workflows/901677da-c2bb-4cc1-9e10-93c9b460fe55/steps/383bac6b-d964-425c-ab4f-74ed937a1781/ba80c841-41fe-4f08-a907-c8ca9b9b6b7d.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=568&mark-y=145&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0zNDgmaD0zOTAmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
2. 左側に表示されるパーツの設定画面で編集する
(例)テキストパーツの設定画面が表示されたら、「編集エディタを開く」より編集します。
![Step 2 screenshot](https://images.tango.us/workflows/901677da-c2bb-4cc1-9e10-93c9b460fe55/steps/1c68b106-8558-4627-a246-2a63bb738f16/2e020a00-5996-4467-bdc1-9d23cff80f0c.png?crop=focalpoint&fit=crop&fp-x=0.2596&fp-y=0.3284&fp-z=1.9259&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=20&mark-y=421&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz01MDcmaD04NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
3. 「決定する」をクリック
編集が完了したら「決定する」をクリックしましょう。
![Step 3 screenshot](https://images.tango.us/workflows/901677da-c2bb-4cc1-9e10-93c9b460fe55/steps/e888d2e6-dd61-4ec4-8534-dc3a478b367f/41accf21-cf65-43d2-8e53-cdac00e1ae33.png?crop=focalpoint&fit=crop&fp-x=0.5016&fp-y=0.5117&fp-z=1.3270&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=911&mark-y=638&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMDcmaD03OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
4. パーツ設定画面の「決定」をクリックして完了
![Step 4 screenshot](https://images.tango.us/workflows/901677da-c2bb-4cc1-9e10-93c9b460fe55/steps/aea71ce4-9391-4c84-ba95-f9768e067eaa/97f36549-0181-4e4c-bc11-bac00ba3cc3f.png?crop=focalpoint&fit=crop&fp-x=0.3457&fp-y=0.4146&fp-z=1.4460&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=207&mark-y=467&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xODkmaD03MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2-5. パーツの削除
1. 完成イメージ画面で削除したいパーツの「✕(バツ)」をクリック
完成イメージ画面で削除したいパーツにマウスを当て、左上に表示される「✕(バツ)」をクリックすることでパーツの削除ができます。
![Step 1 screenshot](https://images.tango.us/workflows/bcc4c867-9250-4957-a1a1-67ca7e5871cd/steps/49034a6f-da97-4146-affe-beeba84074a3/b4e1b7ca-2405-4038-b568-d82b2655214a.png?crop=focalpoint&fit=crop&fp-x=0.5426&fp-y=0.2667&fp-z=2.9272&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=547&mark-y=379&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xMDUmaD0xMDUmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
3. スマホトップの保存・反映
一時保存する
1. 編集画面右上の「保存する」をクリック
ビーノの管理画面内に保存するのみとなり、反映は行いません。
※お客様にも公開されません。
![Step 1 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/a0c44903-a8db-46e7-8a35-8b03c8747c69/806ca90e-ae34-4d4c-b39f-fd5eb509dc3a.png?crop=focalpoint&fit=crop&fp-x=0.6817&fp-y=0.3084&fp-z=1.5710&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=750&mark-y=9&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMDUmaD03MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. 確認画面で「保存する」をクリック
読込中のクルクルが消えたら保存完了です!
![Step 2 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/3d9954ea-e980-4f1b-b051-f2c8c80baf89/e08f0c4b-25aa-43cf-89c7-facfa65054c9.png?crop=focalpoint&fit=crop&fp-x=0.4994&fp-y=0.5170&fp-z=1.3270&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=664&mark-y=438&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMDcmaD03NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
反映する
1. 編集画面右上の「反映する」をクリック
RMSへ作成したトップページデータを登録します。
また、反映が完了しますと、お客様にも公開されます。
![Step 3 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/6ddcedcb-c365-4cae-b1b7-97aa28dc3bd7/0a277c59-5eb0-4357-a87b-f2ba591275b3.png?crop=focalpoint&fit=crop&fp-x=0.7515&fp-y=0.2763&fp-z=1.8089&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=928&mark-y=10&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMzYmaD04MiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. 確認画面で「反映して公開」をクリック
※楽天システム(API)の仕様上、反映には少々お時間がかかります(最大数十秒)ため、反映完了まで今しばらくお待ち下さい。
![Step 4 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/147b46a1-6a40-45d7-8764-24ac9e73f727/b63535ed-4b58-49a4-98e2-84c03af8d193.png?crop=focalpoint&fit=crop&fp-x=0.5084&fp-y=0.4966&fp-z=1.1735&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=589&mark-y=595&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMjUmaD02NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
3. 「閉じる」をクリックして完了
「反映/公開完了」の画面が表示されたら反映完了となります。
![Step 8 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/f6ac29c5-63b4-4a57-a266-65e9fea259f3/65e93df2-77cf-4cf8-8947-2ef4a46393f0.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5328&fp-z=1.4180&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=503&mark-y=432&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xOTMmaD03OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
スマホトップページの表示期間を指定する場合
1. 開始日時と終了日時を指定する
「反映する」をクリック後に表示される画面にて、表示期間の設定をしましょう。
![Step 5 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/a5dc6406-445e-498d-b58c-29c9254cce48/114e1ef8-cb6f-471f-ad3f-eff8d8b24c3f.png?crop=focalpoint&fit=crop&fp-x=0.5084&fp-y=0.5224&fp-z=1.2667&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=370&mark-y=452&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMTUmaD0zOCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. 「反映して公開」をクリック
表示期間の指定が完了したら「反映して公開」をクリックしましょう。
![Step 6 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/28978386-41d9-427e-8e34-174586d55fff/a53a20e4-a9af-468b-a566-d700de6d9199.png?crop=focalpoint&fit=crop&fp-x=0.5196&fp-y=0.5074&fp-z=1.1735&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=574&mark-y=558&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yMjUmaD02NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
3. 「閉じる」をクリックして完了
「反映/公開完了」の画面が表示されたら反映完了となります。
![Step 8 screenshot](https://images.tango.us/workflows/fe20537f-2e6a-4dc9-a3e6-91e6001b1a3c/steps/f6ac29c5-63b4-4a57-a266-65e9fea259f3/65e93df2-77cf-4cf8-8947-2ef4a46393f0.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5328&fp-z=1.4180&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=503&mark-y=432&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xOTMmaD03OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
4. スマホトップの削除
作成したスマホトップを削除する場合はスマホトップの一覧画面より以下手順で行います。
1. スマホトップ一覧画面で「削除」をクリック
削除したいトップページの右端にある「削除」をクリックしましょう。
![Step 1 screenshot](https://images.tango.us/workflows/d269d2b2-17e5-49f7-a23a-319a1f861fed/steps/90581b0b-01b1-4fad-a1cc-d24e189d4a77/88f5b316-28e6-4ce7-91cf-646b3244910b.png?crop=focalpoint&fit=crop&fp-x=0.5121&fp-y=0.5015&fp-z=1.0228&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=1054&mark-y=457&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz00OSZoPTI3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
2. 「削除する」をクリック
削除するトップページ管理名に誤りがないかご確認の上、「削除する」をクリックしてください。
なお、ビーノの管理画面側からのみ削除され、RMSで公開中のページに影響はありません。
※RMSのスマホトップ一覧とビーノのスマホトップ一覧は連動しておりません。
![Step 2 screenshot](https://images.tango.us/workflows/d269d2b2-17e5-49f7-a23a-319a1f861fed/steps/bf5b52e2-a75b-4899-a764-e29c20685d08/63ff0c82-0a7e-4163-b6de-0e4219bf6063.png?crop=focalpoint&fit=crop&fp-x=0.5003&fp-y=0.5050&fp-z=1.7013&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=934&mark-y=508&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xNDMmaD04NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
3. 削除完了画面で「はい」をクリックして完了
![Step 3 screenshot](https://images.tango.us/workflows/d269d2b2-17e5-49f7-a23a-319a1f861fed/steps/dbc18d68-2d65-4f2e-bd0c-e6da690f0dde/ed843a68-ff54-4d01-97e3-4534d262f897.png?crop=focalpoint&fit=crop&fp-x=0.5016&fp-y=0.5094&fp-z=1.7917&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=997&mark-y=498&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xMDMmaD05MCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
5. スマホトップの複製
作成したスマホトップを複製・編集される場合は、スマホトップの一覧画面より以下手順で行います。
1. スマホトップ一覧画面で「複製」をクリック
複製したいトップページの右端にある「複製」をクリックしましょう。
2. 複製後のトップページの管理名を入力
※例として「お買い物マラソン用」としています。
3. 「複製する」をクリック
管理名の入力が完了したら「複製する」をクリックしましょう。
4. 確認画面で「はい」をクリックして完了
複製後のトップページが「スマホトップ一覧画面」へ追加されますため、「編集」をクリックして
![Step 4 screenshot](https://images.tango.us/workflows/4666ce5a-26a6-4172-97f1-30a2370c521a/steps/ce80f302-56e4-44ea-8a98-41f42dfb39ce/ad562d26-114d-41a1-b143-38a8c0c14b52.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=945&mark-y=442&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz05MyZoPTgxJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
🔰その他よくあるご質問
1. 反映前に実際のスマートフォンでプレビューの確認はできますか?
恐れ入りますが、スマートフォンでのプレビュー表示には対応しておりません。
そのため、完成イメージ画面をご確認の上、作成・反映をお願いいたします。
2. Instagram や Facebook、LINE などのリンクを埋め込むことはできますか?
恐れ入りますが、楽天市場側の仕様上、RMS準拠スマホトップページではHTMLタグの設置が禁止されておりますため、外部SNSへのリンク埋め込みはできなくなっております。
そのため、リンクのご設定をご希望の場合は以下手順でのご対応となります。
- RMSにて外部リンク申請を行う
※申請方法はこちらのRMS店舗運営Naviをご確認ください。
- 申請が許可されましたら、各SNSへのリンクバナーとリンク先URLを用意する
※Instagram、Facebook、LINEについては無料提供バナーのご用意がございます。
- ビーノのRMS準拠スマホトップページ作成機能で設定する
※利用パーツは「大バナー」もしくは「小バナー」となります。
関連キーワード:新店舗トップ 新スマホ 店舗トップ バナー削除