> 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/widget-experiences/widget-editor-overview.md).

# Widget-Editor-Übersicht

Ihr Advocate-Programm bietet einen Pick-and-Plop-Editor, mit dem Sie das Aussehen und den Inhalt der Widgets anpassen können, die Ihren Kunden-Advocates präsentiert werden.

#### Widget-Editor-Oberfläche

Der Self-Service-Widget-Editor hat vier Hauptbereiche:

<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%2F5lBstm39QZFddtyAHWzK%2FCanvas%20(2).png?alt=media&amp;token=b8ae9b78-8cea-425e-8cd8-e35a0b97535a" alt="" width="563"><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Obere Menüleiste" %}
In der Menüleiste oben auf der Seite können Sie Aktionen rückgängig machen, den HTML-Code anzeigen und eine Vorschau des fertigen Widgets ansehen. Verwenden Sie die Symbole für Desktop, Tablet oder Mobilgerät, um zu sehen, wie Ihr Widget auf Geräten mit unterschiedlichen Bildschirmgrößen angezeigt wird.
{% endtab %}

{% tab title="Arbeitsfläche" %}
Die Arbeitsfläche zeigt alle Komponenten, aus denen Ihr Widget besteht. 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 Teilnehmer angezeigt werden.
{% endtab %}

{% tab title="Linke Ausklappleiste" %}
Das Einstellungsmenü der linken Ausklappleiste ist ein einklappbares Bedienfeld links von der Arbeitsfläche. Hier können Sie **Ebenen** auswählen, um eine detaillierte Ansicht aller Komponenten in Ihrem Widget zu sehen, oder **Vorlagen** auswählen, um eines unserer vorgefertigten Widgets zu verwenden. Die **Einstellungen** Schaltfläche führt Sie zum Untermenü für die Paketinstallation.

Für noch weitergehende Anpassungen auf Branding-Ebene wählen Sie die Option Widget-Style. Sehen Sie sich [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 verfügbaren Gestaltungsoptionen an.
{% endtab %}

{% tab title="Komponente" %}
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 verwenden Sie die **Bearbeiten** Registerkarte, um Anpassungen an dem vorzunehmen, was bereits vorhanden ist.
{% endtab %}
{% endtabs %}

#### Fehlerbehebung

Das Widget verfügt über zwei Validierungsebenen, um Fehler in der Platzierung von Komponenten und in den Komponenteneigenschaften zu überprüfen. Häufige Gründe für eine Fehlermeldung sind:

* Ein erforderliches Feld fehlt
* Eine ungültige Farbe auswählen
* Eine ungültige URL eingeben

Wenn nicht behobene Fehler vorhanden sind, wird oben rechts auf der Arbeitsfläche eine Warnmeldung angezeigt, die Ihnen mitteilt, wie viele Fehler gefunden wurden.

<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-511216419b1ffaa7cf19cda9c94f06eedbbdaabc%2Fb0790ca38faffb4d36e8ed5d551995d0231df77a9958ffb98e857740cd207626.jpg?alt=media" alt="" width="333"><figcaption></figcaption></figure></div>

Erfahren Sie mehr über [Programm-Widgets anpassen](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md).

**Details zu nicht behobenen Fehlern anzeigen**

1. Wählen Sie **Details** in der Warnmeldung für eine kurze Erklärung, was schiefgelaufen ist.
2. Navigieren Sie zur Komponente mit dem Fehler, indem Sie entweder:
   * Die Auswahl von **Ebenen öffnen**
   * die Erklärungsmeldung zum Fehler auswählen
3. Suchen Sie die Komponente mit dem Fehler. Sie wird mit einem roten Ausrufezeichen-Symbol markiert.
4. Wählen Sie die Komponente aus, um die Eigenschaften in der **Bearbeiten** Leiste zu öffnen.
5. Nehmen Sie die erforderlichen Änderungen vor.


---

# 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/widget-experiences/widget-editor-overview.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.