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

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

カスタムHTMLメールに関するHubSpotのドキュメントにあるとおり、カスタムコードのメールテンプレートを作成するにはMarketing Hub ProfessionalまたはEnterprise accountが必要です。

Emailifyのエクスポートパネルで、ドロップダウンリストからHubSpotオプションを選択し、有効なHubSpotのPrivate App APIキーを貼り付けます。APIキーを生成するには、HubSpotのアカウント設定のIntegrations -> Private Appsページで、次の手順に沿って新しい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のテンプレートに自動でアップロードされます。

HubSpotでのHTMLメールの編集に関する重要な注意点 ​

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

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

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

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