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

関連記事

  1. Web

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

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

  2. Web

    ダウンロードとインストールってなにがどう違うの?徹底解説してみた

    パソコンに詳しくなくてもダウンロードとインストールって聞いたことありま…

  3. Web

    レンタルサーバー探してるならCORESERVER使ってみて!

    ブログを始めるならCORESERVERを使おう!もともと私はデータ…

  4. Web

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

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

  5. Web

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

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

  6. Diary

    ポートフォリオサイト作成しました。

    わざわざ大々的に言う必要もないんですが、PORTFOLIO(ポートフ…

コメント

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

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

最近の記事

  1. Web

    【Brackets】必ず入れるべき拡張機能5選
  2. Diary

    仙台は生活しやすい?実際に住んでみた感想をレビュー
  3. Web

    【jQuery】ナビの範囲外をクリックしてナビを閉じる方法
  4. Diary

    ねこの島。そこらへんにねこが落ちている田代島とは?
  5. Diary

    新しいことへのあと一歩の勇気が出ない人へ「勇気はあとからついてくる。」
PAGE TOP