> 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">Nehmen Sie 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 generischen Bildern und Botschaften gefüllt, um die Essenz 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] → Inhalt**.
2. Im *E-Mails* Karte auswählen **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, beschreibende 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** durch Hinzufügen eines statischen Namens, der in der E-Mail angezeigt wird, z. B. Acme Advocates.
   * Geben Sie einen **Absenderadresse** von der aus die benutzerdefinierte Domain der E-Mail stammt.
     * Wenn Sie die *Absender* E-Mail-Adresse anpassen möchten, müssen Sie Ihre Einstellungen anpassen, um sicherzustellen, dass unser System authentische E-Mails in Ihrem Namen sendet. Um eine Domain zu verwenden, die Sie besitzen, 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) aus dem *Einstellungen* Seite.
   * Geben Sie einen **BCC** um eine Kopie der E-Mail zu senden.
   * Geben Sie einen **Betreff** für die E-Mail.
   * Wählen Sie **Fertig** um diese Informationen zu speichern.
5. Fahren Sie anschließend mit der Verwendung des Editors fort.

#### Den Editor verwenden

Möglicherweise müssen Sie Ihren E-Mail-Editor vor dem einfachen Verfassen Ihrer E-Mail auf die neuere Version aktualisieren. 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 werden 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:** Beziehen Sie sich auf die [*E-Mail-Komponentenreferenz*](#component-reference-0-2) Abschnitt unten, um besser zu verstehen, wie die Symbole des Editors funktionieren.
{% endhint %}

<details>

<summary>Vorschauoptionen</summary>

* **Aktions-Dropdown** - Mit dieser Option können Sie wählen, ob Sie die E-Mail als Ganzes in der Vorschau anzeigen oder eine Test-E-Mail senden möchten. Sie können auch zwischen der Canvas-Ansicht für Desktop- oder Mobilgeräte wechseln.
* **Struktur anzeigen** - Mit dieser Option wird dem Canvas ein Raster hinzugefügt, damit Sie die Ausrichtung Ihrer verschiedenen Komponenten überprüfen können.
* **Merge-Tags anzeigen** - Mit dieser Option können Sie anzeigen lassen, wie Ihre dynamischen Werte den Empfängern angezeigt 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 verfasst haben, können Sie mit dieser Option die E-Mail-Vorlage 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 für bestimmte 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 Sie** die Komponente in den Bereich der E-Mail, in dem sie erscheinen soll. In der E-Mail wird eine grüne Leiste angezeigt, die Ihnen hilft, die neue Komponente in Ihrer E-Mail zu platzieren.
3. Optional können Sie den Inhalt oder das Erscheinungsbild der Komponente anpassen:
   * **Wählen Sie** die Komponente, die Sie ändern möchten.
   * Rechts, unter dem Inhaltsabschnitt, werden Bearbeitungsoptionen für diese Komponente angezeigt.
4. **Speichern** Ihre Änderungen.
   * Der E-Mail-Editor speichert Änderungen nicht automatisch. Achten Sie darauf, **Speichern** oben rechts auf dem Bildschirm auszuwählen. Wenn Sie einen Fehler gemacht haben, 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 bestehender Text und Bilder verschoben werden können. In der Regel ist es einfacher, Änderungen an vorhandenen Komponenten vorzunehmen, indem Sie ein vorhandenes Bild aktualisieren oder Text zu bestehendem Inhalt hinzufügen.
{% 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 Abschnitten der E-Mail verwaltet werden.

1. Fügen Sie eine neue Textkomponente aus dem ![](/files/102134b66f73e7f04b1f1b0c05cfd6986a47bb7d) **\[Inhalt]** Abschnitt 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* Abschnitt.
4. nach Abschluss Ihrer Aktualisierungen **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 für bestimmte 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 aufzurufen. Wählen Sie **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 Auswahloptionen im *Arbeitsbereich*.
4. nach Abschluss Ihrer Aktualisierungen **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 Prämienbetrag zum E-Mail-Text hinzuzufügen. Sie können einem beliebigen Textkomponente ein Merge-Tag hinzufügen.

{% hint style="success" icon="memo-circle-check" %}
**Hinweis:** Wenn keine Informationen vorhanden sind, die dem verwendeten Merge-Tag entsprechen, sehen Teilnehmer im E-Mail-Text einen zusätzlichen Leerraum. Wenn Sie zum Beispiel *"Hallo `{{user.firstName}}`. Wie geht es dir?"* in Ihrer E-Mail verwenden, der Nutzer aber keine Daten im Feld firstName hat, würde die E-Mail als *"Hallo . Wie geht es dir?"*.
{% 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 im Editor gesendete Test-E-Mail enthält keine Werte an den Stellen, an denen die Merge-Tags platziert wurden.
{% endhint %}

</details>

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

In diesem Abschnitt werden Sie durch die verschiedenen Symbolleisten-Symbole geführt, die im E-Mail-Editor verfügbar sind.

<details>

<summary>Inhaltssymbole</summary>

Hier können Sie Komponenten einfügen und das Aussehen jeder Komponente bearbeiten, sobald sie ausgewählt und auf dem Canvas platziert wurde:

| Element                                                                                                                                                                                                                            | Beschreibung                                                                                                                                                                                      |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/files/788d8af5027a0bc8cc3552082c74308e7a5e1b9f" alt="" data-size="line"> **\[Advocate-Bargeldprämiencode]**                                                                                                             | Fügen Sie eine Advocate-Bargeldprämiencode-Komponente auf dem Canvas ein, um verfügbare Bargeldprämiencodes 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-Prämiencode]**          | Fügen Sie eine Advocate-Prämiencode-Komponente auf dem Canvas ein, um Fueltank-Prämiencodes 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"> **\[Freundesprämiencode]** | Fügen Sie eine Freundesprämiencode-Komponente auf dem Canvas ein, um Fueltank-Prämiencodes zu erstellen, die Sie mit Freunden teilen können.                                                      |
| ![](/files/64d3314c1420b13a21e736a42131a6f18f5fb3e9) **\[Titel]**                                                                                                                                                                  | Fügen Sie eine Titel-Textkomponente auf dem Canvas ein.                                                                                                                                           |
| ![](/files/73c49d7e9f4e78d341a94c30b8d5bb6f65cf2dee) **\[Absatz]**                                                                                                                                                                 | Fügen Sie eine Absatz-Textkomponente auf dem Canvas ein.                                                                                                                                          |
| ![](/files/ef99b4922fa729d65f05c08362d8d68ea5363648) **\[Liste]**                                                                                                                                                                  | Fügen Sie eine Aufzählungspunktlisten-Komponente auf dem Canvas ein.                                                                                                                              |
| ![](/files/e1d0cffd2feececa77a7d55ec2de9b497aff6719) **\[Bild]**                                                                                                                                                                   | Fügen Sie eine Bildkomponente auf dem Canvas ein.                                                                                                                                                 |
| ![](/files/eab6e6936cfbac769d391dd6c2c67641d5a8077a) **\[Schaltfläche]**                                                                                                                                                           | Fügen Sie eine interaktive Schaltflächenkomponente auf dem Canvas ein.                                                                                                                            |
| ![](/files/94b46ab2130741fedac05bd9d9f51949ba802233) **\[Trennlinie]**                                                                                                                                                             | Fügen Sie eine Trennlinienkomponente auf dem Canvas ein.                                                                                                                                          |
| ![](/files/7b91d11af95af4d3c20bf5bf3ecd32b5ec08dff2) **\[Abstandshalter]**                                                                                                                                                         | Fügen Sie eine Abstandshalterkomponente auf dem Canvas ein.                                                                                                                                       |
| ![](/files/bf7ba632a3db98d22bd86373331f8d223f7f9919) **\[Sozial**                                                                                                                                                                  | Fügen Sie eine Social-Komponente hinzu, um Social-Media-Schaltflächen einzufügen, die auf Ihre verschiedenen sozialen Plattformen verlinken.                                                      |
| ![](/files/88366e616276dff2dc538aa5867565fd9d413339) **\[Dynamischer Inhalt]**                                                                                                                                                     | Fügen Sie Komponenten für dynamische Inhalte ein, um Informationen zu integrieren, die beim Versenden von E-Mails dynamisch befüllt werden sollen, damit die E-Mail eine persönliche Note erhält. |
| ![](/files/bfc6639a71e7444605f46a2e99b69e07b44c6433) **\[HTML]**                                                                                                                                                                   | Fügen Sie HTML-codierte Komponenten auf dem Canvas ein. Sie können rechts Code eingeben, und er wird im Canvas formatiert.                                                                        |
| ![](/files/6f8d5de92d0ea02b9ca0598cce0e439f3788aa24) **\[Symbole]**                                                                                                                                                                | Fügen Sie eine Symbolkomponente auf dem Canvas ein.                                                                                                                                               |

</details>

<details>

<summary>Zeilen</summary>

Hier finden Sie weitere vorgefertigte E-Mail-Abschnitte, die Sie zu Ihren E-Mails hinzufügen können, indem Sie sie einfach per Drag-and-drop an die gewünschte Stelle ziehen.

* **Standard** - vorgefertigte Inhaltsblöcke.
* **Leer** - reservierten Platz für Inhalte einfügen, die Sie möglicherweise zu einem späteren Zeitpunkt hinzufügen.
* **Benutzerdefiniert** - erstellen Sie eigene Inhalte zur Eingabe, besonders nützlich im Hinblick auf die Wiederverwendung von Inhalten.

</details>

<details>

<summary>Einstellungen</summary>

Hier 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 Ihre Inhalte eingefügt werden.
* **Ausrichtung des Inhaltsbereichs** - Wählen Sie, ob die E-Mail-Inhalte links oder zentriert im Canvas ausgerichtet werden sollen.
* **Hintergrundfarbe** - Wählen Sie den Farbblock aus, 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 den Farbblock aus, 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.
* **Standard-Schriftart** - Wählen Sie die Schriftart aus, die Sie für Ihre Textkomponenten verwenden möchten. Die Dropdown-Liste zeigt Ihnen eine Vorschau, wie jede Schriftartoption aussehen wird.
* **Linkfarbe** - Wählen Sie den Farbblock aus, 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 beliebigen 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.
