# アドボケートプログラムのメールを作成およびカスタマイズする

<a href="https://pxa.impact.com/student/activity/2356725?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">PXAコースを受講する</a>

お客様のプログラムは、できるだけ早く運用を開始できるよう、初期設定としてプログラム用メールの既定バージョンが設定されています。これらの既定バージョンには、メールの要旨を伝えるための汎用的な画像とメッセージが読み込まれています。プログラムや製品に関連する情報となるよう、プログラム用メールをカスタマイズすることを推奨します。

当社のドキュメントを参照してください： [マージタグ](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails) メールに参加者固有の詳細を含める方法については。

#### メールテンプレートを作成または編集する

プログラムルールを設定するときに、少なくとも1つのプログラム用メールが作成されます。既存のプログラム用メールを編集し、必要な場合にのみ新しいメールを作成することをおすすめします。

1. 左側のナビゲーションメニューから、次を選択します： ![](https://impact-1.gitbook.io/docs/emvxfLrwrlacc4y3y02Y/~gitbook/image?url=https%3A%2F%2F4048883401-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwMLlMoFBtKJa8ptd3zaw%252Fuploads%252Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%252Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg%3Falt%3Dmedia\&width=300\&dpr=3\&quality=100\&sign=71dd50ef\&sv=2) **\[Engage] → コンテンツ**.
2. の中で、 *メール* カードで、次を選択します： **新規作成** または **メールを編集** 既存のテンプレートを編集するには。
3. 新しいテンプレートを作成する場合は、次を選択します： **新しいメールテンプレートを作成** メールを識別するための短く説明的なメールテンプレートID（例：Acme Advocates）を入力します。プログラムルールを設定する際にこのIDを使用してメールを識別します。

<div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-849920ea3dc0a6e4c62f5841e312f4b5f5e1dc54%2Fd2b2c3352a1f5168a154d7e0976e61de9cda121ecf5c40050ddc41af37bfb468.jpg?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

* 選択します： ![](https://res.cloudinary.com/product-enablement/image/upload/v1768910844/Accessibility%20Icons/More_vNext.svg) **\[その他]** テンプレートを削除するため。
* 選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[終了アイコン]** サイドメニューを最小化するには。

<div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f84f82151b8b3a0d0567f1101221de276a4dbed2%2Fc34a999c9e16cd7d37a818556b42f56ec7d946eb7872451e369945d99fa74b6a.jpg?alt=media" alt="" width="422"><figcaption></figcaption></figure></div>

1. エディタを使用する前に、次を選択します： **編集** 必須の *連絡先情報* を画面上部に入力します。
   * 次を入力します： **差出人名** メール上に表示される静的な名前を追加します（例：Acme Advocates）。
   * 次を入力します： **差出人アドレス** メールのカスタムドメインが発信されるアドレス。
     * 差出人メールアドレスを調整したい場合は、当社のシステムが貴社の代理で正当なメールを送信していることを確認するために設定を調整する必要があります。差出人アドレスとして所有するドメインを使用するには、 *差出人* メールアドレスを使用するには、設定を調整して当社のシステムが貴社を代表して正当なメールを送信していることを確認する必要があります。 *差出人アドレス*を使用するには、 [ドメインを設定する](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate) 必要があります（ *設定* ページから）。
   * 次を入力します： **BCC** メールのコピーを送信するため。
   * 次を入力します： **件名** メールの件名。
   * 選択します： **完了** この情報を保存するには。
2. 次に、エディタの使用に進みます。

#### エディタの使用方法

メール内のすべての画像、テキスト、およびリンクは、メールの構造を構成する個々のコンポーネントに設定されています。これらのコンポーネントがメールの構成要素です。

<div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-11de1498b24c2187761fb3e1d16cfce9363891cf%2F4630f1b35d3ef94cea6d1dcde93c04ca893c3af26b791fe489958553053a08c2.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**注：** 以下の [*ツールバー参照*](#section-idm143415649584296) セクションを参照して、エディタのアイコンの機能をよりよく理解してください。
{% endhint %}

<details>

<summary>コンポーネントを追加する</summary>

**制限：** Advocateメールに追加のコンポーネントを追加する機能は、特定のAdvocateエディションでのみ利用可能です。 [サポートに連絡して](https://app.impact.com/support/portal.ihtml) アカウントをアップグレードし、この機能にアクセスしてください。

1. 選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c1d884ff1112d5990b114815f5dd442c1d374631%2Feb59caa126fc2615226c1c412a8c1543b235d5adb7a38efaa8f213685b669c79.svg?alt=media) **\[ブロックを開く]** 新しいコンポーネントを選択するには。
2. **コンポーネントを選択してドラッグし、コンポーネントを表示したいメール内の領域に移動します。新しいコンポーネントを配置する際に、配置を助ける緑色のバーがメール内に表示されます。** コンポーネントの表示場所を決めるために、メール内に緑色のバーが表示されます。
3. オプションで、右側のツールバーを使用してコンポーネントの内容や外観を調整します。
   * **新しいコンポーネントを** ダブルクリックします。
   * 選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **\[編集]** 右側のツールバーにあります。
   * テキストコンポーネントを追加した場合は、次をクリックします： **タイポグラフィ** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** フォーマットを変更します。
4. **保存** 変更を保存します。

   * メールエディタは変更を自動保存しません。画面右上の **保存** を必ず選択してください。誤りを犯した場合は、エディタを離れると変更は保存されません。

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p><strong>注：</strong> 新しいコンポーネントはメール内の既存のコンポーネントと相互に影響し、既存のテキストや画像が移動することがあります。既存のコンポーネントに変更を加える場合は、既存の画像を更新するか、既存の文章にテキストを追加する方が通常は簡単です。</p></div>

</details>

<details>

<summary>コンポーネントを削除する</summary>

1. の中で、 *ワークスペース*で、削除したいコンポーネントを選択します。
2. 選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[削除]** メールからコンポーネントを削除するには。
3. **保存** 変更を保存します。

</details>

<details>

<summary>メール本文を更新する</summary>

メール本文は、メールの異なるセクションで管理されるテキストコンポーネントに分割されています。

1. 新しいテキストコンポーネントを追加するか、既存のコンポーネントをダブルクリックしてハイライトします。
2. コンポーネント内のテキストを調整します。
3. テキストコンポーネントがハイライトされている状態で、次を選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **\[編集]** 垂直ツールバー内の項目を使用して、テキストのフォント、色、ウェイト、または間隔を変更します。
4. 更新が完了したら、次を選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ffc6658e079e839b29f85f5cc2dd9e09779a8ae6%2F13dd243bc36c7758d390845ea2fea7a3afe90178064940f112e6affc4c113f57.svg?alt=media) **\[テスト送信]** 自分自身にテストメールを送信します。
5. テストメールが問題なければ、 **保存** 変更を保存します。

</details>

<details>

<summary>カスタム画像を追加する</summary>

**制限：** Advocateメールに追加のカスタム画像コンポーネントを追加する機能は、特定のAdvocateエディションでのみ利用可能です。 [サポートに連絡して](https://app.impact.com/support/portal.ihtml) アカウントをアップグレードし、この機能にアクセスしてください。

1. 新しい画像コンポーネントを追加するか、更新したい画像コンポーネントを選択してハイライトします。
2. 選択したら、それをダブルクリックして、次のウィンドウを表示します： *画像を選択* ウィンドウ。次に、 **画像を追加** を選択して使用したい画像を選びます。画像がウィンドウに読み込まれたら、ダブルクリックして新しいコンポーネントに追加します。 *画像を選択* ウィンドウに画像が読み込まれたら、ダブルクリックして新しいコンポーネントに追加します。
3. ワークスペースのセレクタを使用して画像のサイズと位置を調整します。 *ワークスペース*.
4. 更新が完了したら、次を選択します： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ffc6658e079e839b29f85f5cc2dd9e09779a8ae6%2F13dd243bc36c7758d390845ea2fea7a3afe90178064940f112e6affc4c113f57.svg?alt=media) **\[テスト送信]** 自分自身にテストメールを送信します。
5. テストメールが問題なければ、 **保存** 変更を保存します。

</details>

<details>

<summary>動的コンテンツを追加する</summary>

マージタグを使用すると、参加者の名前や報酬額などの動的コンテンツをメール本文に追加できます。マージタグは任意のテキストコンポーネントに追加できます。

{% hint style="info" %}
**注：** 使用しているマージタグに対応する情報が存在しない場合、参加者にはメール本文に余分な空白が表示されます。例えば、 *「Hello `{{user.firstName}}`。お元気ですか？」* をメール内で使用していて、ユーザーのfirstNameフィールドにデータがなかった場合、メールは次のようにレンダリングされます： *「Hello 。お元気ですか？」*.
{% endhint %}

1. 当社の [マージタグ](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails) リスト
2. の中で、 *ワークスペース*からマージタグを選択します。
3. 次に、マージタグを追加したいテキストをダブルクリックします。

   マージタグを追加します。タグの構造を保持するようにしてください。タグは二重の「ハンドルバー」ブラケットで始まり、タグの内容、その後反対方向の二重ブラケットで閉じられる必要があります。 `{{user.firstName}}`.
4. **保存** 変更を保存します。

{% hint style="warning" %}
**例として：** 重要：
{% endhint %}

</details>

#### ツールバー参照

エディタ内で送信されたテストメールには、マージタグが配置されている場所の値は含まれません。

<details>

<summary>このセクションでは、メールエディタでアクセスできるさまざまなツールバーアイコンについて説明します。</summary>

ツールバーアイコン **エディタの上部には** ツールバー

| があり、次の操作が可能です：                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | 要素                                                                                                                                                                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9a50309ee9d0e10094bf68c9b9ae1999dbec4f48%2F7cf9c6c1f6544aa358de22e77201e216647a70ab22c854c02334f51f45892424.svg?alt=media) **説明** / ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FLzM2LWIUSyzEYsesvGnC%2Fimage.png?alt=media\&token=d30a2b2c-cbca-4ed1-ac40-6a1e3081f0ae) **\[デスクトッププレビュー]** / <i class="fa-mobile">:mobile:</i> **\[タブレットプレビュー]**                                                               | \[モバイルプレビュー]                                                                                                                                                                                                                                      |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-83769eced40295b3adddc8139db5dee9e6106ea0%2F65396388eb13a7bc1c8693fceb58845f9b6ee692c76282f5fcedc33ccb1665eb.svg?alt=media) **メールがデスクトップ、タブレット、またはモバイル画面でどのように表示されるかをプレビューします。**                                                                                                                                                                                                                                                                                                                | \[コンポーネントを表示]                                                                                                                                                                                                                                     |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-190c6a03e6a68d67509d00452b10fd803bee5c87%2F57c7cba09bd1b97dd75b7c245e517c8d1ca0469d7c57bdc13ee6e427b75a860a.svg?alt=media) **メールの個々のコンポーネントがどのように重なり合い相互作用するかを表示します。**                                                                                                                                                                                                                                                                                                                         | \[プレビュー]                                                                                                                                                                                                                                          |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef24507db3f42deb3afb56262dda11ac1876a542%2F2e28fedcf39dbb091996c5883501adaf309f3c53abfc8ea6e023960c516dcdd9.svg?alt=media) **メールテンプレートをプレビューします。**                                                                                                                                                                                                                                                                                                                                             | \[コードを表示]                                                                                                                                                                                                                                         |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-df3660aacc4fc172eb81147616b602e4b9e57f4b%2F2804036b53985c93cf08a9b5b4343829b38a5f6636e55d51394df728a710b285.svg?alt=media) **メールの基礎となるHTMLソースコードを表示します。メールデザインをエクスポートすることもできます。**                                                                                                                                                                                                                                                                                                              | \[画像の切り替え]                                                                                                                                                                                                                                        |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-84d004df419c8221e6ce18d139e015fa1f8239c3%2Fc30065167673a5482b8da0f45e9a8573b2c5b7af392d62d910691fc8f7853bc6.svg?alt=media) **画像あり／なしでメールをプレビューします。一部のユーザーはメールを表示する際に画像を読み込まない選択をするため、画像無しでもメールが読めることを確認してください。** / ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e3bf9b7c43e4c33ccae67b62be7957fd06046ad%2Fa5fa778d7d0bb7bf3be1a01f9cc1a2a3a53ba99cd64a1aac1059d3e85050440e.svg?alt=media) **\[元に戻す]** | \[やり直し]                                                                                                                                                                                                                                           |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **テンプレートの変更を元に戻したりやり直したりします。**                                                                                                                                                                                                                                                                                                                                      | \[キャンバスをクリア]                                                                                                                                                                                                                                      |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-54167787e221a7f031fb6cc12a40f08c2329b2d4%2Fc4557d39498273acb3f9543487a51afbd590e065563bae2650f39046fbba0a6d.svg?alt=media) **キャンバスからすべての要素を削除します。キャンバスのクリアは確認が必要です。**                                                                                                                                                                                                                                                                                                                          | \[テスト送信]                                                                                                                                                                                                                                          |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-642b384f63b4d8896a831dde9f37b45376ba8dd5%2Fba76e488396069116f205f71c28a3cfc983c55eba0449b7fab6797b0593e589f.svg?alt=media) **指定したメールアドレスにテストメールを送信します。**                                                                                                                                                                                                                                                                                                                                       | [\[テンプレートをインポート\]](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/email-experiences/import-an-advocate-email-template)メール用の独自のHTMLソースコードをインポートします。 **この機能は、エディタに保存されている** 内容を上書きする |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **可能性があることに注意してください。**                                                                                                                                                                                                                                                                                                                                              | \[スタイルマネージャーを開く]                                                                                                                                                                                                                                  |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b41bccda02eaed8c7460e5fff68d88faba98b23c%2Ffd32e503ed9f0744024a11f8cc94b7bd8b46b02169d70247c7128c8950e7a7cd.svg?alt=media) **ハイライトされたコンポーネントのスタイルを調整します。これにはクラスの追加、寸法の調整、テキストフォーマットや境界線、背景、色などの視覚的フォーマットの調整が含まれます。**                                                                                                                                                                                                                                                                           | \[設定]                                                                                                                                                                                                                                             |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d8cc714dcf0405d1f945afc4a15467485a125f24%2F7edb613f3de0db96728b6bca0cbcf63fa251900d6896612a69d41cdc4291fc74.svg?alt=media) **画像の代替テキストやセルやテキストボックスのIDおよびタイトルなど、ハイライトされたコンポーネントの設定を調整します。**                                                                                                                                                                                                                                                                                                     | <p>\[レイヤーマネージャーを開く] <code>トップの</code> body </p><p></p><p>タグから始まる階層構造で、すべてのコンポーネントを表示します。移動アイコンをクリックして保持し、コンポーネントを上下にドラッグすることでコンポーネントのレベルを調整できます。</p>                                                                                              |
| ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c1d884ff1112d5990b114815f5dd442c1d374631%2Feb59caa126fc2615226c1c412a8c1543b235d5adb7a38efaa8f213685b669c79.svg?alt=media) **コンポーネントは右側の目のアイコンを使って非表示にすることもできます。これらの設定を調整すると、ハイライトしたコンポーネント内にネストされているコンポーネントにも影響します。**                                                                                                                                                                                                                                                                         | <p><strong>制限：</strong> Advocateメールに追加のコンポーネントを追加する機能は、特定のAdvocateエディションでのみ利用可能です。 <a href="https://app.impact.com/support/portal.ihtml">サポートに連絡して</a> アカウントをアップグレードし、この機能にアクセスしてください。 </p><p></p><p>\[ブロックを開く]</p>                               |

</details>
