> 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/microsite-experiences/microsite-editor-explained.md).

# Microsite-Editor erklärt

Der Microsite-Editor gibt Ihnen Kontrolle darüber, was die Teilnehmenden Ihres Advocate-Programms sehen, indem Sie Layouts, Seiten, Inhalte und Branding-Elemente wie Schriftarten und Farben anpassen können.

Dieser Hilfeartikel erklärt die Benutzeroberfläche des Editors und bietet allgemeine Informationen darüber, wie Microsites strukturiert sind, einschließlich Layouts, Seiten und Komponenten. Erfahren Sie mehr über [die Einrichtung einer Microsite](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) und [die Anpassung von Branding und Inhalten](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md) seiner Layouts und Seiten.

#### Öffnen Sie den Microsite-Editor

1. Wählen Sie im linken Navigationsmenü ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Inhalt**.
2. Auf der *Microsite* Karte, wählen Sie **Inhalt bearbeiten**.

#### Editor-Oberfläche

Der Microsite-Editor besteht aus der oberen Menüleiste, der Bearbeitungsfläche, der Microsite-Seitenleiste und dem Komponentenmenü.

<div data-with-frame="true"><figure><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F6kHBNQwam7HkEsoPhH3u%2FCanvas%20(1).png?alt=media&amp;token=96041e31-6e5e-449a-b018-f94859825093" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Obere Menüleiste" %}
Die Menüleiste oben auf der Seite ermöglicht es Ihnen, Aktionen rückgängig zu machen, den HTML-Code anzuzeigen und eine Vorschau der fertigen Microsite zu sehen. Verwenden Sie die Desktop-, Tablet- oder Mobilgeräte-Symbole, um zu sehen, wie Ihre Microsite auf Geräten mit unterschiedlichen Bildschirmgrößen angezeigt wird.
{% endtab %}

{% tab title="Arbeitsfläche" %}
Die Arbeitsfläche zeigt den aktuellen Inhalt Ihrer Microsite an. Sie können einzelne Komponenten auswählen, um sie zu bearbeiten, oder neue hinzufügen und auf einen Blick sehen, wie sie für Ihre Teilnehmenden angezeigt werden. Diese Komponenten sind links im Bereich der Microsite-Seitenleiste aufgeführt.

* Wählen Sie **Ebenen** um eine detaillierte Ansicht aller Komponenten auf Ihrer Seite oder in Ihrem Layout zu sehen
* Wählen Sie **Vorlagen** um die verfügbaren Vorlagen für die Seiten Ihrer Microsite anzuzeigen.
* Sie sehen ein kontextabhängiges drittes Menü, das sich nach der ausgewählten Seite, dem Layout, dem Widget oder der E-Mail richtet

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

{% endtab %}

{% tab title="Microsite-Seitenleiste" %}
Die Microsite-Seitenleiste ist ein einklappbares Bedienfeld links von der Arbeitsfläche. Sie visualisiert die Vererbungsstruktur Ihrer Layouts und Seiten als Baumstruktur. Wählen Sie einzelne Layouts oder Seiten aus, um den Inhalt anzuzeigen und Anpassungen vorzunehmen. Hier können Sie auch weitere Seiten und Layouts hinzufügen.

Für noch mehr Gestaltung auf Markenebene wählen Sie die Option „Microsite-Stil“. [Widgets und Microsites mit dem Content Editor anpassen](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor.md) für weitere Informationen zu den Ihnen zur Verfügung stehenden Gestaltungsoptionen.
{% endtab %}

{% tab title="Komponentenmenü" %}
Das Komponentenmenü ist ein Bedienfeld rechts von der Arbeitsfläche. Verwenden Sie die *Hinzufügen* Registerkarte, um neue Komponenten in die Arbeitsfläche einzufügen, und die *Bearbeiten* Registerkarte, um Anpassungen an dem vorzunehmen, was bereits vorhanden ist.
{% endtab %}
{% endtabs %}

#### Microsite-Struktur

Es gibt einige grundlegende Bausteine, die Sie verstehen sollten, wenn Sie Ihre Microsite anpassen: Layouts, Seiten und Komponenten.

<details>

<summary>Layouts</summary>

Layouts fungieren als „Rahmen“ für Ihre Microsite. Hier können Sie Komponenten platzieren, die durchgehend auf der Microsite erscheinen sollen, wie z. B. Kopfzeilen und Bannerbilder.

Layouts und Seiten sind über eine Vererbungsstruktur miteinander verknüpft. Sowohl Seiten als auch Layouts können ein Layout erben. Seiten und Layouts, die ein geerbtes Layout haben, werden mit dem Inhalt ihres geerbten Layouts umschlossen.

{% hint style="info" %}
**Beispiel:** Wenn Ihr Basis-Layout ein Kopfzeilenbild enthält, zeigen alle Seiten, die das Basis-Layout erben, dasselbe Kopfzeilenbild an derselben Position an.
{% endhint %}

Wenn Sie die automatische Einrichtung verwendet haben, um Ihre Microsite zu erstellen, verfügt Ihre Site standardmäßig über drei Layouts.

**Basis-Layout**

Im Basis-Layout können Sie Inhalte platzieren, die unabhängig davon angezeigt werden sollen, auf welcher Seite sich ein Teilnehmender befindet und ob er auf Ihrer Site authentifiziert ist. Hier können Sie eine Kopf- oder Fußzeile hinzufügen, die auf der gesamten Site angezeigt werden soll. Das Basis-Layout enthält außerdem den Marken-Container, der siteweit Farben und Schriftarten verwaltet.

Sowohl die *Layout für angemeldete Teilnehmende* und dem *Layout für abgemeldete Benutzer* erben das *Basislayout*.

<div data-with-frame="true"><figure><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F3NHdmPGgjMudnsCGd1Yy%2Fimage.png?alt=media&amp;token=54feac69-8c46-48be-9f14-32209f3c2539" alt="" width="312"><figcaption></figcaption></figure></div>

**Layout für angemeldete Benutzer**

Die *Layout für angemeldete Teilnehmende* ist der Bereich, in dem Sie Komponenten hinzufügen können, die alle angemeldeten Teilnehmenden sehen, unabhängig davon, auf welcher Seite sie sich befinden. So wird beispielsweise das Navigationsmenü in der Seitenleiste Ihrer Microsite durch eine Komponente im Layout erstellt. Da sie dem Layout hinzugefügt wird, enthält jede Seite, die dieses Layout erbt, diese Seitenleiste.

<div data-with-frame="true"><figure><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FRFRn1J9JxD4iYpmKIAv0%2Flogged-in-layout.jpg?alt=media&amp;token=4815b054-264d-46e5-bcc8-88ed3ea5a624" alt="" width="310"><figcaption></figcaption></figure></div>

**Layout für abgemeldete Benutzer**

Die *Layout für abgemeldete Benutzer* ist der Bereich, in dem Sie anpassen können, was alle Teilnehmenden sehen, die derzeit nicht authentifiziert sind.

<div data-with-frame="true"><figure><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fzmg9mkIeow7cpu0katqi%2Flogged-out-layout.jpg?alt=media&amp;token=9bbd561b-237e-43f1-833b-d1076bf9e857" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Seiten</summary>

Auf Seiten erstellen Sie den Inhalt Ihrer Site, etwa Erläuterungen zum Programm, Informationen zu Empfehlungen und Weitergabe sowie Text/Bilder. Wählen Sie eine einzelne Seite innerhalb eines Ihrer Layouts aus, um ihren Inhalt zu öffnen und zu bearbeiten.

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

Die Sichtbarkeit kann auch auf Seitenebene festgelegt werden, sodass Sie den Seitenzugriff auf eine der folgenden Optionen beschränken können:

* <mark style="color:$success;">**Verifiziert**</mark>: Nur angemeldete Teilnehmende.
* <mark style="color:$danger;">**Unverifiziert**</mark>: Angemeldete Teilnehmende, die ihre E-Mail-Adresse noch nicht verifiziert haben.
* **Öffentlich**: Für alle sichtbar.

Wenn Sie die automatische Einrichtung verwendet haben, um Ihre Microsite zu erstellen, ist Ihre Site standardmäßig mit mehreren Seiten ausgestattet, die das *Layout für angemeldete Teilnehmende* und dem *Layout für angemeldete Teilnehmende*.

**Seiten des Layouts für angemeldete Benutzer:**

* Aktivität
* Dashboard
* Profil bearbeiten
* Lead-Übermittlung
* Steuer und Bargeld

**Seiten des Layouts für abgemeldete Benutzer:**

* E-Mail-Verifizierung
* Passwort vergessen
* Anmeldung
* Abmelden
* Seite nicht gefunden
* Registrierung
* Passwort zurücksetzen
* E-Mail bestätigen

</details>

<details>

<summary>Komponenten</summary>

Komponenten sind einzelne Elemente, die Sie zu Ihren Seiten und Layouts hinzufügen können, um das Microsite-Erlebnis Ihrer Teilnehmenden weiter zu personalisieren, beispielsweise Hero-Bilder oder einen Empfehlungs-Feed.

Komponenten sind im Komponentenmenü gruppiert. Siehe [Erklärung der Widget- und Microsite-Komponenten](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences.md) für eine vollständige Liste der Komponentengruppen und einzelnen Komponenten.

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

</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/microsite-experiences/microsite-editor-explained.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.