Canvaメールをテストしてエクスポートする
Canvaメールを配信する前に、見た目をプレビューし、利用するメールプラットフォームに合わせてエクスポート方法を選んでおくとよいでしょう。
テストメールでデザインするをプレビューする
電子メールのデザインは、プラットフォームまたはデバイス( GmailとOutlook、モバイルとデスクトップなど)によって表示が異なります。 受信トレイに届く前に、壊れたリンク、レイアウトの問題、フォーマットエラーを検出するためのテストメールを自分自身に送信します。
- [テストメールを送信]を選択して、デザインの外観を確認します。
- 注意:テストメールは、Canvaログイン用のメールアドレスにのみ送信できます。
- [プレビュー]ボタンを選択して、電子メールがデスクトップとモバイルでどのようにレンダリングされるかを確認します。
- 件名を入力し、送信先のメールアドレスを追加してください。
- 受信トレイを開き、no-reply@preview.canva.emailからのプレビューメールを探します。
- 表示されない場合は、迷惑メールフォルダーまたは迷惑メールフォルダーを確認してください。
プロのヒント:少なくとも1台のデスクトップと1台のモバイルデバイスでメールをテストしてください。 これにより、オーディエンスがメールをどのように体験するかをより正確に確認できます。
Canvaメールをエクスポートする
Gmailで送信する場合は、エクスポートしなくても、CanvaからデザインをGmailの下書きに直接開けます。詳しくは、「GmailでCanvaメールを送信する」をご覧ください。
メールサービスプロバイダー(ESP)を使って送信する場合は、次のいずれかを選べます。
- HTMLコードを直接コピーする
- HTMLファイルと画像素材を含むZIPファイルをダウンロードする
「HTMLをコピー」と「HTMLをダウンロード」を使用した場合
ESPが次の場合は、HTMLのコピーを使用します。
- コードエディターがあり、
- 生のHTMLを直接貼り付けることができます。
ESPの場合は、ダウンロード( HTMLと画像)を使用してください。
- HTMLファイルをアップロードする必要があります。
- HTMLファイルとその画像アセットの両方を含むフォルダーが必要です。
CanvaメールのHTMLコードを複製する
メールプラットフォームでHTMLコードを直接貼り付けられる場合は、ZIPファイルをダウンロードする代わりに、メールのコードを複製できます。
- エディターから、[共有]を選択します。
- [HTMLをコピー]を選択します。
- HTMLが生成されたら、[クリップボードにコピー]を選択します。
- メールプラットフォームを開きます。
- 新しいキャンペーンやメールを作成します。
- プラットフォームのHTMLエディターまたはコードビューに切り替えます。
- コピーしたHTMLコードを貼り付けます。
- 公開する前にテストメールをプレビューして送信します。
HTML/コードエディターが見つからない場合
コードを貼り付ける場所が見つからない場合は、プラットフォームのビジュアルエディターを開いている可能性があります。HTMLビューまたはコードビューに切り替えてください。
メールプラットフォームで、次のような名前のHTMLエディターを探してください。
- コードエディター
- HTMLエディター
- ソース
- コードビュー
- カスタムHTML
- コードを自分で記述
通常は、新しいキャンペーンの作成時やテンプレートの選択時に、ビジュアルテンプレートではなくカスタムHTMLまたはコードベースのテンプレートを選ぶと見つかります。
- HTMLエディターを開きます。
- 既存のplaceholderコードを削除します。
- コピーしたHTMLを貼り付けます。
CanvaでデザインしたメールをHTML形式でダウンロードする
ZIPファイル( HTMLと画像)をダウンロードする
テストメールを送信した後は、HTMLファイルと画像アセットを含むZIPファイルとしてCanvaが設計したメールをダウンロードできます。 これは、Mailchimpやカスタムメールサービスプロバイダ( ESP )などのプラットフォームにメールをアップロードする場合に役立ちます。
- [共有]ボタンを選択し、[ダウンロード]を選択します。
- メールデザインにレイアウトの問題、リンクの不足、フォントの問題がある場合は、続行する前に修正してください。
- [ファイルタイプ]で、[HTMLと画像]を選択します。
- ダウンロードを選択します。
重要:
ZIP内から直接HTMLファイルを開いた場合、ブラウザは圧縮中にリンクされた画像ファイルにアクセスできないため、画像は読み込まれません。
ZIPファイルはコンテナとして機能し、コンテンツが完全に抽出されない限り、ほとんどのブラウザは内部イメージパスを読み取ることができません。
プロのヒント:電子メールが意図したとおりにレンダリングされ、すべての画像が表示されるように、必ず最初にZIPを抽出してください。
エクスポートされたファイルを確認する
ダウンロードしたZIPファイルを開き、レイアウトの問題、リンクの破損、アセットの不足を確認してから、メールプラットフォームにアップロードしてください。
- これは現在デスクトップでのみ利用できます。
- CanvaからダウンロードしたZIPファイルを見つけます。
- 右クリックして[抽出]または[解凍]を選択します。
- 抽出したフォルダから.htmlファイルをダブルクリックして、既定のWebブラウザで開きます。 これにより、メールがどのように表示されるかをローカルでプレビューできます。
- 以下を確認してください。
- 正しい画像の配置
- 機能リンク(正しい宛先を開く必要があります)
- 一貫したフォントと間隔
- 全体的な応答性とレイアウト
メールのテストとエクスポートが完了したら、利用するメールプラットフォームから送信しましょう。
次のステップ: メールプラットフォームからCanvaメールを送信する
よくあるご質問
メールのデザインが1枚の長い画像としてエクスポートされるのはなぜですか?
バナーやグループ化されたイラスト、画像の一部として保存されたテキストなどのデザイン要素は、1枚の画像としてエクスポートされます。これを避けるには、ESPがHTMLとして認識できるテキストボックス、フレーム、レイアウトブロックを使ってデザインを作成してください。
エクスポート後もフォントは保持されますか?
保持されるのはメール対応フォントのみです。メールに対応していないフォントは、メールクライアントによって表示が異なったり、代替フォントに置き換えられたりする場合があります。対応していないフォントを使用すると、Canvaに警告が表示されます。送信前に、必ず複数のメールクライアントでエクスポートしたメールをテストしてください。
パソコンでHTMLファイルを開いても画像が表示されないのはなぜですか?
ZIPフォルダー内からHTMLファイルを直接開くと、ブラウザーが画像を見つけて読み込めないため、画像が表示されません。解決するには、次の手順を行ってください。
- ファイルを解凍します。右クリックして「展開」または「解凍」を選択してください。
- 解凍したフォルダーからHTMLファイルを開きます。画像が正しく表示されます。
お役に立ちましたか?
高評価
低評価