Bloomreachにメールをアップロードする

EmailifyのBloomreach向けエクスポートでは、BloomreachのHTML Builderに手動でインポートできる完全なHTMLメールを作成します。

Emailifyのエクスポートパネルで、ドロップダウンリストからBloomreachオプションを選択します。準備ができたらExport For Bloomreachボタンをクリックすると、Figmaで選択したメールがHTMLにエクスポートされます。

Emailifyの完全なテンプレートをインポートする ​

Emailifyのメール全体をインポートするときは、BloomreachのHTML Builderを使います。

  1. Emailifyのエクスポートを解凍します。
  2. メールのindex.htmlファイルをテキストエディターまたはコードエディターで開きます。
  3. BloomreachのHTML Builderでメールを作成するか、既存のメールを開きます。
  4. Codeモードに切り替え、既存のコードを<head>と<body>を含むindex.htmlの内容全体で置き換えます。
  5. メールを保存し、キャンペーンで使う前にテスト送信します。

Emailifyのエクスポート全体をインポートするときは、BloomreachのDesign Builder内のHTML content blockではなく、HTML Builderを使ってください。

Emailifyは、デスクトップのカラム幅を適用するレスポンシブCSSをメールの<head>に含め、別のフォールバックが必要なOutlookのバージョン向けに条件付きのテーブルマークアップも含めています。BloomreachのDesign BuilderはHTML content blockを本文の断片として扱うため、レスポンシブスタイルがメール本文に移動したり、Outlook固有のマークアップが削除されたりすることがあります。その場合、デスクトップでカラムが横に並ばず、縦に積み重なってしまうことがあります。

詳しくは、BloomreachのHTML Builderの使い方のガイドをご覧ください。

Design BuilderでEmailifyのセクションを使う ​

Design Builderのメール内にEmailifyのセクションを配置する必要がある場合は、エクスポートしたコードを分割する方法を試せます。

  1. エクスポートした<head>内の<style>タグを、BloomreachのSettings -> Custom Head HTMLにコピーします。
  2. エクスポートした<body>タグと</body>タグの間のコンテンツだけを、Design BuilderのHTML content blockにコピーします。

この方法で、対応するメールクライアントではレスポンシブCSSが復元される場合がありますが、Design BuilderによってEmailifyのOutlook固有の条件付きマークアップが削除される可能性は残ります。送信前に、Gmail、Apple Mail、デスクトップ版Outlookで結果をテストしてください。最も確実な互換性を得るには、BloomreachのHTML Builderでエクスポート全体を使ってください。

詳しくは、BloomreachのCustom Head HTMLのガイドをご覧ください。