> 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報酬コード]** | Advocate報酬コードコンポーネントをキャンバスに配置して、fueltank報酬コードを作成します。 |
| **\[友達報酬コード]** | 友達報酬コードコンポーネントをキャンバスに配置して、友達と共有するfueltank報酬コードを作成します。 |
|  **\[タイトル]** | タイトルのテキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落のテキストコンポーネントをキャンバスに配置します。 |
|  **\[リスト]** | 箇条書きリストのコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | クリック可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを挿入し、各種ソーシャルプラットフォームへのリンク用ボタンを追加します。 |
|  **\[動的コンテンツ]** | 動的コンテンツコンポーネントを挿入し、メール送信時に動的に差し込む情報を入力して、メールにパーソナルな印象を持たせることができます。 |
|  **\[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報酬コードコンポーネントをキャンバスに配置して、fueltank報酬コードを作成します。 |
| 
**\[友達報酬コード]** | 友達報酬コードコンポーネントをキャンバスに配置して、友達と共有するfueltank報酬コードを作成します。 |
|  **\[タイトル]** | タイトルのテキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落のテキストコンポーネントをキャンバスに配置します。 |
|  **\[リスト]** | 箇条書きリストのコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | クリック可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを挿入し、各種ソーシャルプラットフォームへのリンク用ボタンを追加します。 |
|  **\[動的コンテンツ]** | 動的コンテンツコンポーネントを挿入し、メール送信時に動的に差し込む情報を入力して、メールにパーソナルな印象を持たせることができます。 |
|  **\[HTML]** | HTMLコードのコンポーネントをキャンバスに配置します。右側にコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに配置します。 |