書いて、保存して、
開いて、戻る

商品説明のHTMLをtextareaに書いて保存し、公開ページを開いて確かめ、また編集画面に戻って直す。この往復が「いつもの編集」になっている店舗は少なくありません。ページデザインのプレビューだけでは実際の見た目まで分からず、結局は保存と確認の繰り返しに戻りがちです。

楽天市場の「商品ページ編集」とは

RMSの商品ページ管理には、PC用・スマホ用の商品説明のほかに、HTMLで見た目を組み立てる「ページデザイン」の編集欄があります。ここに書いたHTMLが、そのまま公開後の商品ページの見た目になります。画面名や仕様は更新で変わることがあるため、最新は店舗運営Navi等でご確認ください。

先にお伝えします。Live Editor・EASYブロックは会員限定のβ機能です。無料で使えるのは、RMSと商品ページを行き来する「この商品を編集」「商品ページを表示」の導線のみです。以下、正直に整理します。

ページデザインタブの位置づけ

PC商品説明・スマホ用商品説明とは別に、ページデザインタブでは自由なHTMLを書けます。装飾やレイアウトを整えられる分、タグの書き方次第で崩れやすい欄でもあります。何をどこに書いているかを把握しておくことが、編集を安定させる前提になります。

PC・SP・販売の別

ページデザインの中でも、PC商品用／SP商品用／PC販売用（セット販売ページ等）で入力欄が分かれることがあります。どの欄を直しているかを取り違えると、「直したのに反映されない」という事故につながります。

手書きHTMLの限界

textareaにHTMLを直接書く方法は自由度が高い一方、書いている最中は見た目が分かりません。色やレイアウトを変えるたびに保存して公開ページを開き直す必要があり、タグの閉じ忘れといった小さなミスも、保存するまで気づきにくいという弱さがあります。

How-to：Live Editor（切替・同期・ズーム）

EASYブロック11種

よく使う構成をテンプレ化した11種のブロックです。選ぶとHTMLが生成され、そのままコピーして貼り付けるか、Live Editorへ直接挿入できます（会員限定のβ機能）。ゼロからHTMLを書けなくても、型を選ぶところから編集を始められます。

無料でできること

Live Editor・EASYブロックは会員限定ですが、「この商品を編集」「商品ページを表示」でRMSと公開ページを行き来する導線は無料でお使いいただけます。まずはこの往復だけでも、確認の手間を減らせます。

前提・バックアップ・β

商品編集URL（item編集画面）を開いていること、ページデザインタブを使っていること、Chrome／Chromium系ブラウザであることが前提です。β機能のため表示や同期の挙動が変わる可能性があり、編集前に既存のHTMLをコピーしておくバックアップをおすすめします。

費用の前提

Live Editor・EASYブロックは会員限定のβ機能です。価格の具体値は本ページでは扱いません。無料で使えるのは「この商品を編集」「商品ページを表示」の往復のみです。詳しくは製品ページをご覧ください。

書いてから確かめるのではなく、
見ながら直す

ツボは、編集の途中でも、見た目がその場で分かる状態を作ること。Live Editorはページデザインの隣でリアルタイムに見た目を表示し、PC商品／SP商品／PC販売を切替えながらテキストエリアと同期します（会員限定のβ機能）。仕上げにEASYブロックの型を使えば、ゼロから書かずに構成を組めます。

製品ページで詳しく見る →　マニュアルを見る →

比較：手書きHTML × 外部ページビルダー × ラクリプウォーク

メリット・デメリット

効果の見方

「見た目の編集」の効き目は売上一本では測りにくいです。修正1回あたりの確認時間、公開後の見た目の手戻り件数、ページデザイン編集にかかる時間を定点で見るのが実態に近いです。