公式メルマガ MyASP(マイスピー)通信のようなHTMLメールを配信したいのですが、
このようなデザインのテンプレートはありますか?
HTMLメールでメールを送りたいのですが、 簡単にデザインを変更する方法はありますか?
HTMLメールを作成する際に、
「HTMLメールテンプレート」を適用することで、
HTMLメールのデザインを簡単に変更することができます。
現在、HTMLメールテンプレートは
以下の4つからデザインを選択することができます。
・smart letter
・スカイアメジスト
・和
・フォレストグリーン
HTMLデザインテンプレートはご自身で自由にデザインを変更することができますが、
ある程度のHTMLやCSSに関する知識が必要となります。
HTMLメールを作成する際の注意事項については下記のマニュアルをご覧ください。
参考:HTMLメールを作成するときのガイドライン
目次
設定方法
1)メール形式で「HTML」を選択します。
2)「HTMLメールテンプレート適用」から、適用したいテンプレート名を選択します。
3)警告メッセージが表示され、「適用する」をクリックすると
本文に選択したテンプレートが反映されます。
HTMLメールテンプレートを適用すると、編集中のメール本文の内容は全て失われます。
必ず、テンプレートを適用してから本文の内容を編集してください。
HTMLメールテンプレートの編集方法
HTMLやCSSを編集することで、
テキストの内容を変更したり、デザインを自由に変更することができます。
HTMLメールテンプレートは、
文章やタイトルなどのパーツごとにコメントアウト(説明書き)を記載しているので、
パーツごとに削除やコピー&ペーストを行うことで、
デザインを崩さずにレイアウトを変更することができます。
具体的な編集例は下記の通りです。
・パーツを削除する場合
削除したいパーツに記載されたコメントアウトの
<!-- ◯◯ここから --> ~ <!-- ◯◯ここまで -->
の範囲を削除することで、パーツを削除してデザインを変更することができます。
コードエディタ画面
実際の表示
・パーツを追加する場合
追加したいパーツに記載されたコメントアウトの
<!-- ◯◯ここから --> ~ <!-- ◯◯ここまで -->
の範囲を任意の箇所に追加することで、
パーツを追加してデザインを変更することができます。
コードエディタ画面
実際の表示
設定した内容・デザインの確認方法
作成したメールの内容やデザインは、
プレビューやテストメール送信にて確認することができます。
HTMLメールテンプレートのデザインを変更した際は、
その都度プレビューやテストメール送信で
デザインが崩れていないか確認するようにしましょう。
※実際にどのように表示されるかについては、
受信者側のメールソフトの仕様によって、プレビュー画面と異なることがございます。
補足事項
ビジュアルエディタで編集したい場合は?
ビジュアルエディタで編集する場合は、初めから入っている
・文章のテキストの文字の色・サイズの変更
・画像の差替え
の程度のご利用でお願いします。
それ以外の変更を行いたい場合は、
コードエディタでHTMLやCSS等を編集してください。
外部(マイスピー以外)のテキストエディタで書いたメールの本文をコピーして貼り付ける場合、
そのまま貼り付けるとコピー元のデザインも一緒に反映されてしまうため、
デザインが崩れてしまうことがあります。
テキストを貼り付ける場合は、
「プレーンテキストで貼り付け(Ctrl+Shift+V)」を使って貼り付けてください。
また、ビジュアルエディタで文章の編集中にデザインが崩れてしまった場合は、
HTMLメールテンプレートを選択からやり直してください。
※その場合、編集中の内容は全て失われてしまうので、
外部テキストなどにバックアップを取ってから切り替えてください。
HTMLメールテンプレートをダウンロードするには?
HTMLメールテンプレートは、サンプルデータをダウンロードすることで、
マイスピー以外から配信するメールについても利用できるようになります。
サンプルデータのお申込み方法や、HTMLメールを作成する際の注意事項については
下記のマニュアルをご覧ください。
参考:HTMLメールを作成するときのガイドライン