> 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報酬コードを作成するために、友達報酬コードコンポーネントをキャンバスに入力します。 |
|  **\[タイトル]** | キャンバスにタイトルのテキストコンポーネントを入力します。 |
|  **\[段落]** | キャンバスに段落のテキストコンポーネントを入力します。 |
|  **\[一覧]** | 箇条書きリストのコンポーネントをキャンバスに入力します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに入力します。 |
|  **\[ボタン]** | インタラクティブなボタンコンポーネントをキャンバスに入力します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに入力します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに入力します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを入力して、各種ソーシャルプラットフォームへのリンクボタンを追加します。 |
|  **\[動的コンテンツ]** | メール送信時に動的に差し込まれる情報を入力するための動的コンテンツコンポーネントを入力します。これにより、メールにパーソナルな印象を持たせることができます。 |
|  **\[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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
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 what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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報酬コードを作成するために、友達報酬コードコンポーネントをキャンバスに入力します。 |
|  **\[タイトル]** | キャンバスにタイトルのテキストコンポーネントを入力します。 |
|  **\[段落]** | キャンバスに段落のテキストコンポーネントを入力します。 |
|  **\[一覧]** | 箇条書きリストのコンポーネントをキャンバスに入力します。 |
|  **\[画像]** | 画像コンポーネントをキャンバスに入力します。 |
|  **\[ボタン]** | インタラクティブなボタンコンポーネントをキャンバスに入力します。 |
|  **\[区切り線]** | 区切り線コンポーネントをキャンバスに入力します。 |
|  **\[スペーサー]** | スペーサーコンポーネントをキャンバスに入力します。 |
|  **\[ソーシャル** | ソーシャルコンポーネントを入力して、各種ソーシャルプラットフォームへのリンクボタンを追加します。 |
|  **\[動的コンテンツ]** | メール送信時に動的に差し込まれる情報を入力するための動的コンテンツコンポーネントを入力します。これにより、メールにパーソナルな印象を持たせることができます。 |
|  **\[HTML]** | HTMLコードのコンポーネントをキャンバスに入力します。右側でコードを入力すると、キャンバス内で整形されます。 |
|  **\[アイコン]** | アイコンコンポーネントをキャンバスに入力します。 |