楽天HTMLメール作成ツール｜使い方マニュアル

ログイン → 店舗を選ぶ → ブロックを並べてメールを作る → HTMLをコピーして楽天に貼り付け

もくじ

  1. ログインする
  2. 画面の見方
  3. 店舗を選ぶ
  4. メールを作る（ブロックを並べる）
  5. ブロックの種類と使い方
  6. 商品を自動で取り込む（商品管理番号）
  7. 文字を編集する（色・サイズ・リンク・画像）
  8. 画像URLの注意（R-Cabinet）
  9. 件名と横幅を決める
  10. プレビューを確認する
  11. 保存・読み込み・複製・削除
  12. マイテンプレ（部品の使い回し）
  13. ランキング画像の設定
  14. HTMLをコピーして楽天に貼る
  15. 困ったときは（よくある質問）

※ 店舗の追加・権限・API設定などを行う方は 管理者向け手順書 をご覧ください。

▲ もくじへ

1. ログインする

  1. ツールのURL（https://mailtool.homeatlast.tokyo）を開きます。
  2. ログイン画面が出たら、メールアドレスとパスワードを入力します。
  3. ログイン を押すとツールが開きます。
アカウント（メールアドレス・パスワード）が分からない場合は、管理者に発行を依頼してください。

作業を終えるときは、画面右上の ログアウト を押します。

▲ もくじへ

2. 画面の見方

画面は大きく3つに分かれています。

左使えるブロック（部品）の一覧。ここから中央へドラッグして並べます。
中央メール本文の編集エリア。置いたブロックの文字や画像を入力します。ここだけ縦にスクロールします。
右プレビュー（実際の見た目）と、貼り付け用のHTML。画面に固定されて常に見えます。

上部のバーで「店舗」「件名」「横幅」を設定します。

▲ もくじへ

3. 店舗を選ぶ

このツールは複数の店舗を扱えます。画面左上の 「店舗」プルダウン で、編集したい店舗を選びます。

プルダウンに自分の担当店舗が出てこない場合は、管理者に「店舗の割り当て」を依頼してください。
▲ もくじへ

4. メールを作る（ブロックを並べる）

  1. 左の一覧から使いたいブロックを、中央のエリアにドラッグ＆ドロップします。
  2. 同じブロックは何個でも置けます。
  3. 置いたブロックに文字や画像URLを入力します。入力すると右のプレビューがすぐ更新されます。

ブロックの操作

並べ替えブロック上部の ⋮⋮ をつかんで上下にドラッグ。
開く / 閉じるブロックの見出しをクリックで折りたたみ。全部閉じる でまとめて折りたたみ。
削除ブロック右上の 🗑。
初期化入力を初期値に戻す 初期化。
全部消す本文をまっさらにして新規作成 全部消す。
▲ もくじへ

5. ブロックの種類と使い方

✍️ テキストあいさつ文や説明文。1〜3カラム（横並び）に分けられます。文字の色・サイズ・リンク・画像挿入ができます。
📑 見出しセクションの見出し。文字色・下線の色を変更できます。
🛍️ 商品商品を並べます。レイアウト（リスト型・1〜5カラム）を選び、＋ 商品を追加 で何個でも追加。各商品に画像・リンク・商品名・価格・説明を入力。
🖼️ バナーバナー画像を並べます。レイアウト（1〜5カラム）を選び、＋ バナーを追加。各バナーに画像・リンク・下のテキスト。
🏆 ランキング順位つきの商品紹介。開始〜終了順位とレイアウトを選び、各順位に画像・リンク・商品名・価格・説明テキストを入力。各順位に 商品管理番号を入れて「取得」で自動入力もできます。順位画像は「ランキング画像設定」で共通設定できます（後述）。
⭐ レビューカードお客様レビューの紹介。レイアウト（リスト型・1カラム縦・2〜3カラム）を選び、＋ レビューを追加 で複数追加。各レビューに画像・リンク・商品名・評価・投稿日・本文・価格。枠線のあり/なし・色も設定できます。
➖ 罫線区切り線。色・太さ・上下の余白を調整できます。
▲ もくじへ

商品を自動で取り込む（商品管理番号）

「🛍️ 商品」ブロックと「🏆 ランキング」ブロックでは、楽天の商品管理番号を入力して「取得」を押すと、商品名・価格・画像・リンク・説明テキストが自動で入力されます。手入力の手間が省けます。

使い方

  1. 「🛍️ 商品」または「🏆 ランキング」ブロックを置きます。
  2. 各商品（ランキングは各順位）の 「商品管理番号（楽天から自動取得）」 の欄に番号を入力します。
  3. 取得 を押します。
  4. 商品名・価格・画像・リンク・説明テキストが自動でセットされます（必要ならそのまま手直しもできます）。

自動で入る内容

商品名楽天の商品名
価格販売価格。バリエーションで価格が違う場合は「◯◯円〜◯◯円」と範囲表示。送料無料（送料込み）の商品は「◯◯円 送料無料」と表示されます
画像・リンク商品画像URL・商品ページURL
説明テキスト楽天のキャッチコピー（設定されている商品のみ）。あとから自由に編集できます（HTML可）
「⭐ レビューカード」でも「取得」が使えますが、入るのは商品情報（画像・リンク・商品名・価格）だけです。評価（★）・投稿日・レビュー本文は手入力してください。
同じ番号は2回目以降すぐ表示されます（一度取得した内容を保存しているため）。
「取得に失敗」と出る場合：
・商品管理番号が正しいか確認してください。
・その店舗の「API設定」がまだの場合は取得できません。管理者に設定を依頼してください。
▲ もくじへ

6. 文字を編集する（色・サイズ・リンク・画像）

「テキスト」ブロックなどには、文字を装飾するツールバーがあります。

サイズ小・標準・やや大・大・特大・最大から選択。
文字色カラーパレット、またはよく使う色のボタンで色を変更。
B（太字）選択した文字を太字に。
中央 / 左文字の配置（中央揃え・左揃え）。
画像画像URLと幅を入れて画像を挿入（リンク先も任意で設定可）。
リンク文字にリンクを設定。先に文字を選択してから押すと、その文字がリンクになります。
解除装飾を解除。
「編集」タブと「HTML」タブを切り替えられます。通常は「編集」タブのまま操作すればOKです。HTMLが分かる方は「HTML」タブで直接編集もできます。
▲ もくじへ

7. 画像URLの注意（R-Cabinet）

画像URLは R-Cabinet（楽天の画像置き場）のものだけを使ってください。
正しい形：https://image.rakuten.co.jp/店舗ID/…
▲ もくじへ

8. 件名と横幅を決める

▲ もくじへ

9. プレビューを確認する

▲ もくじへ

10. 保存・読み込み・複製・削除

作ったメールはクラウドに保存され、同じ店舗のメンバーと共有されます。

保存する

  1. 件名を入れて この内容を保存 を押します。
  2. 一度保存したものを編集して再度保存すると、同じものに上書きされます（別物にしたい場合は「複製」を使います）。

開く・複製・削除する

  1. 保存した一覧 を押すと、保存済みメールの一覧が出ます。
  2. 各行のボタン：
    • 開く：その内容を読み込んで編集（上書き保存できます）。
    • 複製：コピーを作って編集（別物として保存されます）。
    • 削除：その保存を削除します。
削除すると元に戻せません。共有データのため、他の人が作ったメールを消さないようご注意ください。
▲ もくじへ

11. マイテンプレ（部品の使い回し）

よく使うブロックを「テンプレ」として登録し、次回からドラッグで再利用できます（店舗ごとに共有されます）。

  1. 登録したいブロックの右上 ⭐登録 を押し、名前を付けます。
  2. 左下の「マイテンプレ」に追加されます。
  3. 使うときは、そのテンプレを中央へドラッグ（またはクリックで末尾に追加）。
  4. 不要になったら、テンプレ右の × で削除できます。
▲ もくじへ

12. ランキング画像の設定

ランキングブロックの「1位・2位…」の順位画像は、店舗ごとにまとめて設定できます。

  1. 左上の ランキング画像設定 を押します。
  2. 1〜10位それぞれの順位画像URL（R-Cabinet）を入力します。
  3. 保存 を押すと、ランキングブロックに反映されます。
順位画像URLを空欄にした順位は、「N位」のテキストで表示されます。
▲ もくじへ

13. HTMLをコピーして楽天に貼る

  1. 右側の「貼り付け用HTML」の HTMLをコピー を押します。
  2. 楽天のメルマガ（R-Mail / メルマガ作成画面）のHTML編集欄に貼り付けます。
  3. 必要に応じて 保存 を押すと、HTMLファイルとしてパソコンにダウンロードもできます。
貼り付ける前に、右下のチェックで ⚠ 警告が無いこと（店舗IDの残り・R-Cabinet以外の画像URLが無いこと）を確認してください。
▲ もくじへ

14. 困ったときは（よくある質問）

Q. ログインできない

メールアドレス・パスワードをご確認ください。分からない場合は管理者に再発行を依頼してください。

Q. 店舗のプルダウンに自分の店舗が出ない

その店舗へのアクセス権がまだありません。管理者に「店舗の割り当て」を依頼してください。

Q. 保存できない・エラーが出る

店舗が選ばれているか確認してください。エラーメッセージが出た場合は、その文面を管理者に伝えてください。

Q. 画像が表示されない

画像URLがR-Cabinet（https://image.rakuten.co.jp/…）になっているか、URLが正しいかを確認してください。

Q. 他の人の保存メールが見える

同じ店舗のメンバー同士でデータを共有する仕組みです。誤って他の人のメールを削除・上書きしないようご注意ください。