対象プランOFFLINEBUSINESSPRO

メールの本文は、HTMLに対応しているため、太文字にしたり重要な文字に色をつけたり、リンクを埋め込んだりすることができます。こちらのページでは、よく使われる基本的なHTMLをご紹介します。本ページでご紹介するHTML以外についてのお問い合わせはご対応しかねますため、ご自身でお調べいただきますようお願いいたします。

背景がグレーの部分に記載されている文字を、メール本文にそのままご記入ください。
HTMLで装飾したメールのサンプル例もございますので、ご参考ください。

見出しを作る

<h1>ｈ１は１番大きい見出し</h1>
<h2>ｈ２は２番目に大きい見出し</h2>
<h3>ｈ３は３番目に大きい見出し</h3>
<h4>ｈ４は４番目に大きい見出し</h4>
<h5>ｈ５は５番目に大きい見出し</h5>
<h6>ｈ６は１番小さい見出し</h6>

URLリンクを埋め込む

<a href="https://xxxxx">リンク化したい文字を入れる</a>

例：
お問い合わせは<a href="https://xxxxx">こちら</a>

太文字にする

<span style="font-weight: bold">文字を入れる（太文字）</span>

文字に色をつける

color: red の「red」の部分を、変更したい色の名称に変更すると、文字色が変わります。
「#99CC99」などのカラーコードも対応しております。カラーコード一覧はご自身でお調べいただきますようお願いいたします。

<span style="color: red">赤色</span>
<span style="color: blue">青色</span>
<span style="color: green">緑色</span>
<span style="color: orange">オレンジ色</span>
<span style="color: #99CC99">カラーコード</span>

アンダーラインを引く

<span style="text-decoration: underline">文字を入れる</span>

画像を入れる

src：こちらに表示させたい画像のURLを貼り付けます。
※このURLは、必ずhttps://から始まるものを入力してください。

alt：画像の代替えの名称を入力してください。視覚障碍者向けの読み上げWebブラウザで、画像の代替として読み上げる文章に用います
title：画像のタイトルを入力してください

<img src="https://xxxxx" alt="代替えの名称" title="タイトル">

URLをボタン化する

URLをリンクの羅列ではなくボタンに変更することができます。下記のコードを参考にし、お使いください。

ボタンのカラーを希望するカラーに変更できます。「#0096DB」の欄に変更したいカラーコードを入力してください。カラーコードはご自身でお調べいただきますようお願いいたします。

ボタンの名前を変えることもできます。ログインという表記以外に「ログインはこちら」「イベントページへ」等に変えたい場合は、「ログイン」部分を変えたい文言に変えて、お使いください。

<center><a href="遷移させたいURL" style="display:inline-block; padding: 10px 20px; background-color: #0096DB; color: white; text-decoration: none; font-size: 16px; border-radius: 5px;">ログイン</a>

（※右側までスクロールし、全体をコピーしてください。）

"遷移させたいURL"の箇所に、EventHubのメールシステムで使用できる変数を挿入することも可能です。%%TARGET_BUTTON%%は「ログイン」という名称になるため、他の文言に変更したい場合は上記ご活用ください。

▼例.

ヘルプページ：カスタマーサポート__25_.jpg