Canvaホーム
ヘルプ

Canvaメールをテストしてエクスポートする


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

オーディエンスにCanvaメールを送信する前に、どのように表示されるかをプレビューし、お好みのメールプラットフォームで使用するためのエクスポート方法を選択することをお勧めします。

デザインをテストメールで プレビューする

電子メールのデザインは、プラットフォームまたはデバイス( GmailとOutlook、モバイルとデスクトップなど)によって表示が異なります。 受信トレイに届く前に、壊れたリンク、レイアウトの問題、フォーマットエラーを検出するためのテストメールを自分自身に送信します。

プロのヒント:少なくとも1台のデスクトップと1台のモバイルデバイスでメールをテストしてください。 これにより、オーディエンスがメールをどのように体験するかをより正確に確認できます。

  1. [
    テストメールを送信]を選択して、デザインの外観を確認します。
    • 注意:テストメールは、Canvaログイン用のメールアドレスにのみ送信できます。
  2. [
    プレビュー]ボタンを選択して、電子メールがデスクトップとモバイルでどのようにレンダリングされるかを確認します。
  3. 件名を入力し、送信先のメールアドレスを追加してください。
  4. 受信トレイを開き、no-reply@preview.canva.emailからのプレビューメールを探します。
    • 表示されない場合は、迷惑メールフォルダーまたは迷惑メールフォルダーを確認してください。

Canvaのメールをエクスポートする

Gmailを介して送信する場合、CanvaはデザインをGmailの下書きで直接開くことができます。エクスポートは必要ありません。 これについては、GmailでCanvaメールを送信するを参照してください。

メールサービスプロバイダ( ESP )で送信する場合は、次のいずれかのようにすることができます。

  • HTMLコードを直接コピーするか、
  • HTMLと画像アセットを含むZIPファイルをダウンロードする

「HTMLをコピー」と「HTMLをダウンロード」を使用した場合

ESPが次の場合は、HTMLのコピーを使用します。

  • コードエディターがあり、
  • 生のHTMLを直接貼り付けることができます。

ESPの場合は、ダウンロード( HTMLと画像)を使用してください。

  • HTMLファイルをアップロードする必要があります。
  • HTMLファイルとその画像アセットの両方を含むフォルダーが必要です。

CanvaメールのHTMLコードをコピーする

メールプラットフォームで生のHTMLを直接貼り付けることができる場合は、ZIPファイルをダウンロードする代わりにメールのコードをコピーできます。

  1. エディターから、[共有]を選択します。
  2. [HTMLをコピー]を選択します。
  3. HTMLが生成されたら、[クリップボードにコピー]を選択します。
  4. メールプラットフォームを開きます。
  5. 新しいキャンペーンやメールを作成します。
  6. プラットフォームのHTMLエディターまたはコードビューに切り替えます。
  7. コピーしたHTMLコードを貼り付けます。
  8. 公開する前にテストメールをプレビューして送信します。

使用しているHTML/コードエディターが見つかりません

コードを貼り付ける場所が見つからない場合は、プラットフォームのビジュアルエディタにいる可能性があります。 代わりにHTMLまたはコードビューに切り替えます。

メールプラットフォームで、HTMLエディターを探します。次のようにラベル付けされている場合があります。

  • コードエディター
  • HTMLエディター
  • アクセス元
  • コードビュー
  • カスタムHTML
  • 独自のコードを作成する

通常、新しいキャンペーンを作成したり、テンプレートを選択したり、ビジュアルテンプレートの代わりにカスタムHTMLまたはコードベースのテンプレートを選択したりするときに使用されます。

  1. HTMLエディターを開きます。
  2. 既存のプレースホルダコードがある場合は削除します。
  3. コピーしたHTMLを貼り付けます。

CanvaがデザインしたメールをHTMLとしてダウンロードする

ZIPファイル( HTMLと画像)をダウンロードする

テストメールを送信した後は、HTMLファイルと画像アセットを含むZIPファイルとしてCanvaが設計したメールをダウンロードできます。 これは、Mailchimpやカスタムメールサービスプロバイダ( ESP )などのプラットフォームにメールをアップロードする場合に役立ちます。

  1. [共有]ボタンを選択し、[ダウンロード]を選択します。
    • メールデザインにレイアウトの問題、リンクの不足、フォントの問題がある場合は、続行する前に修正してください。
  2. [ファイルタイプ]で、[HTMLと画像]を選択します。
  3. ダウンロードを選択します。

重要:

ZIP内から直接HTMLファイルを開いた場合、ブラウザは圧縮中にリンクされた画像ファイルにアクセスできないため、画像は読み込まれません。

ZIPファイルはコンテナとして機能し、コンテンツが完全に抽出されない限り、ほとんどのブラウザは内部イメージパスを読み取ることができません。

プロのヒント:電子メールが意図したとおりにレンダリングされ、すべての画像が表示されるように、必ず最初にZIPを抽出してください。

エクスポートされたファイルを確認する

ダウンロードしたZIPファイルを開き、レイアウトの問題、リンクの破損、アセットの不足を確認してから、メールプラットフォームにアップロードしてください。

  • これは現在デスクトップでのみ利用できます。
  1. CanvaからダウンロードしたZIPファイルを見つけます。
  2. 右クリックして[抽出]または[解凍]を選択します。
  3. 抽出したフォルダから.htmlファイルをダブルクリックして、既定のWebブラウザで開きます。 これにより、メールがどのように表示されるかをローカルでプレビューできます。
  4. 以下を確認してください。
    • 正しい画像の配置
    • 機能リンク(正しい宛先を開く必要があります)
    • 一貫したフォントと間隔
    • 全体的な応答性とレイアウト

メールがテストおよびエクスポートされたら、ご希望のメールプラットフォームを使用して送信します。

次のステップ:メールプラットフォームを介してCanvaメールを送信する

よくあるご質問

メールのデザインが1つの長い画像としてエクスポートされるのはなぜですか?

バナー、グループ化されたグラフィック、画像の一部として保存されたテキストなどのデザイン要素は、単一のフラット画像としてエクスポートされます。これを回避するには、ESPがHTMLとして解釈できるテキストボックス、フレーム、レイアウトブロックを使用してデザインを作成します。

フォントは、エクスポートするときに引き継がれますか?

メールセーフフォントのみが保持されます。 電子メールセーフではないフォントは、電子メールクライアント間で異なるレンダリングが行われたり、フォールバックフォントに置き換えられたりする場合があります。 サポートされていないフォントが使用されている場合、Canvaは警告を表示します。 送信する前に、必ずエクスポートした電子メールを別の電子メールクライアントでテストしてください。

パソコンでHTMLファイルを開いても画像が表示されないのはなぜですか?

ZIPフォルダ内から直接HTMLファイルを開くと、ブラウザは画像を検索して読み込むことができないため、表示されません。これを修正するには:

  1. ファイルを解凍:右クリックして[解凍]または[解凍]を選択します。
  2. 解凍されたフォルダからHTMLファイルを開きます。 画像は正しく表示されているはずです。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています