デザイナーでもなくとも。HTMLメールを作成できるツール16選

HTMLメールを作成する際には、そのソースであるHTMLを学ぶ必要があると感じてしまうでしょう。メール配信サービスによってはあらかじめエディタを備えているところもありますが、自社の配信システムを使いたい方も多いはずです。

そこで今回はHTMLを知らなくともHTMLメールを作成できるサービス、ソフトウェアを紹介します。

1. Premailer

f:id:moongift:20200120143556p:plain

指定したURLを取り込んでHTMLメールにするソフトウェアです。本文をデータベースのデータを用いて自動生成し、そのURLを指定してHTMLメールを作成するといった使い方が想定されます。

Premailer: pre-flight for HTML email

2. Maizzle

f:id:moongift:20200120143606p:plain

MaizzleはHTMLメールを作成するフレームワークです。コマンドラインでベースを作成し、Webブラウザでプレビューを見ながら作成を進められます。テンプレートを取り込むような機能も用意されていますので、作業を分担したり、外部から取り込んだりするのも容易です。

Home | Maizzle - Framework for Rapid Email Prototyping

3. GrapesJS

f:id:moongift:20200120143615p:plain

オープンソースながら、ビジュアル的にHTMLメールを作成できるようになっています。コンテンツの編集や追加はドラッグ&ドロップで見たままに行えます。

GrapesJS

4. HEML

f:id:moongift:20200120143624p:plain

HEMLはHTMLのサブセット言語で、専用または標準のHTMLタグを使ってHTMLメールを作成します。HTMLメールに適したレイアウトやコンポーネントが多数用意されていますので、HEMLの書き方を覚えてしまえばHTMLメールが容易に作れるようになるでしょう。

HEML

5. Markdown Here

f:id:moongift:20200120143635p:plain

Markdown Hereは各種Webブラウザに対応した機能拡張です。Markdown記法を使って文面を書くと、HTMLに変換してくれます。マーケティング目的には利用しづらそうですが、普段のメールの中で装飾したいときには十分でしょう。

Markdown Here

6. BEE Free

f:id:moongift:20200120143643p:plain

左側にプレビュー、右側にコンポーネントが並んだHTMLメールエディタです。HTMLメールを作るだけであれば、ユーザ登録不要で利用できます。

BEE Free | Email Editor

7. Stripo

f:id:moongift:20200120143655p:plain

左側にコンポーネント、右側にプレビューが表示されるHTMLメールエディタです。テンプレートも多数用意されており、その中から選んで作成をはじめられます。

Stripo — FREE Email Template Builder: Drag and Drop Html Email Editor

8. TOPOL.io

f:id:moongift:20200120143705p:plain

左側にコンポーネント、右側にプレビューが表示されるHTMLメールエディタです。テンプレートから選んでHTMLメールの作成を開始できます。RSSフィードを取り込んだダイナミックコンテンツにも対応しています。

FREE & Beautiful html email template builder and editor | TOPOL.io

9. Litmus Builder

f:id:moongift:20200120143740p:plain

HTMLメールの作成機能に加えて、各種メールアプリでの見え方もチェックできるのが特徴です。マーケティングツールとの連携機能もあります。

Design and Build Your Emails with Litmus Builder

10. Mosaico.io

f:id:moongift:20200120143806p:plain

テンプレートやコンポーネントは少ないですが、オープンソースであるという点が大きな特徴になります。Mosaicoをベースに自社用にアレンジしてもよさそうです。

Free email template builder - Responsive mail editor and designer | Mosaico.io

11. Postcards

f:id:moongift:20200120143839p:plain

チームメンバーとのコラボレーションを重視しています。履歴管理であったり、コンテンツ管理、プロジェクト管理といった機能が備わっています。

Postcards - Free HTML Email Template Builder with Drag & Drop

12. Free Email Editor

f:id:moongift:20200120143847p:plain

デザイン性の高いテンプレートが揃っています。それらから選んでHTMLメールの作成を開始できます。データはMailChimpなど様々なメール配信プロバイダーに対応しています。

Free Email Editor - Create beautiful, responsive email templates for free

まとめ

これらのサービスを使うことで、HTMLを知らなくともHTMLメールが作成できるようになります。デザインもテンプレートを選んで、コンポーネントをドラッグ&ドロップで登録して編集するだけです。お手軽なので、ぜひ使ってみてください。

作成したHTMLメールの配信時には、ぜひCustomers Mail Cloudをご利用ください!