> 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/customize-microsite-layouts-and-pages.md).

# Microsite-Layouts und -Seiten anpassen

Microsites sind einer der wichtigsten Berührungspunkte für Teilnehmende in Ihrem Empfehlungsprogramm. Dieser Hilfeartikel erklärt, wie Sie den *Microsite-Editor* verwenden, um Ihre bestehende Microsite anzupassen und daraus einen Bereich zu machen, der Ihre Marke widerspiegelt und Ihren Endnutzerinnen und Endnutzern ein ansprechendes Erlebnis bietet.

Wenn Sie noch keine [eingerichtet](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) haben, müssen Sie das zuerst tun.

1. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Inhalt**.
2. Im *Microsite* -Karte wählen Sie **Inhalt bearbeiten**.
   * Diese Aktion öffnet den Microsite-Editor und zeigt die *Microsite* Ausklappseite an.
3. Verwenden Sie den Microsite-Editor, um Ihr Branding zu aktualisieren oder neue Inhalte wie Layouts und Seiten hinzuzufügen.

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

{% hint style="warning" %}
**Warnung:** Der Microsite-Editor speichert Ihre Änderungen nicht automatisch. Speichern Sie häufig, damit Sie Ihre Arbeit nicht verlieren.
{% endhint %}

{% stepper %}
{% step %}
**Schritt 1: Ändern Sie das Branding Ihrer Microsite (optional)**

{% tabs %}
{% tab title="Farben und Schriftart" %}
Ihr Basis-Layout enthält eine Brand-Container-Komponente, die die Schriftart und die Markenfarben Ihrer Microsite steuert. Die Markenfarben werden auf verschiedene Bereiche der Microsite angewendet, einschließlich Hervorhebungsfarben und Schaltflächenfarben.

1. Im *Microsite* Ausklappmenü wählen Sie das **Basis-Layout**.
2. Links unter *Aktuelles Layout*, wählen Sie **Ebenen**.
3. Wählen Sie den **Brand-Container**.
4. Rechts im *Brand-Container* Menü bearbeiten Sie die **Markenfarbe** und **Markenschriftart**.

   <div data-with-frame="true"><figure><img src="/files/802888b45585e739defa66d35f5ab1a11e2ddaf6" alt="" width="223"><figcaption></figcaption></figure></div>
5. Wählen Sie **Speichern** in der oberen rechten Ecke.
   {% endtab %}

{% tab title="Website-Kopfzeile" %}
Sie können ein anklickbares Kopfzeilenbild hinzufügen, das Ihre Teilnehmenden zu einer von Ihnen festgelegten Seite weiterleitet. Richten Sie es im Basis-Layout ein.

1. Im *Microsite* Ausklappmenü wählen Sie das **Basis-Layout**.
2. Links unter *Aktuelles Layout* oder *Aktuelle Seite*, wählen Sie **Ebenen**.
3. Rechts im *Inhalt der Microsite-Rahmenkopfzeile* Menü ein Bild an und passen Sie Höhe und Breite nach Wunsch an.
4. Legen Sie den Weiterleitungspfad fest. Dort werden Ihre Teilnehmenden beim Klicken auf das Bild hingeleitet.
5. Wählen Sie **Speichern**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

{% step %}
**Schritt 2: Erstellen Sie ein Layout oder eine Seite**

{% tabs %}
{% tab title="Fügen Sie eine Seite hinzu" %}

1. Im *Microsite* Ausklappmenü wählen Sie **Microsite**.
   * Diese Aktion öffnet die Strukturansicht Ihrer Microsite, in der alle Layouts und Seiten angezeigt werden.
2. Wählen Sie den **Seite hinzufügen** Schaltfläche.
3. Optional können Sie die **Vererbtes Layout** Dropdown-Liste verwenden, um das Layout auszuwählen, das als übergeordnetes Layout dienen soll.

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p><strong>Beispiel:</strong> Wenn Sie Ihrer Website eine Landingpage hinzufügen möchten, die jede Person sehen kann, unabhängig davon, ob sie angemeldet ist, können Sie eine neue Seite im Basis-Layout verschachteln.</p></div>
4. Geben Sie den **Seitentitel** oder den Layoutnamen ein.
5. Optional können Sie den **Seitenschlüssel** für Ihre Seite anpassen. Ein Seitenschlüssel wird automatisch auf Grundlage des Seitentitels generiert, kann aber bei Bedarf geändert werden.
6. Geben Sie den **URL** für Ihre Seite ein.
   * Fügen Sie vor dem gewünschten Namen einen Schrägstrich hinzu und verwenden Sie bei einer URL mit mehreren Wörtern Bindestriche, z. B. `/unternehmens-info`.
7. Aus der **Zugelassene Benutzer** Dropdown-Liste wählen Sie die Benutzergruppe aus, die auf die Seite zugreifen kann.
   * **Öffentlich:** Für alle sichtbar.
   * **Verifiziert:** Nur angemeldete Teilnehmende.
   * **Nicht verifiziert:** Angemeldete Teilnehmende, die ihre E-Mail-Adressen noch nicht verifiziert haben.
8. Aus der **Weiterleitung für nicht zugelassene Benutzer** Dropdown-Liste wählen Sie die Seite aus, an die nicht zugelassene Teilnehmende weitergeleitet werden sollen.
9. Wählen Sie **Hinzufügen**.
10. Wählen Sie in der oberen rechten Ecke der Seite **Speichern**.
    {% endtab %}

{% tab title="Fügen Sie ein Layout hinzu" %}

1. Im *Microsite* Ausklappmenü wählen Sie **Microsite**.
   * Diese Aktion öffnet die Strukturansicht Ihrer Microsite, in der alle Layouts und Seiten angezeigt werden.
2. Wählen Sie **Layout hinzufügen**.
3. Optional können Sie die **Vererbtes Layout** Dropdown-Liste, um das Layout auszuwählen, das als übergeordnetes Layout dienen soll. Dies ist vor allem für die Organisation der Website hilfreich.
4. Geben Sie den **Layoutname** für Ihr Layout ein.
5. Optional können Sie den **Layoutschlüssel** für Ihr Layout ein. Ein Layoutschlüssel wird automatisch auf Grundlage des Seitentitels generiert, kann aber bei Bedarf geändert werden.
6. Wählen Sie **Hinzufügen**.
7. Wählen Sie in der oberen rechten Ecke der Seite **Speichern**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

{% step %}
**Schritt 3: Wenden Sie eine Vorlage an**

Sie können auf Ihr neues Layout oder Ihre neue Seite eine Vorlage anwenden, wenn Sie nicht von Grund auf neu beginnen möchten.

1. Aus der *Microsite* Ausklappmenü verwenden Sie die Strukturansicht, um das Layout oder die Seite auszuwählen, für die Sie die Vorlage verwenden möchten.
2. Links unter *Aktuelles Layout* oder *Aktuelle Seite*, wählen Sie **Vorlagen**.
3. Durchsuchen Sie die verfügbaren Vorlagen und wählen Sie dann **Vorlage anwenden** auf der Karte der Vorlage aus, die Sie verwenden möchten.

   <div data-with-frame="true"><figure><img src="/files/807604bb88ce838b3386c66e778aa08c133edad3" alt="" width="267"><figcaption></figcaption></figure></div>
4. Wählen Sie in der oberen rechten Ecke der Seite **Speichern**.
   {% endstep %}

{% step %}
**Schritt 4: Bearbeiten Sie die Seitenleiste der Microsite**

Dies wird empfohlen, wenn sich angemeldete Teilnehmende über das Navigationsmenü in der Seitenleiste der Microsite zu einer Seite bewegen sollen. Diese Schritte zeigen Ihnen, wie das geht, aber Sie können sie anpassen, wenn Sie einem anderen Layout ein Seitenleistenelement hinzufügen möchten.

1. Aus der *Microsite* Ausklappmenü wählen Sie **Angemeldetes Layout** aus der Strukturansicht.
   * Wählen Sie ![](/files/f5b3a1b4aa2e004044f57a24bce4dd90c9213b2d) **\[Schließen-Symbol]** um das Ausklappmenü zu schließen und die Bearbeitungsfläche zu öffnen.
2. Rechts im *Hinzufügen* Menü erweitern Sie die *Microsite-Komponenten* Kategorie und wählen Sie dann **Seitenleistenelement**.

   <div data-with-frame="true"><figure><img src="/files/d30dd4bc5be76c1f5f9b295c9eaf4016808c3b18" alt=""><figcaption></figcaption></figure></div>
3. Wählen Sie auf der Bearbeitungsfläche eine gültige Position aus, um die *Seitenleistenelement-* Komponente hinzuzufügen. Verfügbare Positionen werden durch eine **Zum Seitenleisteninhalt hinzufügen** Meldung gekennzeichnet.
   * Wählen Sie auf kleineren Bildschirmen das ![](/files/642db49e80807fc3b29c74429e85368612dad7ab) **\[Hamburgermenü]** aus, um auf das **Zum Seitenleisteninhalt hinzufügen** Schaltfläche.
4. Rechts im *Bearbeiten* Menü zuzugreifen, wählen Sie ein **Symbol** und **Bezeichnung** zur Darstellung der Seite aus.
5. Aus der **Navigationspfad** Dropdown-Liste wählen Sie den URL-Pfad der Seite aus, zu der Benutzer weitergeleitet werden sollen.
6. Wählen Sie in der oberen rechten Ecke der Seite **Speichern**.
   {% endstep %}

{% step %}
**Schritt 5: Vorschau anzeigen und speichern**

{% tabs %}
{% tab title="Zeigen Sie eine Vorschau Ihrer Microsite an" %}
Sie können eine Vorschau anzeigen, wie die Microsite für Ihre Teilnehmenden aussehen wird.

1. Wechseln Sie in der oberen Menüleiste zwischen ![](/files/63e61d053c5412a3458908e494c72c46a50c0668) **\[Desktop]**, ![](/files/46438cd8a5c88b608e764fbe2528588bde0a27e5) **\[Tablet]** oder ![](/files/4c80300a941424792f4896bf107ce6c24013330a) **\[Mobil]** um zu sehen, wie die Microsite auf jedem Gerät angezeigt wird.
2. Um die Vorschau zu öffnen, wählen Sie ![](/files/d3904c51b3f5bb031a3032436a901d908539e7de) **\[Anzeigen]** in der oberen Menüleiste aus.
3. Um zur Bearbeitungsoberfläche zurückzukehren, wählen Sie ![](/files/d4b632b5d640c8713c37d24cf15e2d26c9f48c5e) **\[Bearbeiten]** in der oberen Menüleiste aus.
   {% endtab %}

{% tab title="Speichern Sie Ihre Microsite" %}
Der Microsite-Editor speichert Ihre Änderungen nicht automatisch. Speichern Sie häufig, damit Sie Ihre Arbeit nicht verlieren.

1. Nachdem Sie alle relevanten Änderungen vorgenommen haben, wählen Sie **Speichern** oben rechts aus.
2. Nach dem Speichern werden die Änderungen sofort in der Live-Version Ihrer Microsite angezeigt.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}

Lesen Sie unseren Artikel über [Erklärung der Widget- und Microsite-Komponenten](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md) um mehr über die Komponenten-Aspekte von Microsites und Widgets zu erfahren.


---

# 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/customize-microsite-layouts-and-pages.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.