> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).
# Advocateプログラムメールを作成・カスタマイズする
PXAコースを受講する
お客様のプログラムには、すぐに始められるよう、あらかじめ既定版のプログラムメールが設定されています。これらの既定版には、メールの要点を伝えるための汎用的な画像や文面が含まれています。プログラムと製品に関連する情報になるよう、プログラムメールをカスタマイズすることをおすすめします。
以下のドキュメントをご覧ください： [マージタグ](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) メールに参加者固有の詳細を含める方法については、こちらをご覧ください。
#### メールテンプレートを作成または編集する
プログラムルールの設定時に、少なくとも1件のプログラムメールが作成されます。既存のプログラムメールを編集し、新規作成は必要な場合のみ行うことをおすすめします。
1. 左側のナビゲーションメニューから、  **\[Engage] → コンテンツ**.
2. の中で *メール* カードを選択し **新規作成** または **メールを編集** 既存のテンプレートを編集するには。
3. 新しいテンプレートを作成する場合は、 **新しいメールテンプレートを作成** そして、メールを識別するための短く説明的なメールテンプレートID（例: Acme Advocates）を入力します。プログラムルールを設定する際は、このIDを使ってメールを識別します。
{% hint style="success" icon="memo-circle-check" %}
**注:** 次を参照してください [*メールコンポーネントの参考*](#component-reference-0-2) 以下のセクションを参照して、エディターのアイコンの機能をよりよく理解してください。
{% endhint %}
プレビューオプション
* **操作ドロップボックス** - このオプションでは、メール全体をプレビューするか、テストメールを送信するかを選べます。また、キャンバス表示をデスクトップ向けとモバイル向けで切り替えることもできます。
* **構造を表示** - このオプションではキャンバスにグリッドを適用し、各コンポーネントの配置を確認できます。
* **マージタグを表示** - このオプションでは、動的値が受信者にどのように表示されるかを確認できるように切り替えられます。たとえば、次のようなプレースホルダーテキストの代わりに、 *会社名*実際の会社名（例: Stark Industries）が表示されます。
* **メールテンプレートをインポート** - このオプションでは、作成済みの既存メールテンプレートをインポートできます。
* **メールテンプレートをエクスポート** - メールを作成したら、このオプションを使ってメールテンプレートをエクスポートできます。
メールコンポーネントを追加
**制限あり:** Advocateメールに追加コンポーネントを追加する機能は、特定のAdvocateエディションでのみ利用できます。 [サポートにお問い合わせください](https://app.impact.com/support/portal.ihtml) アカウントをアップグレードしてこの機能を利用するには。
1. 選択  **\[コンテンツ]** 新しいコンポーネントを選択するには。
2. **選択してドラッグ** コンポーネントをメール内の表示したい場所へドラッグします。新しいコンポーネントをメールに配置しやすいように、メール内に緑のバーが表示されます。
3. 必要に応じて、コンポーネントの内容または見た目を調整します:
* **選択** 変更したいコンポーネントを選択します。
* 右側のコンテンツセクションに、そのコンポーネントの編集オプションが表示されます。
4. **保存** 変更を保存します。
* メールエディターは変更を自動保存しません。必ず **保存** 画面右上のものを選択してください。ミスをした場合は、エディターを離れても変更は保存されません。
{% hint style="success" icon="memo-circle-check" %}
**注:** 新しいコンポーネントはメール内の既存コンポーネントと干渉し、既存のテキストや画像の位置がずれることがあります。通常は、既存の画像を更新したり既存の文面にテキストを追加したりして、既存コンポーネントを変更する方が簡単です。
{% endhint %}
コンポーネントを削除する
1. の中で *ワークスペース*削除したいコンポーネントを選択します。
2. 選択  **\[削除]** メールからコンポーネントを削除するには。
3. **保存** 変更を保存します。
メール文面を更新する
メール文面は、メールの異なるセクションで管理されるテキストコンポーネントに分かれています。
1. 次のセクションから新しいテキストコンポーネントを追加します。  **\[コンテンツ]** または既存のコンポーネントを選択します。
2. その領域に直接入力して、コンポーネント内のテキストを調整します。
3. テキストコンポーネントを選択した状態で、左側の *コンテンツ* セクション。
4. 更新が完了したら、 **アクション** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[ドロップダウンメニュー] → テストメールを送信** を選択して、自分宛てにテストメールを送信します。
5. テストメールに問題がなければ、 **保存** 変更を保存します。
カスタム画像を追加
**制限あり:** Advocateメールに追加のカスタム画像コンポーネントを追加できるのは、特定のAdvocateエディションのみです。 [サポートにお問い合わせください](https://app.impact.com/support/portal.ihtml) アカウントをアップグレードしてこの機能を利用するには。
1. 新しい画像コンポーネントを追加するか、更新したい画像コンポーネントを選択します。
2. 選択したら、ダブルクリックして *画像を選択* ウィンドウを開きます。 **画像を追加** を選択して、使用したい画像を選びます。画像が *画像を選択* ウィンドウに読み込まれたら、ダブルクリックして新しいコンポーネントに追加します。
3. 次のセレクターを使って、画像のサイズと位置を調整します。 *ワークスペース*.
4. 更新が完了したら、 **アクション** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[ドロップダウンメニュー]** → **テストメールを送信** を選択して、自分宛てにテストメールを送信します。
5. テストメールに問題がなければ、 **保存** 変更を保存します。
動的コンテンツを追加
マージタグを使うと、参加者名や報酬額などの動的コンテンツをメール文面に追加できます。任意のテキストコンポーネントにマージタグを追加できます。
{% hint style="success" icon="memo-circle-check" %}
**注:** 使用しているマージタグに対応する情報がない場合、参加者にはメール本文に余分なスペースが表示されます。たとえば、 *"Hello `{{user.firstName}}`. How are you?"* をメールで使っていても、ユーザーのfirstNameフィールドにデータがない場合、メールは次のように表示されます。 *"Hello . How are you?"*.
{% endhint %}
1. キャンバス領域で、マージタグを追加したいテキストコンポーネントを追加または選択します。
2. コンポーネントに紐づくツールバーで、マージタグを挿入したい位置にカーソルを置き、次を選択します。 **マージタグ**.
3. **保存** 変更を保存します。
{% hint style="danger" %}
**重要：** エディター内から送信したテストメールでは、マージタグを配置した箇所に値は入りません。
{% endhint %}
#### メールコンポーネントの参考
このセクションでは、メールエディターで使用できる各種ツールバーアイコンを説明します。
コンテンツアイコン
このタブでは、コンポーネントを追加し、キャンバスに配置して選択した後に、それぞれの見た目を編集できます:
| 要素 | 説明 |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
| **\[Advocate現金報酬コード]** | 利用可能な現金報酬コードを表示するために、Advocate現金報酬コードコンポーネントをキャンバスに配置します。 |
| **\[Advocate報酬コード]** | fueltank報酬コードを作成するために、Advocate報酬コードコンポーネントをキャンバスに配置します。 |
| **\[友達紹介報酬コード]** | 友達と共有するfueltank報酬コードを作成するために、友達紹介報酬コードコンポーネントをキャンバスに配置します。 |
|  **\[タイトル]** | タイトルテキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落テキストコンポーネントをキャンバスに配置します。 |
|  **［一覧］** | 箇条書きリストコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | 操作可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを配置して、各種ソーシャルプラットフォームへリンクするSNSボタンを追加します。 |
|  **\[動的コンテンツ]** | メール送信時に動的に反映したい情報を入力するために、動的コンテンツコンポーネントを配置します。これにより、メールにパーソナライズされた印象を持たせることができます。 |
|  **\[HTML]** | HTMLコードのコンポーネントをキャンバスに配置します。右側にコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに配置します。 |
行
ここでは、ドラッグ＆ドロップするだけでメールに追加できる、あらかじめ作成されたメールセクションをさらに見つけられます。
* **デフォルト** - あらかじめ作成されたコンテンツブロック。
* **空** - 後から追加する可能性のあるコンテンツ用の予約スペースを配置します。
* **カスタム** - 自分でコンテンツを作成して配置します。特にコンテンツの再利用に便利です。
設定
このタブでは、デザイン設定を変更できます。これらの設定はメール全体に適用されます。
* **コンテンツエリアの幅** - コンテンツを配置するキャンバス領域の幅を変更します。
* **コンテンツエリアの配置** - メールの内容をキャンバスの左揃えまたは中央揃えにするかを選択します。
* **背景色** - カラーブロックを選択して表示される色のグラデーションから色合いを選ぶか、メール背景の正確な色を16進コードで入力します。透明の背景にする場合は、16進コードとして「transparent」と入力するだけです。
* **コンテンツエリアの背景色** - カラーブロックを選択して表示される色のグラデーションから色合いを選ぶか、コンテンツエリアの背景の正確な色を16進コードで入力します。透明の背景にする場合は、16進コードとして「transparent」と入力するだけです。
* **デフォルトフォント** - テキストコンポーネントに使用したいフォントを選択します。ドロップダウン一覧には、各フォントのプレビューが表示されます。
* **リンクの色** - カラーブロックを選択して表示される色のグラデーションから色合いを選ぶか、リンクの正確な色を16進コードで入力します。透明の背景にする場合は、16進コードとして「transparent」と入力するだけです。
* **カスタムHead HTML** - このオプションを選択して、メールテンプレートに組み込みたい任意のカスタムHTMLコードを入力します。
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
**\[Advocate現金報酬コード]** | 利用可能な現金報酬コードを表示するために、Advocate現金報酬コードコンポーネントをキャンバスに配置します。 |
| 
**\[Advocate報酬コード]** | fueltank報酬コードを作成するために、Advocate報酬コードコンポーネントをキャンバスに配置します。 |
| 
**\[友達紹介報酬コード]** | 友達と共有するfueltank報酬コードを作成するために、友達紹介報酬コードコンポーネントをキャンバスに配置します。 |
|  **\[タイトル]** | タイトルテキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落テキストコンポーネントをキャンバスに配置します。 |
|  **［一覧］** | 箇条書きリストコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | 操作可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを配置して、各種ソーシャルプラットフォームへリンクするSNSボタンを追加します。 |
|  **\[動的コンテンツ]** | メール送信時に動的に反映したい情報を入力するために、動的コンテンツコンポーネントを配置します。これにより、メールにパーソナライズされた印象を持たせることができます。 |
|  **\[HTML]** | HTMLコードのコンポーネントをキャンバスに配置します。右側にコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに配置します。 |