初心者でもHTMLメールが作れるエディタの紹介＆作り方を解説！

HTMLメールとは？わかりやすく解説

HTMLメールとは、マークアップ言語のHTMLを使って作成するものです。HTMLを用いることで、画像の配置、文字のサイズや色を自由に変更ができるだけでなく、レイアウトを整えることが可能となります。

簡単に言うと、メルマガ版のメッセージカードが作れるといった感じです。しかし、HTMLメールにもメリットとデメリットがあります。

HTMLメールのメリットとデメリット

この段落では、HTMLメールのメリットとデメリットについて簡単に説明します。

HTMLメールのメリット

HTMLメールを使うことで得られるメリットは、文章だけでなく画像などを挿入することができるため、ビジュアル面での訴求ができることです。

さらにメール配信後に、開封率やクリック率などの効果測定を行うことができるので、今後のメール配信への傾向と対策を打ち出しやすくなります。

HTMLメールのデメリット

HTMLメールの一番のデメリットは、マークアップ言語であるHTMLを理解できているかです。HTMLを打ち間違えると、迷惑メール扱いされて届かない場合もあれば、メールを受信する側のパソコンの環境次第では、レイアウトが崩れる可能性もあります。

HTMLメールの概要やメリット、デメリットの詳細は下記リンクを参照ください。

HTMLの知識がなくても簡単にHTMLエディタの導入ができる方法についてはこちら

関連記事HTMLメールエディタのメリットと特徴

用途や目的にあわせてテキストメールとHTMLメールを使い分ける方法についてはこちら

関連記事HTMLメールとテキストメールの違いは何？使い分けとあわせて解説

HTMLメールエディタで簡単に作成

上記でも解説したとおり、HTMLメールを作る場合、マークアップ言語のHTMLの知識が必要となります。

HTMLがよく分からない方にとっては、HTMLメールを作成するのは敷居が高く感じるかもしれませんが、当社のコンビーズメールプラスでは、HTMLメールを簡単に作ることができる「HTMLメールエディタ」を用意しています。

無料で使える「HTMLメールエディタ」

HTMLメールエディタとは、HTMLタグの専門知識がなくても、直感的な操作でHTMLメールを作成できるエディタと呼ばれるツールです。初心者でも簡単にドラッグ＆ドロップで好きな箇所にコンテンツを配置したり、文字のカラーをお好みの色に変えるなど、視覚的に操作が可能です。

HTMLメールエディタ

Combz Mail Plus の HTMLメールエディタは使いやすい

コンビーズメールプラスのHTMLメールエディタは、作成したHTMLメールエディタをプレビュー画面でメルマガ配信前に確認することができます。

エディタ上でレイアウトの配置も思いのままに置き換えたり、テンプレートから選んだレイアウトにもコンテンツを追加したり、削除したりなどを自由に調整できます。

HTMLメールエディタを利用するメリットは下記のリンクも参考ください。

視覚的な訴求力のあるHTMLメールについてはこちら

関連記事HTMLメールエディタのメリットと特徴

HTMLメールエディタの使い方

ここでは、実際のコンビーズメールプラスの HTML メールエディタの画面を画像で紹介しながら、多彩なエディタ機能について紹介していきます。

ベースとなるHTMLエディタのレイアウトを選択

用途に合わせてHTMLエディタのレイアウトを選択してください。
エディタに画像やテキストを当てはめるだけで、本格的な HTML メールを作成することができます。

必要なブロックは、ドラッグ&ドロップで自由に追加

コンビーズメールプラスの HTMLメールエディタは、5 種類のブロックを組み合わせることで、メールをカスタマイズできます。
ドラッグ&ドロップで簡単に入れ替えたり、追加・削除することができるため、より直感的にHTMLメールエディタをご利用いただくことができます。

文字の装飾や文字揃えなどを自由に変更可能

HTMLエディタの画面上で確認しながら、文字の色や大きさを指定したり、リンクを追加したりすることができます。
また、URL をクリックした方の情報を特定したり、URL のクリック数を測定したりすることも可能です。

画像リンク・テキストリンク

HTMLエディタ上で上で画像にURLリンクを貼り付けたり、テキストリンクも簡単にクリックして、コピーするだけで設置できます。

クリックカウンター

画像のアップロードや挿入もワンクリック

画像挿入したいエディタの箇所を選択して、あらかじめアップロードした画像をクリックするだけの簡単操作のHTMLエディタです。
挿入するブロックの種類にあわせて、自動的にエディタ上で画像のサイズが調整されるため、事前に画像をリサイズする手間を省くことができます。

文字カラーもクリック一つで変更

文字色を変えたい時もカラピッカー機能でお好きな色を選択して、クリックするだけで変更できます。

青や赤と言った単純なカラーだけではなく、ピッカーと呼ばれるパレットが HTML エディタには備わっているので、絶妙なカラーも選択できます。

流行りのアースカラーやくすみカラーと言ったトレンドのメルマガデザインを簡単に取り入れられる評価の高い機能の一つです。

HTML エディタのカラーピッカー機能

エディタ上でカラーを選択するとカラーピッカー機能が表示されます。
カラーピッカーの右サイドバーを動かすことにより、エディタ上でお好みのカラーに変更できます。

ナビゲーションに沿って進める安心設計のエディタ機能

HTML メールの作成作業は、「新規作成」から「内容確認」までの計 5 ステップで完成します。
エディタ画面のナビゲーションに沿って作成を進めていくため、作成途中で迷うこともありません。

HTMLメールエディタ以外にも簡単にHTMLメールを作成できる方法を他にも用意しています。

もっとインパクトのあるメールについてはこちら

関連記事リッチテキストで魅せるメールを！

HTMLメール作成時に無料で使えるテンプレート

HTMLメールエディタの機能にある、「【装飾】ライン」ボタンをクリックすると無料で使えるお洒落な装飾を簡単にコピペして使うことができます。

メール作成画面とHTMLメールエディタ画面からメルマガdecoへのリンクボタンを追加しました。HTMLメールエディタからはラインの装飾ページへつながります。

それぞれのボタンからメール作成時に役立つ、例文やおしゃれなレイアウトのHTMLテンプレートのソースコードも、エディタに無料でコピペすることができます。

• Facebook
• Twitter
• LINE
• Pocket