動画チュートリアル：SendGridにメールをアップロードする
この動画では、FigmaのEmailifyプラグインからSendGridにHTMLメールをアップロードする方法を紹介しています。
ZIPをダウンロードする
- EmailifyのエクスポートパネルでSendGrid (Zip) を選び、メールのフレームを選択します。SendGridのAPIキーは不要です。
- 画像ホスティングのオプションを使って画像をアップロードするかどうかを選びます。
- Export For SendGridをクリックし、ファイルをダウンロードして解凍します。
- 各メールの
index.htmlを、SendGridのHTMLコードエディターにコピーします。ローカルの画像パスでエクスポートした場合は、送信前に画像をホストし、それらのパスを公開URLに置き換えてください。 - SendGridからテスト送信し、受信者が使うメールクライアントで確認します。
どちらのSendGridオプションでも、古いOutlookクライアント向けの角丸ボタンの代替表示は含まれません。これらのクライアントではボタンの角が四角く表示され、CSSの角丸に対応しているクライアントでは角丸が保たれます。この互換性のための仕様によって、Outlookでの表示の問題がすべて解決されるわけではありません。
APIでアップロードする
Emailifyのエクスポートパネルで、ドロップダウンリストからSendGrid (API) オプションを選択し、有効なSendGridのAPIキーを貼り付けます。APIキーは、SendGridアカウントのAPI Keys設定ページで生成できます。
準備ができたら、Upload To SendGridボタンをクリックすると、Figmaで選択したメールのHTMLへのエクスポートが始まり、SendGridのDesign Libraryのテンプレートに自動でアップロードされます。