カスタマー
サポートサイト

HTMLメールの装飾方法・サンプルあり

 

 

HTMLメールとは

HTMLメールとは、画像、色、フォント等の装飾を加えたメールのことです。通常のメールとは異なり、任意の単語やURLを目立たせることができるため、視覚的に魅力的なメールを作成することができます。

 

HTMLメールでできること

文字の装飾

文字の装飾は、太字・斜体・下線・取り消し線の4種類です。

スクリーンショット 2025-02-03 18.25.36.png

 

URL・変換コードの装飾

URL・変換コードの装飾は、ハイパーリンク・ボタンの挿入・変換コードの3種類です。

”テキスト”に表示される文字、”リンク”にURLまたは変換コードを入力してください。

スクリーンショット 2025-02-03 18.29.32.png

入力方法:”テキスト”に表示される文字、”リンク”にURLまたは変換コードを入力してください。

スクリーンショット 2025-02-03 16.13.44.png

 

文章の配置

【左揃え】

スクリーンショット 2025-02-03 18.46.07.png

【中央揃え】

スクリーンショット 2025-02-03 18.47.11.png

【右揃え】

スクリーンショット 2025-02-03 18.47.25.png

 

色の変更(文字・背景)

色の変更は、文字および背景が行えます。

また、前記のURL装飾後の文章にもご利用いただけます。

 

スクリーンショット 2025-02-03 18.50.09.png

スクリーンショット 2025-02-03 15.48.01 2.png

 

文字の大きさ

文字の大きさは、4段階で変更が可能になりました。

スクリーンショット 2025-02-06 16.23.52.png

 

文章のリスト化

下記3つの方法で文章をリスト化できるようになりました。

スクリーンショット 2025-02-05 18.11.39.png

 

 

注意点

変換コードをボタン装飾した際のコピー&貼り付け

ボタンに装飾された変換コードをそのままコピーし、貼り付けをしてしまうと装飾時にリンク欄に入力した変換コードが正しく作動しないためご注意ください

<解決方法>

  1. ボタン装飾を一度解除してからコピーし、貼り付け後再度ボタン装飾を施す。
  2. コピー&貼り付け後、該当するボタンのリンク欄に任意の変換コードを入力し直す。

ボタン装飾をした場合、必ず変換コードが正しく作動するのか確認してご利用ください。

変換コードが正しく作動するかは、下記記載の画像でご確認いただけます。

 

変換コードが正しく作動しない例↓

スクリーンショット 2025-02-03 16.14.27.png

 

変換コードが正しく作動する例↓

スクリーンショット 2025-02-03 16.13.44.png

 

改行時の行間

Shift⇧+EnterとEnterのみで改行をする際、行間に違いがあります。

スクリーンショット 2025-02-06 15.47.17.png

 

 

装飾例

サンプル①

スクリーンショット 2025-02-05 18.16.38.png

 

サンプル②

スクリーンショット 2025-02-05 18.26.18.png

 


※サンプルについてご希望があれば、担当のカスタマーサクセスにご連絡ください。
  サンプル文をお渡ししたり、一緒にカスタマイズ文章お作りいたします。

この記事は役に立ちましたか?