すべてのカテゴリ

楽天市場では常に、お買い物マラソンや、大感謝祭などといったお客様向けキャンペーンを行なっていますよね。そのキャンペーンバナーは楽天市場で無料で配布されています。今回はそれをRMSに設置する方法をお伝えしていきます！まずはRMSにログイン！RMSにログインし、「ポイント&クーポン キャンペーン開催情報」を開きます。ここで、キャンペーンの開催日時や、バナー画像、キャンペーン案内ページへのURLなどを入手します。バナーはいろんなサイズがあるのですが、どのキャンペーンバナーにもサイズがある、【PC】468x60pxか【SP】616x120pxがおすすめです。同じサイズの方が並べても綺麗に揃えられますし、スライドバナーとしても使えます。今回はRMSのスマホ共通バナーで設定したいので、【SP】　616x120pxを選びます。⭐️キャンペーンバナーの画像はダウンロードして使う画像は必ずダウンロードして使います。（ここに書いてあるURLを直接使わない。）画像のURLをクリックするとダウンロードできます。その時、ユーザー名とパスワードを求められますが、それらは同じページに記載してあります。⭐️告知解禁日時前に開示してしまわないよう注意お買い物マラソンなどの大型キャンペーンは、事前告知の解禁日があります。それより前にバナーを公開しないように注意しましょう。⭐️キャンペーンが終わったらバナーは片付けるキャンペーンが終わったらそのバナーはページから削除しましょう。開催期間やリンクURLも後で必要なので、メモしておくか、まだ画面は開いたままにしておいて下さいね。😇RMS共通バナーに設定しよう！▼

楽天市場の会社概要ページって味気ないと思いませんか？ナビボタンを設定していない、トップページに戻るボタンとかお店のロゴや看板も何もない、という店舗様も少なくはないようです。▼会社概要ページ（パソコン）▼会社概要ページ（スマホ）パソコンで見てもスマホで見ても、戻るボタンを押してもらわないとお店のページに戻れないし、ほぼ文字しかないページになります。このページにもトップページや商品ページへのリンクを設置した方が親切かと思いますので、今回はお客様にわかりやすいボタンの設置の仕方を解説したいと思います！1回設定すれば、パソコン・スマホ両方で表示されます。少しでも離脱や機会損失などのリスクの少ないお店を目指しましょう！出来上がり見本▼出来上がりはこんな感じ。トップページや商品一覧ページに戻れるようにわかりやすくボタンを設置します。RMSの会社概要ページで設定するでは早速。RMSにログインしたら、店舗設定→[5 基本情報設定]→会社概要ページに進みます。▼説明文項目の3つ目にある、[説明文1]をクリック▼会社情報ページ 説明文タイトルと説明文を埋めていきます。①②③は各ボタン。＊タイトルは何かしら入れないといけないようです。付けたくなかったら、スペースでもOK。ここに入れたものは見出しになります。例えば、「ショッピングを続ける」とか「買い物を続ける」などはいかがでしょうか？😉①TOPへのボタン⭐️下記をコピペでOK♪　https:の後のスペースは詰めて下さい。<a href="https:　//www.rakuten.co.jp/shopname/" style="backgroun

キーワードだけではなく、価格などで条件を絞って検索出来たら、お客様も早く求める商品に辿り着けるに違いありません。せっかく楽天市場のたくさんのお店の中から選ばれて来てもらえたのに、「探すの疲れちゃった、もういいや」って離脱（そのページから離れること）されるなんて勿体なさすぎます。すぐに、楽に、目的の商品を見つけてもらいたいですよね。楽天市場出店者様必見！今回も画像たっぷりで分かりやすく解説します！よく分からなくても、解説読まずにコピペでOK！フォームは楽天RMS内でもGOLDのhtmlファイル内でも設置出来ます。 🙂　また、パソコン・スマホ両方で使えます。最終どんな検索窓が出来るのか？まず出来上がり見本htmlをコピペするでは早速！下記htmlを検索窓を置きたいところにコピペしてください。＊2行目のhttps:の後のスペースは詰めてください。<div　class="search02"><form method="get" action="https:　//esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="euc-jp"><input value="6" type="hidden" name="sv"><input value="★ショップの数字★" type="hidden" name="sid"><input value="★ショップID★" type="hidden" name="su"><input value="★ショップ名★" type="h

楽天市場に出店すると、楽天GOLDサーバーが無料で付いてきます。楽天GOLDとは倉庫のようなもので、画像とか、イチから作ったページとか入れておきます。トップページとか特集ページとかを自由なレイアウトで作って、よりお客様に商品の魅力を伝えたいですよね。使用するためには申し込みが必要なので早速一緒にやっていきましょう！RMSからGOLDサーバーを申し込む！1. RMSにログインしたら、[店舗様向け情報・サービス] → [２ オプション機能利用申込・解約]2. 楽天GOLD欄の[申込]をクリックして申請しますGOLDのページとは？RMSとの違いRMSでは制限があってできなかったことがGOLDでは出来るようになったりします。たとえばRMSでJavaScriptが書けないので動きのあるサイトが作りづらかったりします。ですがRMSの方が、更新や管理が楽なこともあるでしょうし、必ずしもGOLDを使わなくてはいけないというわけではないので、使いやすい方、楽な方で使い分けたらいいと思います。▼そのページがGOLDにあるのかはURLを見ればわかります。GOLDの活用例GOLDの活用法はページ作成だけにとどまりません。賑わいシステムに使うこともあるかもしれませんし、ページの装飾のCSSファイルや画像を入れたっていいんです。RMS内がCSSの記述だらけでどこに何が書いてあるかわかりづらくなっていたりしませんか？CSS（ページの装飾）ファイルをGOLDに入れてRMSで読み込ませれば、記述は1行ですみます。滅多にいじらないところはGOLDに、よく修正するところはRMSに書くというやり方もありです。GOLD

CSSは装飾系を指定するもの。文字サイズを指定したり、色をつけたり、背景に画像をつけたり。。。CSSを適用させる方法としては3通り。（Javascriptとか置いといて）①htmlタグに直接書く②html内の<style></style>の中に書く③cssのファイルを作る今回もサクッとわかりやすい解説に努めます！①htmlタグに直接書く例えば、下記のようにpタグなどに直接書く方法です。<p style="color:red;">月曜日は定休日です。</p>▼▼▼こうなる▼▼▼②html内の<style></style>の中に書く下記のように、styleタグ内に書く方法です。<p style="color: red;">月曜日は定休日です。</p>  <style>   p {    background: yellow;    color: orange;   }▼▼▼こうなる▼▼▼気づきましたでしょうか、上の例ではpタグに、「文字赤くしてよ」という指定と、「文字オレンジにしてよ」っていう指定をしています。②の<style>の中から指定するより、①の直接指定した方が優先度が高いので、文字色は赤になっています。ちなみに、Yahoo!ストアクリエイター内にはstyleタグは書けないので、①か③の方法を使います。③cssのファイルを作る例えば、style.cssなどと名前をつけたファイルを作って、それをhtmlに読み込ませます。（このcssを適用してねと指定する）外

楽天RMSがCSSでいっぱいになってしまった！入力文字数が足りなくなってきそうだ！誤って触ってしまわないか心配だ！そんなときは思い切って（？）、GOLDに入れてしまうのもアリかと思います。ただ修正するときはGOLDにアクセスしなければいけないので、あまりいじらないものはGOLDに入れておくというのもいいかもしれません。やり方としては、<style>と</style>の間にあるコードをコピペして、.cssという拡張子で保存します。例えば、以前のブログの例で言うと、下記のようになります。(a)charset "UTF-8";.newyear2023 {border: 5px solid #000;text-align: center;padding: 10px;}.red {color: red;}このとき、1行目に、(a)charset "UTF-8";↑(a)のところはアットマークにしてください。と書いておくと、font-familyとかの日本語が文字化けしません。そしてこれを例えば、rms-style.cssという名前で保存して、GOLDにcssというフォルダーを作って、その中に入れたとします。そしたらこのCSSのURLは、https://　www.rakuten.ne.jp/gold/ ショップID /css/rms-style.css↑ブログで禁止ワードに引っかからないようにスペースを空けています。。。となります。そしてこのCSSをRMSで呼び出したい場合は、下記のようなコードを、ヘッダーコンテンツやフッターコンテンツなどに書けばOK。<li

楽天RMS内のPCヘッダーコンテンツの一番最初に<style>を書いている人は結構多いようです。<style>内にいっぱい書いているために、結構スクロールしないといけなくて、肝心のヘッダーの中身どこ？なんてことも。。。この<style>、最初に書かなくてもOKです。極端な話、フッターの一番下に書いても効きます。実際、<style>の中よりもpタグやimgを追加したり削除することの方が多いのではないでしょうか？あまりいじることがないなら毎回スクロールしたりしなくてもいいように、一番下とかに移動しても良いかもしれません。また、1ヶ所にまとめて書く必要もありません。例えば、ヘッダーなどに年末年始休業のお知らせなどを入れたいとします。こんな感じで↓htmlタグ、文章とスタイルを一緒に書いて、、、<!-- 年末年始のお知らせここから --><div class="newyear2023"><p>年末年始のお知らせ</p><p><span class="red">2022年12月30日から<br>2023年1月4日まで</span></p><p>誠に勝手ながら、<span class="red">休業</span>とさせていただきます。</p></div><style>.newyear2023 {border: 5px solid #000;text-align:

楽天RMSでテーブルタグを使って、レイアウトを作成している方、結構多いのではないでしょうか？テーブルタグって、、、<table>   <tr>    <th>カテゴリ01</th>    <th>カテゴリ02</th>    <th>カテゴリ03</th>   </tr>   <tr>    <td>りんご</td>    <td>みかん</td>    <td>バナナ</td>   </tr>   <tr>    <td>200円</td>    <td>300円</td>    <td>100円</td>   </tr>  </table>こんな感じで何個も入れ子になって、混乱しちゃうことありませんか？閉じタグ（</で終わる、締めのタグ）が足りなくて、エラーが出て、保存出来なくなっちゃったり。。。（T＿T）保存出来たけど、実は<td>と</td>の数が合ってなかったり、入れ子の順番が間違っていたり。。。間違いを見つけるのも大変です。実はテーブルタグを使わなくてもレイアウト出来たりします。例えば、サイドバー。左側に200pxとかでカテゴリーやカレンダーをおいている場合。。。ここもテーブルタグを使わなくても、divタグで囲めば出来ます。&lt