Mailgun InspectでHTMLメールをテストする

FigmaからEmailifyのHTMLエクスポートをMailgun Inspectに直接アップロードし、メールクライアントやデバイスでのプレビューをテストする方法を説明します。

動画チュートリアル：FigmaからMailgun InspectにHTMLメールをエクスポートする

この動画では、FigmaのEmailifyプラグインからMailgun InspectにHTMLメールのテストをアップロードする方法を解説します。

Emailifyには、FigmaからHTMLメールのテストを直接アップロードするための専用のMailgun Inspect連携があります。これは、Email on Acidとの連携やEmailifyのMailgun送信連携とは別のものです。

始める前に ​

次のものが必要です。

  • Inspectのメールプレビューを利用できるMailgunアカウント
  • MailgunのプライベートAPIキー
  • Mailgunアカウントに関連付けられたリージョン：USまたはEU

プライベートAPIキーは、MailgunのAPI Security設定からコピーできます。Mailgunでは、APIのユーザー名にapi、パスワードにプライベートAPIキーを使います。

プライベートAPIキーはパスワードと同じように扱ってください。Figmaのデザイン、メールのコンテンツ、共有する予定のファイルには貼り付けないでください。

メールのテストをアップロードする ​

  1. FigmaでEmailifyを開き、テストしたいメールのフレームを選択します。
  2. Exportパネルを開きます。
  3. Upload For Testingの下にあるMailgun Inspectを選択します。
  4. アカウントに合ったMailgunのリージョン（USまたはEU）を選びます。
  5. MailgunのプライベートAPIキーを貼り付けます。
  6. Send To Mailgun Inspectをクリックします。
  7. Mailgunアカウントにログインして、生成されたメールのプレビューを確認します。

Emailifyは、選択したメールごとに個別のMailgun Inspectのプレビューテストを作成します。リクエストには生成されたHTMLと件名が含まれ、アカウントで利用できるプレビュー用のクライアントはMailgun Inspect側で決まります。

トラブルシューティング ​

アップロードに失敗する場合：

  • Mailgunアカウントに合ったリージョンを選択しているか確認します。
  • 公開用の検証キーではなく、現在有効なプライベートAPIキーを使っているか確認します。
  • MailgunのプランにInspectのメールプレビューが含まれているか確認します。
  • メール内の外部でホスティングしている画像に、誰でもアクセスできることを確認します。

Emailifyのエクスポート確認画面には、Mailgun Inspectから返されたエラーが表示されます。アップロードに失敗した場合でも、生成されたHTMLファイルはダウンロードできます。