> 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}}`。お元気ですか？"* をメールに入れていても、ユーザーのfirstNameフィールドにデータがない場合、メールは *"Hello . お元気ですか？"*.
{% endhint %}
1. キャンバス領域で、マージタグを追加したいテキストコンポーネントを追加または選択します。
2. コンポーネントに関連付けられたツールバーで、マージタグを挿入したい場所にカーソルを置き、次を選択します **マージタグ**.
3. **保存** 変更内容を保存します。
{% hint style="danger" %}
**重要：** エディター内で送信したテストメールには、マージタグが配置された箇所の値は含まれません。
{% endhint %}
#### メールコンポーネントの参照
このセクションでは、メールエディターで利用できるさまざまなツールバーアイコンについて説明します。
コンテンツアイコン
このタブでは、コンポーネントを入力し、キャンバスに追加して選択した後、それぞれの見た目を編集できます：
| 要素 | 説明 |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
| **\[Advocate現金報酬コード]** | 利用可能な現金報酬コードを表示するために、Advocate現金報酬コードコンポーネントをキャンバスに配置します。 |
| **\[Advocate報酬コード]** | fueltank報酬コードを作成するために、Advocate報酬コードコンポーネントをキャンバスに配置します。 |
| **\[友達報酬コード]** | 友達に共有する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報酬コード]** | fueltank報酬コードを作成するために、Advocate報酬コードコンポーネントをキャンバスに配置します。 |
| 
**\[友達報酬コード]** | 友達に共有するfueltank報酬コードを作成するために、友達報酬コードコンポーネントをキャンバスに配置します。 |
|  **\[タイトル]** | タイトル用テキストコンポーネントをキャンバスに配置します。 |
|  **\[段落]** | 段落用テキストコンポーネントをキャンバスに配置します。 |
|  **\[リスト]** | 箇条書きリストコンポーネントをキャンバスに配置します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに配置します。 |
|  **\[ボタン]** | 操作可能なボタンコンポーネントをキャンバスに配置します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに配置します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに配置します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを配置して、各種ソーシャルプラットフォームへのリンク用ソーシャルメディアボタンを追加します。 |
|  **\[動的コンテンツ]** | 送信時に動的に反映したい情報を入力するために、動的コンテンツコンポーネントを配置します。これにより、メールにパーソナライズされた印象を持たせることができます。 |
|  **\[HTML]** | HTMLコードのコンポーネントをキャンバスに配置します。右側でコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに配置します。 |