# Advocateプログラムのメールを作成・カスタマイズする
PXAコースを受講する
プログラムは、できるだけ早く使い始められるように、プログラムメールの既定バージョンで最初に設定されています。これらの既定バージョンには、メールの本質を伝えるための汎用的な画像とメッセージが含まれています。プログラムや製品に関連した情報になるよう、プログラムメールを調整することをおすすめします。
こちらのドキュメントをご覧ください [マージタグ](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) メールに参加者固有の詳細を含める方法についての情報はこちら。
#### メールテンプレートを作成または編集する
プログラムルールを設定するときに、少なくとも1通のプログラムメールが作成されます。既存のプログラムメールを編集し、新規作成は必要な場合のみ行うことをおすすめします。
1. 左側のナビゲーションメニューから、  **\[Engage] → Content**.
2. プロフィールの *Emails* カードで、選択します **新規作成** または **メールを編集** して既存のテンプレートを編集します。
3. 新しいテンプレートを作成する場合は、 **新しいメールテンプレートを作成** を選択し、メールを識別するための短く説明的なメールテンプレートID（例: Acme Advocates）を入力します。プログラムルールを設定するときに、このIDでメールを識別します。
* を選択します。  **\[詳細]** でテンプレートを削除します。
* を選択します。  **\[終了アイコン]** でサイドメニューを最小化します。
4. エディタを使用する前に、 **編集** を選択して、画面上部の必須項目である *連絡先情報* を入力してください。
* 次を入力します **差出人名** メールに表示される固定名を追加します。例: Acme Advocates。
* 次を入力します **差出人アドレス** メールのカスタムドメインの送信元となるアドレスです。
* 差出人の *送信元* メールアドレスを調整したい場合は、当社のシステムがあなたに代わって真正なメールを送信していることを確認するため、設定を調整する必要があります。お持ちのドメインを *差出人アドレス*として使用するには、 [ドメインを設定](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) する必要があります。 *設定* ページから行ってください。
* 次を入力します **BCC** でメールのコピーを送信します。
* 次を入力します **件名** メールの件名です。
* を選択します。 **完了** してこの情報を保存します。
5. 次に、エディタの使用に進みます。
#### エディタの使用
メールを簡単に作成するには、まずメールエディタを新しいバージョンにアップグレードする必要がある場合があります。その場合は、ページ上部の青いバナーを探して **今すぐ更新**.
メール内のすべての画像、テキスト、リンクは、メールの構造を構成する個別のコンポーネントとして設定されています。これらのコンポーネントがメールの構成要素です。
{% 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" %}
**注:** 使用しているマージタグに対応する情報がない場合、参加者にはメール本文に余分なスペースが表示されます。たとえば、 *"こんにちは `{{user.firstName}}`。お元気ですか？"* をメールで使用したが、ユーザーのfirstNameフィールドにデータがなかった場合、メールは *"こんにちは 。お元気ですか？"*.
{% endhint %}
1. として表示されます。キャンバス領域で、マージタグを追加したいテキストコンポーネントを追加または選択します。
2. そのコンポーネントにリンクしたツールバーで、マージタグを配置したい場所にカーソルを置き、次に **マージタグ**.
3. **保存** して変更を保存します。
{% hint style="danger" %}
**重要:** エディタ内で送信したテストメールには、マージタグを配置した箇所に値は含まれません。
{% endhint %}
#### メールコンポーネントリファレンス
このセクションでは、メールエディタで利用できる各種ツールバーアイコンについて説明します。
コンテンツアイコン
このタブでは、コンポーネントを入力し、選択してキャンバスに配置した後に各コンポーネントの見た目を編集できます:
| 要素 | 説明 |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
| 
**\[Advocate Cash Reward Code]** | Advocateのキャッシュ報酬コードコンポーネントをキャンバスに配置して、利用可能なキャッシュ報酬コードを表示します。 |
| 
**\[Advocate Reward Code]** | Advocateの報酬コードコンポーネントをキャンバスに配置して、fueltank報酬コードを作成します。 |
| 
**\[Friend Reward Code]** | 友人と共有するfueltank報酬コードを作成するために、友人向け報酬コードコンポーネントをキャンバスに配置します。 |
|  **\[タイトル]** | タイトルのテキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落のテキストコンポーネントをキャンバスに配置します。 |
|  **\[リスト]** | 箇条書きリストのコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | 操作可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを配置して、さまざまなソーシャルプラットフォームへのリンク用ボタンを追加します。 |
|  **\[動的コンテンツ]** | メール送信時に動的に反映したい情報を入力するための動的コンテンツコンポーネントを配置し、メールにパーソナライズされた印象を与えます。 |
|  **\[HTML]** | HTMLコード化されたコンポーネントをキャンバスに配置します。右側にコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに配置します。 |
行
ここでは、あらかじめ用意されたメールセクションをさらに見つけることができ、ドラッグ＆ドロップするだけでメールに追加できます。
* **既定** - あらかじめ用意されたコンテンツブロックです。
* **空** - 後で追加する可能性のあるコンテンツ用の予約スペースを配置します。
* **カスタム** - 独自のコンテンツを作成して入力します。特にコンテンツの再利用に便利です。
設定
このタブでは、デザイン設定を変更できます。これらの設定はメール全体に適用されます。
* **コンテンツエリアの幅** - コンテンツを追加するキャンバス領域の幅を変更します。
* **コンテンツエリアの配置** - メールの内容をキャンバスの左寄せまたは中央寄せのどちらにするかを選択します。
* **背景色** - 表示されるカラーブロックを選択して色のグラデーションから色合いを選ぶか、メール背景の正確な色を指定するために16進コードを入力します。透明な背景にするには、16進コードとして単に「transparent」と入力してください。
* **コンテンツエリアの背景色** - 表示されるカラーブロックを選択して色のグラデーションから色合いを選ぶか、コンテンツエリアの背景の正確な色を指定するために16進コードを入力します。透明な背景にするには、16進コードとして単に「transparent」と入力してください。
* **デフォルトフォント** - テキストコンポーネントに使用するフォントを選択します。ドロップリストには、各フォントオプションの見た目のプレビューが表示されます。
* **リンク色** - 表示されるカラーブロックを選択して色のグラデーションから色合いを選ぶか、リンクの正確な色を指定するために16進コードを入力します。透明な背景にするには、16進コードとして単に「transparent」と入力してください。
* **カスタムヘッドHTML** - メールテンプレートに組み込みたい任意のカスタムHTMLコードを入力するには、このオプションを選択します。
---
# Agent Instructions: 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:
```
GET https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=
```
The question should be specific, self-contained, and written in natural language.
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.