レスポンシブメールにリンクを貼る

Question

お世話になります。先日も質問させていただきましたが、楽天のメルマガで本文中の文字にリンクを貼る方法がわかりません。リンク挿入の枠を使用して下記のように作りましたが、プレビュを見るとそのままになっています。1500円以上のお買い物でご利用いただけます。クーポンはこちら https://coupon.rakuten.co.jp/getCoupon?getkey=QkxWVS1BS0JQLVlQQk0tQUtVRg--　の部分をリンクの枠に入れました。マニュアルや動画を見たのですがリンクの貼り方についてはありませんでした。文字にリンクは貼れないのでしょうか？よろしくお願いします。

Answer

ECマスターズの塚本です。＞マニュアルや動画を見たのですがリンクの貼り方についてはありませんでした。＞文字にリンクは貼れないのでしょうか？文字リンクを貼り付けることは可能です。また、HTMLのタグにも間違いはないと思いますので、一度テスト送信して正しく表示されるかご確認いただけますでしょうか。以下URLの、テスト送信 の部分をご参照ください。https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=navi/promotion/07_179.html&s=&param2=0

Answer

ありがとうございます。テスト送信を自分のPCあてに送ったのですが、下記のように送られてきました。1500円以上のお買い物でご利用いただけます。クーポンはこちら原文のままでリンクが貼られた状態ではありません。教えていただいたURLで、※キャリア向けのアドレス、PC向けのアドレスは以下となります。とあってその下に■キャリア向けのアドレスと■PC向けのアドレスの2つの表がありますが、ここに載っているアドレスには送れないということですか？だとすれば私のアドレスは@commufa.jpですので送れるということですよね？まったくのお手上げ状態です。よろしくお願いします。

Answer

ECマスターズの田中です。レスポンシブメール作成中、テキストブロックの中にある文章「クーポンはこちら」にリンクを張りたいということですね。その場合、HTMLタグを貼り付けても単純に文章とみなされて、おっしゃる通りそのまま表示されてしまいます。リンクを張るには、レスポンシブメールの機能を利用してください。具体的な方法ですが、まず、テキストブロックの中にクーポンはこちらだけ、ご記載ください。次に、上記「クーポンはこちら」を選択した状態で、https://www.rakuten.co.jp/SHOP-URL/manual/navi/promotion/07_179.html#link-e上記マニュアル、「5. テキスト編集メニュー」の中にある「リンク挿入／編集」ボタン（∞の形をしたボタン）をクリックし、クーポン用のURLを記載してください。こうすることで、「クーポンはこちら」の文字が下線付き青文字に変化し、リンクとして動作するようになります。まずは、私より申し上げた通りの表示になることをご確認の上、改めてテスト送信を行っていただき、正しくリンクとして設定されているかどうか、ご確認いただけますでしょうか。

Answer

教えていただいた通りにリンクを貼ると下線付き青文字に変化しました。しかし、プレビューでクーポンはこちらの部分をクリックすると該当のページに行くのですが、テスト送信をすると 「HTML の内容に誤りがあります」の結果が出ます。ちゃんと該当ページに飛ぶのに間違いがあるというのはどうしてでしょうか？

Answer

ECマスターズの田中です。＞テスト送信をすると 「HTML の内容に誤りがあります」の結果が出ます。その場合、本文領域にある他のブロックにて、未設定の項目がないかどうかご確認ください。たとえば、「画像推奨サイズ ◯◯px」と書かれているブロックがあった場合は、マウスカーソルを合わせると表示されるボタンをクリックして「写真を選ぶ・変更する」よりR-Cabinet内の画像を選択する必要がございます。テンプレート選択時に「白紙から作る」以外のテンプレートを選択された場合、未設定箇所のあるブロックが自動的に挿入されている可能性がございます。（おすすめ表記のある「シンプルメール」の場合、　先述の画像用ブロックが１つ自動的に挿入されております）

Answer

ありがとうございました！無事完了しました。商品紹介欄のリンクにカテゴリーページを貼ったのですが、これがいけなかったようです。リンクの貼り方がわかり助かりました。

レスポンシブメールにリンクを貼る

カテゴリーから探す