Web

メルマガテスターつくりました。|HTMLメールのテスト配信ツール使い方解説。

みなさんどうも。久々の投稿です。

今回メルマガ等で配信するHTMLメールをテスト配信できる無料ツールを作成しました。

無料ツールなので複雑な仕様はなく、メルマガ用にテーブルコーディングしたHTMLを自身のメールアドレスに送信するといった簡単な仕様になっております。

ツールはこちら

メルマガテスター | HTMLメール検証ツール

無料ツールですのでテスト配信以外の機能はありませんのでご了承ください。 当ツールの利用推奨環境はGoogle Chrome最新Ver、Fire Fox最新Ver、safari最新Verです。その他のブラウザはサポート・検証はしておりません。 当ツールには、送信したHTMLソースやメールアドレス等のテスト配信した内容を収集したり、サーバーに保存したりするプログラム等は実装されておりません。 …

使い方

まずは受信したいメールアドレスと件名を記入します。
メールアドレス・件名ともに以下入力フォームに記入してください。

※送信元のメールアドレスは指定できません。

メールアドレスと件名の記入エリア

「送信先のアドレスを追加する」ボタンを押すと受信したいアドレスを追加できます。

メールアドレス記入フォーム追加後の画面

一度に送信できるメールアドレスは9つまでです。
9つすべてに同じアドレスを記入してもメールは1通しか送信されません。


続いてメール本文を記入します。

メール本文記入エリア

黒のボックスが入力エリアです。
対応言語はHTMLのみですのでPHPやjs等は記入しないようにお願い致します。

※インラインCSSは記入可能です。

HTMLは以下のように記入してください。

HTML記入後の画面

また、内容をHTMLとしてではなくテキストとして送信したい場合は入力エリアの下にあるチェックボックスにチェックしてください。

チェックボックスをONにした状態

ここまで記入が完了したら、最後に注意事項・利用規約をお読みください。

注意事項・利用規約

同意できた場合はチェックボックスにチェックしてください。

チェックボックスをONにすると以下のように「入力内容を確認する」というボタンが表示されます。

利用規約に同意後の画面表示

入力内容に不備がなければ送信前確認画面が表示されます。
不備があった場合は送信前確認画面は表示されずアラートが表示されますので、表示されたエラーメッセージに従って内容を修正してください。


以下は送信前の最終確認画面になります。

メルマガプレビュー画面

この画面で宛先、件名、本文をご確認ください。
修正の必要があれば下部左側の「修正」ボタンで修正が可能です。

問題なければ下部右側の「送信」ボタンを押すことでテスト配信が実行されます。

送信画面押下後は以下のようなローディング画面になります。
通信環境にもよりますがおおよそ2秒~5秒ほどお待ちください。

メール送信中の画面

問題なく送信された場合は以下のような画面になります。

配信完了画面

再度配信したい場合や内容を変えてもう一度配信したい場合は、セキュリティの観点から一度リロードしていただいてからの配信となります。

お手数ですがリロードしてから再度配信をお願い致します。


送信ボタンを押下後にエラーが発生した場合は以下のような画面になります。

何度試してもエラーが解決しない場合はお問い合わせください。

Contact

HTMLメールではなくテキストメールとして配信するチェックボックスをONにした状態でメールを配信する場合、メール本文は以下のようになります。


以上が使い方です。
随時アップデートしていきますのでバグなど見つけましたらお気軽にお問い合わせください。

メルマガテスター | HTMLメール検証ツール

無料ツールですのでテスト配信以外の機能はありませんのでご了承ください。 当ツールの利用推奨環境はGoogle Chrome最新Ver、Fire Fox最新Ver、safari最新Verです。その他のブラウザはサポート・検証はしておりません。 当ツールには、送信したHTMLソースやメールアドレス等のテスト配信した内容を収集したり、サーバーに保存したりするプログラム等は実装されておりません。 …

ピックアップ記事

  1. Googleフォーム埋め込みでチェックボックス複数選択させデータを送信する方法
  2. 目標がない人はやりたいことリスト100をやってみよう
  3. 新しいことへのあと一歩の勇気が出ない人へ「勇気はあとからついてくる。」

関連記事

  1. Web

    ブログサービス「Blogger」の使い方紹介

    友人が2名「自分もブログやりたい!」と言っていたので、自分がや…

  2. Web

    非同期(Ajax)でPHPの関数を実行させサーバーにフォルダとファイルを作成する

    最近PHPを勉強し始めたので備忘録がてら書きます。今回は、H…

  3. Web

    Googleフォーム埋め込みでチェックボックス複数選択させデータを送信する方法

    今回はGoogleform埋め込みで回答完了画面に遷移させない方法…

  4. Web

    Googleform埋め込みでラジオボタンのデータを送信する方法

    Web制作している人間なら誰しもフォームでつまづくと思います。(つまづ…

  5. Web

    ランサーズで稼げるの?副業初めての会社員が1ヶ月試した結果

    こんちゃす。Webサイト運用の会社に勤めて3年目。副業は今ま…

  6. Web

    Excelの代わりに無料で使えるオンラインアプリケーション!

    PCにExcelが入っていないけど買いたくない…たまに、「…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Diary

    Happy Birthday「俺」!!
  2. Diary

    初投稿。ブログ始めました
  3. Game

    【マイクラ日記】マイクラ日記始めました
  4. Diary

    Canon EOS Kiss X8iで撮影したポートレート写真
  5. Web

    圧縮ファイルの種類別紹介!
PAGE TOP