> 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/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).

# Advocate-Programm-E-Mails erstellen und anpassen

<a href="https://pxa.impact.com/student/activity/2356725-micro-create-and-customize-transactional-emails-on-impact-com-advocate?utm_source=help.impact.com&#x26;utm_medium=featured-link&#x26;utm_content=adv-250-1&#x26;utm_campaign=help-center" class="button primary">Nimm am PXA-Kurs teil</a>

Ihr Programm ist zunächst mit Standardversionen der Programm-E-Mails eingerichtet, damit Sie so schnell wie möglich loslegen können. Diese Standardversionen sind mit allgemeinen Bildern und allgemeinen Texten versehen, um den Kern der E-Mail zu vermitteln. Wir empfehlen, Ihre Programm-E-Mails anzupassen, damit die Informationen für Ihr Programm und Produkt relevant sind.

Siehe unsere Doku zu [Merge-Tags](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) für Informationen dazu, wie Sie teilnehmerspezifische Details in Ihre E-Mails einfügen.

#### Eine E-Mail-Vorlage erstellen oder bearbeiten

Beim Einrichten Ihrer Programmregeln wird mindestens eine Programm-E-Mail erstellt. Wir empfehlen, vorhandene Programm-E-Mails zu bearbeiten und nur bei Bedarf eine neue zu erstellen.

1. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Content**.
2. Im *E-Mails* Karte, wählen Sie **Neu erstellen** oder **E-Mails bearbeiten** um vorhandene Vorlagen zu bearbeiten.
3. Wenn Sie eine neue Vorlage erstellen, wählen Sie **Eine neue E-Mail-Vorlage erstellen** und geben Sie eine kurze, aussagekräftige E-Mail-Vorlagen-ID (z. B. Acme Advocates) ein, um die E-Mail zu identifizieren. Verwenden Sie diese ID, um die E-Mail beim Einrichten Ihrer Programmregeln zu identifizieren.

<div data-with-frame="true"><figure><img src="/files/1841061b64edc7baddf0049c94557946f1925997" alt="" width="375"><figcaption></figcaption></figure></div>

* Wählen Sie ![](/files/f8c846f815f9ed4586fabcf6ef393aac2ee5b4f4) **\[Mehr]** um eine Vorlage zu löschen.
* Wählen Sie ![](/files/470f2d9c92832555e1961b2cb73a2c6d16fd575a) **\[Beenden-Symbol]** um das Seitenmenü zu minimieren.

<div data-with-frame="true"><figure><img src="/files/4c1128ad74eb43b76ec58c142d9b2b48ba7deacd" alt="" width="295"><figcaption></figcaption></figure></div>

4. Bevor Sie den Editor verwenden, wählen Sie **Bearbeiten** um die erforderlichen *Kontaktinformationen* oben auf Ihrem Bildschirm auszufüllen.
   * Geben Sie die **Absendername** indem Sie einen statischen Namen hinzufügen, der in der E-Mail angezeigt wird, z. B. Acme Advocates.
   * Geben Sie eine **Absenderadresse** von der die benutzerdefinierte Domain der E-Mail stammt.
     * Wenn Sie die *Absender-* E-Mail-Adresse anpassen möchten, müssen Sie Ihre Einstellungen anpassen, damit unser System authentische E-Mails in Ihrem Namen sendet. Um eine Domain zu verwenden, die Ihnen gehört, für die *Absenderadresse*müssen Sie [eine Domain einrichten](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) auf der *Einstellungen* Seite.
   * Geben Sie eine **BCC** um eine Kopie der E-Mail zu senden.
   * Geben Sie eine **Betreff** für die E-Mail.
   * Wählen Sie **Fertig** um diese Informationen zu speichern.
5. Anschließend fahren Sie mit der Verwendung des Editors fort.

#### Den Editor verwenden

Möglicherweise müssen Sie Ihren E-Mail-Editor auf die neuere Version aktualisieren, bevor Sie Ihre E-Mail problemlos entwerfen können. Suchen Sie dazu oben auf der Seite nach dem blauen Banner und wählen Sie **Jetzt aktualisieren**.

<div data-with-frame="true"><figure><img src="/files/cf8fc0252f0468aee7f66aca4f5298d2441fa7fd" alt=""><figcaption></figcaption></figure></div>

Alle Bilder, Texte und Links in der E-Mail sind in einzelne Komponenten unterteilt, die die Struktur der E-Mail bilden. Diese Komponenten sind die Bausteine der E-Mail.

<div data-with-frame="true"><figure><img src="/files/df9b7b6b28b5573c6d95f412ad432684aebdd238" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" icon="memo-circle-check" %}
**Hinweis:** Siehe die [*Referenz zu E-Mail-Komponenten*](#component-reference-0-2) unten, um besser zu verstehen, wie die Editor-Symbole funktionieren.
{% endhint %}

<details>

<summary>Vorschauoptionen</summary>

* **Aktionen-Dropdown** - Mit dieser Option können Sie wählen, ob Sie die gesamte E-Mail in der Vorschau anzeigen oder eine Test-E-Mail senden möchten. Sie können außerdem zwischen der Canvas-Ansicht für Desktop- oder Mobilgeräte wechseln.
* **Struktur anzeigen** - Diese Option blendet ein Raster auf der Canvas ein, damit Sie die Ausrichtung Ihrer verschiedenen Komponenten überprüfen können.
* **Merge-Tags anzeigen** - Diese Option ermöglicht es Ihnen, anzuzeigen, wie Ihre dynamischen Werte den Empfängern dargestellt werden. Anstatt also Ihren Platzhaltertext zu sehen, wie zum Beispiel *Firmenname*, sehen Sie den tatsächlichen Firmennamen, z. B. Stark Industries.
* **E-Mail-Vorlage importieren** - Mit dieser Option können Sie alle vorhandenen E-Mail-Vorlagen importieren, die Sie erstellt haben.
* **E-Mail-Vorlage exportieren** - Sobald Sie Ihre E-Mail entworfen haben, können Sie diese Option verwenden, um die E-Mail-Vorlage zu exportieren.

</details>

<details>

<summary>Eine E-Mail-Komponente hinzufügen</summary>

**Eingeschränkt:** Das Hinzufügen zusätzlicher Komponenten zu einer Advocate-E-Mail ist nur in bestimmten Advocate-Editionen verfügbar. [Support kontaktieren](https://app.impact.com/support/portal.ihtml) um Ihr Konto zu aktualisieren und auf diese Funktion zuzugreifen.

1. Wählen Sie ![content-advocate.svg](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-29f7728451e63f195300b790407cfb1c.svg) **\[Inhalt]** um eine neue Komponente auszuwählen.
2. **Wählen und ziehen** die Komponente in den Bereich der E-Mail, in dem die Komponente erscheinen soll. In der E-Mail erscheint ein grüner Balken, der Ihnen hilft, die neue Komponente in Ihrer E-Mail zu platzieren.
3. Passen Sie optional den Inhalt oder das Erscheinungsbild der Komponente an:
   * **Wählen Sie** die Komponente, die Sie ändern möchten.
   * Rechts unter dem Inhaltsbereich erscheinen die Bearbeitungsoptionen für diese Komponente.
4. **Speichern** Ihre Änderungen.
   * Der E-Mail-Editor speichert Änderungen nicht automatisch. Stellen Sie sicher, dass Sie **Speichern** oben rechts auf dem Bildschirm auswählen. Wenn Ihnen ein Fehler unterlaufen ist, können Sie den Editor verlassen, und die Änderungen werden nicht gespeichert.

{% hint style="success" icon="memo-circle-check" %}
**Hinweis:** Neue Komponenten interagieren mit den vorhandenen Komponenten in der E-Mail, wodurch vorhandener Text und Bilder verschoben werden können. Es ist normalerweise einfacher, Änderungen an vorhandenen Komponenten vorzunehmen, indem Sie ein vorhandenes Bild aktualisieren oder bestehenden Text um zusätzlichen Text ergänzen.
{% endhint %}

</details>

<details>

<summary>Eine Komponente löschen</summary>

1. Im *Arbeitsbereich*, wählen Sie die Komponente aus, die Sie löschen möchten.
2. Wählen Sie ![](/files/a5160b49a26fec150bdaab07b1a907a12e4acf7a) **\[Löschen]** um die Komponente aus der E-Mail zu löschen.
3. **Speichern** Ihre Änderungen.

</details>

<details>

<summary>Den E-Mail-Text aktualisieren</summary>

Der E-Mail-Text ist in Textkomponenten unterteilt, die in verschiedenen Bereichen der E-Mail verwaltet werden.

1. Fügen Sie eine neue Textkomponente aus dem ![](/files/102134b66f73e7f04b1f1b0c05cfd6986a47bb7d) **\[Inhalt]** Bereich hinzu oder wählen Sie eine vorhandene Komponente aus.
2. Passen Sie den Text in der Komponente an, indem Sie direkt in den Bereich tippen.
3. Wenn die Textkomponente markiert ist, können Sie links unter *Inhalt* .
4. Nachdem Ihre Aktualisierungen abgeschlossen sind, wählen Sie **Aktionen** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Dropdown-Menü] → Test-E-Mail senden** um sich selbst eine Test-E-Mail zu senden.
5. Wenn die Test-E-Mail gut aussieht, **Speichern** Ihre Änderungen.

</details>

<details>

<summary>Ein benutzerdefiniertes Bild hinzufügen</summary>

**Eingeschränkt:** Das Hinzufügen einer zusätzlichen benutzerdefinierten Bildkomponente zu einer Advocate-E-Mail ist nur in bestimmten Advocate-Editionen verfügbar. [Support kontaktieren](https://app.impact.com/support/portal.ihtml) um Ihr Konto zu aktualisieren und auf diese Funktion zuzugreifen.

1. Fügen Sie eine neue Bildkomponente hinzu oder markieren Sie die Bildkomponente, die Sie aktualisieren möchten.
2. Sobald ausgewählt, doppelklicken Sie darauf, um das *Bild auswählen* -Fenster zu öffnen. Wählen Sie im **Bilder hinzufügen** aus, um das Bild auszuwählen, das Sie verwenden möchten. Sobald das Bild im *Bild auswählen* -Fenster geladen ist, doppelklicken Sie darauf, um es der neuen Komponente hinzuzufügen.
3. Passen Sie Größe und Position des Bildes mithilfe der Auswahlfelder im *Arbeitsbereich*.
4. Nachdem Ihre Aktualisierungen abgeschlossen sind, wählen Sie **Aktionen** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Dropdown-Menü]** → **Test-E-Mail senden** um sich selbst eine Test-E-Mail zu senden.
5. Wenn die Test-E-Mail gut aussieht, **Speichern** Ihre Änderungen.

</details>

<details>

<summary>Dynamische Inhalte hinzufügen</summary>

Merge-Tags ermöglichen es Ihnen, dynamische Inhalte wie den Namen des Teilnehmers oder den erhaltenen Betrag zum E-Mail-Text hinzuzufügen. Sie können ein Merge-Tag zu jeder Textkomponente hinzufügen.

{% hint style="success" icon="memo-circle-check" %}
**Hinweis:** Wenn keine Informationen vorhanden sind, die dem von Ihnen verwendeten Merge-Tag entsprechen, sehen die Teilnehmer im E-Mail-Text einen zusätzlichen Leerraum. Wenn Sie beispielsweise *"Hallo `{{user.firstName}}`. Wie geht es Ihnen?"* in Ihrer E-Mail verwenden, der Benutzer aber keine Daten im Feld firstName hatte, würde die E-Mail folgendermaßen dargestellt: *"Hallo . Wie geht es Ihnen?"*.
{% endhint %}

1. Fügen Sie im Canvas-Bereich die Textkomponente hinzu oder wählen Sie sie aus, der Sie ein Merge-Tag hinzufügen möchten.
2. Setzen Sie in der mit der Komponente verknüpften Symbolleiste den Cursor an die Stelle, an der das Merge-Tag eingefügt werden soll, und wählen Sie dann **Merge-Tags**.

<figure><img src="/files/a9488e446b9ddb5ee95b4c7b9948c796133ef17b" alt=""><figcaption></figcaption></figure>

3. **Speichern** Ihre Änderungen.

{% hint style="danger" %}
**Wichtig:** Eine innerhalb des Editors gesendete Test-E-Mail enthält keine Werte an den Stellen, an denen die Merge-Tags platziert wurden.
{% endhint %}

</details>

#### Referenz zu E-Mail-Komponenten <a href="#component-reference-0-2" id="component-reference-0-2"></a>

Dieser Abschnitt führt Sie durch die verschiedenen in der E-Mail-Editor-Symbolleiste verfügbaren Symbole.

<details>

<summary>Inhalts-Symbole</summary>

In diesem Tab können Sie Komponenten einfügen und das Erscheinungsbild jeder Komponente bearbeiten, sobald sie ausgewählt und auf die Canvas eingefügt wurde:

| Element                                                                                                                                                                                                                                | Beschreibung                                                                                                                                                                                         |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/files/788d8af5027a0bc8cc3552082c74308e7a5e1b9f" alt="" data-size="line"> **\[Advocate-Belohnungscode in Bargeld]**                                                                                                          | Fügen Sie eine Advocate-Belohnungscode-Komponente für Bargeld auf der Canvas ein, um verfügbare Bargeld-Belohnungscodes anzuzeigen.                                                                  |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-39d957530748d07d955b2eb7c5bb7f8f.png" alt="advocate.png" data-size="line"> **\[Advocate-Belohnungscode]**           | Fügen Sie eine Advocate-Belohnungscode-Komponente auf der Canvas ein, um Fueltank-Belohnungscodes zu erstellen.                                                                                      |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-e4f78e511bd3efb78537bf2ed920d0ad.png" alt="friend-reward-code.png" data-size="line"> **\[Freundes-Belohnungscode]** | Fügen Sie eine Freundes-Belohnungscode-Komponente auf der Canvas ein, um Fueltank-Belohnungscodes zu erstellen, die Sie mit Freunden teilen können.                                                  |
| ![](/files/64d3314c1420b13a21e736a42131a6f18f5fb3e9) **\[Titel]**                                                                                                                                                                      | Fügen Sie eine Titel-Textkomponente auf der Canvas ein.                                                                                                                                              |
| ![](/files/73c49d7e9f4e78d341a94c30b8d5bb6f65cf2dee) **\[Absatz]**                                                                                                                                                                     | Fügen Sie eine Absatz-Textkomponente auf der Canvas ein.                                                                                                                                             |
| ![](/files/ef99b4922fa729d65f05c08362d8d68ea5363648) **\[Liste]**                                                                                                                                                                      | Fügen Sie eine Aufzählungskomponente auf der Canvas ein.                                                                                                                                             |
| ![](/files/e1d0cffd2feececa77a7d55ec2de9b497aff6719) **\[Bild]**                                                                                                                                                                       | Fügen Sie eine Bildkomponente auf der Canvas ein.                                                                                                                                                    |
| ![](/files/eab6e6936cfbac769d391dd6c2c67641d5a8077a) **\[Schaltfläche]**                                                                                                                                                               | Fügen Sie eine interaktive Schaltflächenkomponente auf der Canvas ein.                                                                                                                               |
| ![](/files/94b46ab2130741fedac05bd9d9f51949ba802233) **\[Trennlinie]**                                                                                                                                                                 | Fügen Sie eine Trennlinien-Komponente auf der Canvas ein.                                                                                                                                            |
| ![](/files/7b91d11af95af4d3c20bf5bf3ecd32b5ec08dff2) **\[Abstandshalter]**                                                                                                                                                             | Fügen Sie eine Abstandshalter-Komponente auf der Canvas ein.                                                                                                                                         |
| ![](/files/bf7ba632a3db98d22bd86373331f8d223f7f9919) **\[Sozial**                                                                                                                                                                      | Fügen Sie eine Social-Komponente ein, um Social-Media-Schaltflächen hinzuzufügen, die zu Ihren verschiedenen sozialen Plattformen verlinken.                                                         |
| ![](/files/88366e616276dff2dc538aa5867565fd9d413339) **\[Dynamischer Inhalt]**                                                                                                                                                         | Fügen Sie Komponenten für dynamische Inhalte ein, um Informationen einzugeben, die zum Zeitpunkt des E-Mail-Versands dynamisch gefüllt werden sollen, damit die E-Mail eine persönliche Note erhält. |
| ![](/files/bfc6639a71e7444605f46a2e99b69e07b44c6433) **\[HTML]**                                                                                                                                                                       | Fügen Sie HTML-codierte Komponenten auf der Canvas ein. Sie können den Code rechts eingeben, und er wird innerhalb der Canvas formatiert.                                                            |
| ![](/files/6f8d5de92d0ea02b9ca0598cce0e439f3788aa24) **\[Symbole]**                                                                                                                                                                    | Fügen Sie eine Symbolkomponente auf der Canvas ein.                                                                                                                                                  |

</details>

<details>

<summary>Zeilen</summary>

Hier finden Sie weitere vorgefertigte E-Mail-Abschnitte, die Sie Ihren E-Mails einfach per Drag-and-drop hinzufügen können.

* **Standard** - vorgefertigte Inhaltsblöcke.
* **Leer** - reservieren Sie Platz für Inhalte, die Sie später hinzufügen möchten.
* **Benutzerdefiniert** - erstellen Sie Ihre eigenen Inhalte zum Einfügen, besonders nützlich, wenn es um die Wiederverwendung von Inhalten geht.

</details>

<details>

<summary>Einstellungen</summary>

In diesem Tab können Sie die Designeinstellungen ändern und anpassen. Diese Einstellungen gelten für die gesamte E-Mail.

* **Breite des Inhaltsbereichs** - Ändern Sie die Breite des Canvas-Bereichs, in den Ihr Inhalt eingefügt wird.
* **Ausrichtung des Inhaltsbereichs** - Wählen Sie, ob der Inhalt der E-Mail linksbündig oder zentriert auf der Canvas ausgerichtet sein soll.
* **Hintergrundfarbe** - Wählen Sie das Farbfeld, um einen Farbton aus dem erscheinenden Farbverlauf auszuwählen, oder geben Sie den Hex-Code für eine genaue Farbe des E-Mail-Hintergrunds ein. Für transparente Hintergründe geben Sie einfach „transparent“ als Hex-Code ein.
* **Hintergrundfarbe des Inhaltsbereichs** - Wählen Sie das Farbfeld, um einen Farbton aus dem erscheinenden Farbverlauf auszuwählen, oder geben Sie den Hex-Code für eine genaue Farbe des Hintergrunds des Inhaltsbereichs ein. Für transparente Hintergründe geben Sie einfach „transparent“ als Hex-Code ein.
* **Standardschriftart** - Wählen Sie die Schriftart für Ihre Textkomponenten aus. Die Dropdown-Liste zeigt Ihnen eine Vorschau, wie jede Schriftartoption aussieht.
* **Linkfarbe** - Wählen Sie das Farbfeld, um einen Farbton aus dem erscheinenden Farbverlauf auszuwählen, oder geben Sie den Hex-Code für eine genaue Farbe für Links ein. Für transparente Hintergründe geben Sie einfach „transparent“ als Hex-Code ein.
* **Benutzerdefiniertes Head-HTML** - Wählen Sie diese Option, um benutzerdefinierten HTML-Code einzugeben, den Sie in die E-Mail-Vorlage einbinden möchten.

</details>


---

# 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/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=<question>&goal=<endgoal>
```

`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.
