---
url: "/ja/emailify/integrations/hubspot.md"
description: "EmailifyにはHubSpotとの連携機能があり、FigmaプラグインからHTMLメールをHubSpotのテンプレートに直接アップロードできます。"
---

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

> EmailifyにはHubSpotとの連携機能があり、FigmaプラグインからHTMLメールをHubSpotのテンプレートに直接アップロードできます。

> **Warning:** カスタムHTMLメールに関する[HubSpotのドキュメント](https://knowledge.hubspot.com/design-manager/build-a-custom-coded-template)にあるとおり、カスタムコードのメールテンプレートを作成するには**Marketing Hub Professional**または**Enterprise account**が必要です。

Emailifyのエクスポートパネルで、ドロップダウンリストから**HubSpot**オプションを選択し、有効なHubSpotのPrivate App APIキーを貼り付けます。APIキーを生成するには、HubSpotのアカウント設定の**Integrations** -> **Private Apps**ページで、次の手順に沿って新しい[Private App](https://developers.hubspot.com/docs/api/migrate-an-api-key-integration-to-a-private-app#create-a-new-private-app)を作成します。

1. **Create private app**ボタンをクリックします
2. **Basic Info**タブで、プライベートアプリに名前を付けます（例：**Emailify**）
3. 次に**Scopes**タブで`content`を検索し、**content**チェックボックスにチェックを入れます。
4. **Create app**ボタンをクリックし、**Continue creating**をクリックします
5. **Show token**ボタンをクリックし、**Copy**ボタンをクリックします
6. このキーを安全な場所に保存します（今後の再利用・参照のため）
7. Emailifyに戻り、**HubSpot API**キーの入力欄に貼り付けます

準備ができたら**Upload To HubSpot**ボタンをクリックします。Figmaで選択したメールのHTMLエクスポートが始まり、[HubSpotのテンプレート](https://app.hubspot.com/)に自動でアップロードされます。

## HubSpotでのHTMLメールの編集に関する重要な注意点 {#important-note-on-editing-html-emails-in-hubspot}

残念ながら、HubSpotにはMailchimpやKlaviyoのようなカスタムHTMLメール用のビジュアルエディターがありません。HTMLメールをHubSpotにアップロードした後は、変更をすべてHubSpotのコードエディターで直接行う必要があります。

HubSpotはモジュール（再利用できるカスタムコードブロック）に対応していますが、設定がかなり複雑で、手動で管理する必要があり、単発のメールやキャンペーン単位のメールにはあまり向いていません。

おすすめの回避策：
EmailifyをHubSpotと組み合わせて使う場合、最もシンプルなのは、チームメンバーを同じFigmaファイルに招待する方法です。チームメンバーはFigmaで直接テキストや画像を編集でき、すべて確定したら、プラグインからメールをエクスポートしてHubSpotにアップロードできます。

完璧ではありませんが、このワークフローならHubSpotのエディターの制限を回避でき、コンテンツの編集をすばやく共同で進められます。