# Layouts und Seiten der Microsite anpassen

Mikrosites sind einer der wichtigsten Berührungspunkte für Teilnehmer Ihres Empfehlungsprogramms. In diesem Hilfebereich wird erklärt, wie Sie den *Mikrosite-Editor* verwenden, um Ihre bestehende Mikrosite in einen Bereich anzupassen, der Ihre Marke widerspiegelt und Ihren Endbenutzern eine ansprechende Erfahrung bietet.

Wenn Sie noch nicht [eingerichtet haben](/brand/de/woruber-mochten-sie-mehr-erfahren/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) , müssen Sie dies zuerst tun.

1. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Inhalt**.
2. Auf der *Microsite* Karte, wählen Sie **Inhalte bearbeiten**.
   * Diese Aktion öffnet den Mikrosite-Editor und zeigt das *Microsite* Slideout an.
3. Verwenden Sie den Mikrosite-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 Mikrosite-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 Mikrosite (optional)**

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

1. Im *Microsite* Ausklappfensters, wählen Sie die **Basis-Layout**.
2. Links unter *Aktuelles Layout*, wählen Sie **Ebenen**.
3. Wählen Sie das **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 Sie** in der oberen rechten Ecke.
   {% endtab %}

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

1. Im *Microsite* Ausklappfensters, wählen Sie die **Basis-Layout**.
2. Links unter *Aktuelles Layout* oder *Aktuelle Seite*, wählen Sie **Ebenen**.
3. Rechts im *Inhalt der Mikrosite-Rahmenkopfzeile* Menü geben Sie ein Bild an und passen Sie Höhe und Breite nach Bedarf an.
4. Legen Sie den Weiterleitungspfad fest. Dorthin werden Ihre Teilnehmer nach dem Klick auf das Bild weitergeleitet.
5. Wählen Sie **Speichern Sie**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

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

{% tabs %}
{% tab title="Seite hinzufügen" %}

1. Im *Microsite* Ausklappfenster, wählen Sie **Microsite**.
   * Diese Aktion öffnet die Strukturansicht Ihrer Mikrosite, in der alle Layouts und Seiten angezeigt werden.
2. Wählen Sie das **Seite hinzufügen** Schaltfläche.
3. Optional können Sie die **Geerbtes 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 Site eine Landingpage hinzufügen möchten, die jeder sehen kann, unabhängig davon, ob er angemeldet ist oder nicht, können Sie eine neue Seite innerhalb des Basis-Layouts verschachteln.</p></div>
4. Geben Sie den **Seitentitel** oder Layoutname.
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.
   * Fügen Sie vor dem gewünschten Namen einen Schrägstrich hinzu und verwenden Sie Bindestriche bei einer URL mit mehreren Wörtern, z. B. `/company-info`.
7. Vom **Zugelassene Nutzer** Dropdown-Liste wählen Sie die Benutzergruppe aus, die Zugriff auf die Seite hat.
   * **Öffentlich:** Für jeden sichtbar.
   * **Verifiziert:** Nur angemeldete Teilnehmer.
   * **Unverifiziert:** Angemeldete Teilnehmer, die ihre E-Mail-Adressen noch nicht verifiziert haben.
8. Vom **Weiterleitung für nicht berechtigte Benutzer** Dropdown-Liste wählen Sie die Seite aus, zu der nicht berechtigte Teilnehmer weitergeleitet werden sollen.
9. Wählen Sie **Hinzufügen**.
10. Wählen Sie in der oberen rechten Ecke der Seite **Speichern Sie**.
    {% endtab %}

{% tab title="Ein Layout hinzufügen" %}

1. Im *Microsite* Ausklappfenster, wählen Sie **Microsite**.
   * Diese Aktion öffnet die Strukturansicht Ihrer Mikrosite, in der alle Layouts und Seiten angezeigt werden.
2. Wählen Sie **Layout hinzufügen**.
3. Optional können Sie die **Geerbtes Layout** Dropdown-Liste verwenden, um das Layout auszuwählen, das als übergeordnetes Layout dienen soll. Dies ist vor allem für die Site-Organisation hilfreich.
4. Geben Sie den **Layoutname** für Ihr Layout.
5. Optional können Sie den **Layout-Schlüssel** für Ihr Layout. Ein Layout-Schlü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 Sie**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

{% step %}
**Schritt 3: Eine Vorlage anwenden**

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. Vom *Microsite* Slideout 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 Kachel 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 Sie**.
   {% endstep %}

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

Dies wird empfohlen, wenn angemeldete Teilnehmer über das Navigationsmenü in der Seitenleiste der Mikrosite zu einer Seite gelangen können sollen. Diese Schritte zeigen Ihnen, wie Sie dies tun können, aber Sie können sie anpassen, wenn Sie ein Seitenleisten-Element zu einem anderen Layout hinzufügen möchten.

1. Vom *Microsite* Ausklappfenster, wählen Sie **Layout für angemeldete Nutzer** aus der Strukturansicht.
   * Wählen Sie ![](/files/f5b3a1b4aa2e004044f57a24bce4dd90c9213b2d) **\[Schließen-Symbol]** , um das Slideout zu schließen und auf die Bearbeitungsfläche zuzugreifen.
2. Rechts innerhalb des *Hinzufügen* Menüs erweitern Sie die *Microsite-Komponenten* Kategorie und wählen dann **Seitenleisten-Element**.

   <div data-with-frame="true"><figure><img src="/files/d30dd4bc5be76c1f5f9b295c9eaf4016808c3b18" alt=""><figcaption></figcaption></figure></div>
3. Wählen Sie innerhalb der Bearbeitungsfläche eine gültige Position aus, um die *Seitenleisten-Element* -Komponente hinzuzufügen. Verfügbare Positionen werden durch eine **Zur Seitenleisteninhalte hinzufügen** -Meldung gekennzeichnet.
   * Auf kleineren Bildschirmen wählen Sie das ![](/files/642db49e80807fc3b29c74429e85368612dad7ab) **\[Hamburger-Menü]** um auf das **Menü „Zum Seitenleisteninhalt hinzufügen“** Schaltfläche.
4. Rechts innerhalb des *Bearbeiten* zuzugreifen, wählen Sie ein **Symbol** und **Beschriftung** zur Darstellung der Seite aus.
5. Vom **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 Sie**.
   {% endstep %}

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

{% tabs %}
{% tab title="Vorschau Ihrer Mikrosite" %}
Sie können in der Vorschau sehen, wie die Mikrosite für Ihre Teilnehmer angezeigt wird.

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

{% tab title="Speichern Sie Ihre Mikrosite" %}
Der Mikrosite-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 Sie** oben rechts aus.
2. Nach dem Speichern werden die Änderungen sofort in der Live-Version Ihrer Mikrosite angezeigt.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}

Besuchen Sie unseren Artikel über [Widgets und Microsite-Komponenten erklärt](/brand/de/woruber-mochten-sie-mehr-erfahren/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md) für weitere Informationen zu den Komponenten-Aspekten von Mikrosites und Widgets.


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/de/woruber-mochten-sie-mehr-erfahren/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
