---
url: "/ja/emailify/integrations/bloomreach.md"
description: "EmailifyのBloomreach向けエクスポートでは、BloomreachのHTML Builderに手動でインポートできる完全なHTMLメールを作成します。"
---

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

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

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

## Emailifyの完全なテンプレートをインポートする {#importing-a-complete-emailify-template}

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

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

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

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

詳しくは、Bloomreachの[HTML Builderの使い方](https://documentation.bloomreach.com/engagement/docs/email-editors#html-builder)のガイドをご覧ください。

## Design BuilderでEmailifyのセクションを使う {#using-an-emailify-section-in-the-design-builder}

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

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

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

詳しくは、Bloomreachの[Custom Head HTML](https://documentation.bloomreach.com/engagement/docs/email-editors#custom-head-html)のガイドをご覧ください。