# Ein Widget für Betroffenenanfragen implementieren

## Ein Widget für Betroffenenanfragen implementieren

Das Dastra-Widget ermöglicht es Ihnen, ein Formular für Betroffenenanfragen direkt auf Ihrer Website einzufügen.\
Es ist vollständig anpassbar und bietet:

* **Allgemeine Konfiguration**: Auswahl der Rechte, Weiterleitungen, Datenschutzrichtlinie.
* **Visuelle Anpassung**: Farben, Logos, Hintergrundbilder, Symbole, Fortschrittsbalken.
* **Benutzerdefinierte Felder**: Fügen Sie eigene Felder hinzu, um die benötigten Informationen zu erfassen.
* **Integrationsmodi**: Einbettung in eine Seite, Popup, iFrame oder dedizierte URL.
* **Mehrsprachig**: Übersetzen und passen Sie alle Texte des Widgets an.

***

### Integrations-Workflow

Hier ist das allgemeine Schema der Funktionsweise eines Widgets für Betroffenenanfragen in Dastra:

Dieses Diagramm veranschaulicht den Prozess:

1. Die betroffene Person reicht eine Anfrage über das Widget ein.
2. Die Anfrage wird an Dastra übermittelt und gespeichert.
3. Sie werden benachrichtigt und können sie in der Plattform qualifizieren und bearbeiten.
4. Die betroffene Person erhält eine Antwort über das Antragstellerportal.

***

### Allgemeine Konfiguration

Bei der Erstellung eines Widgets legen Sie fest:

* Den **Namen des Widgets** und die betroffene **Organisationseinheit**.
* Die **verfügbaren Rechtstypen** (Auskunft, Berichtigung, Löschung usw.).
* Die Weiterleitungslinks (Erfolg, Fehler, Datenschutzrichtlinie).

<figure><img src="/files/GUdxORVrD0G2gMWAiwo8" alt=""><figcaption><p>Konfiguration des Widgets</p></figcaption></figure>

***

### Anpassung des Erscheinungsbilds

Sie können das Erscheinungsbild des Formulars an Ihr Corporate Design anpassen.

Verfügbare Optionen:

* **Logo** und **Hintergrundbild**.
* Farben: primär, sekundär, Titel, Text, gedämpft.
* Kopfzeilenlayout: vollständig, flach, Hintergrundbild oder keine Kopfzeile.
* Formularschatten: groß, standard oder keiner.
* Erscheinungsbild der Symbole.
* Anzeige des Fortschrittsbalkens.
* Benutzerdefiniertes CSS (für "Experten")

<figure><img src="/files/kREASM65h0f8jZkQSHax" alt=""><figcaption><p>Passen Sie das Erscheinungsbild des Widgets an</p></figcaption></figure>

***

### Anpassung der Felder

Sie können die Felder auswählen, die im Formular erscheinen.

* Bestimmte Felder sind Pflichtfelder (E-Mail, Vorname, Nachname, Anfrage-Referenz, Nachricht).
* Sie können optionale Felder hinzufügen (Telefon, Adresse, Postleitzahl, Stadt, Land usw.).
* Möglichkeit, eigene **benutzerdefinierte Felder** hinzuzufügen.

<figure><img src="/files/DozzzdnxU9oL3DKk24Gt" alt=""><figcaption><p>Passen Sie die verfügbaren Felder im Widget an</p></figcaption></figure>

***

### Bedingte Logik (Skip Logic)

Es ist möglich, **bedingte Anzeigeregeln** direkt auf den Feldern des DSR-Widget-Modells zu definieren: Ein Feld erscheint nur, wenn die Antwort auf eine vorherige Frage eine definierte Bedingung erfüllt.

Diese Regeln werden dynamisch auf Seiten des Befragten interpretiert - das Formular passt sich in Echtzeit an, während die Antworten eingegeben werden.

Dies ermöglicht Ihnen:

* Felder je nach Art des ausgeübten Rechts, der Art der Anfrage oder einer vorherigen Antwort ein- oder auszublenden
* Mehrere Szenarien innerhalb eines **einzelnen Widgets** zu verwalten, ohne für jede Variante ein separates Formular erstellen und pflegen zu müssen
* Den Wartungsaufwand bei inhaltlichen Änderungen oder Compliance-Anforderungen zu reduzieren

***

### Installation des Widgets

Das Widget kann auf verschiedene Arten integriert werden:

* **In die Seite eingebettet** (HTML-Snippet).
* **Modales Fenster (Popup)**.
* **Dedizierte Webseite** (bereitgestellte URL).
* **In einem iFrame eingebettet**.

Der bereitgestellte Code ist ein HTML + JavaScript-Snippet, das auf Ihrer Website oder in einem Tag-Manager (z. B. Google Tag Manager) eingefügt werden kann.

<figure><img src="/files/FvInBs0FW9Pz8MXBDUL4" alt=""><figcaption><p>Installationsanleitung</p></figcaption></figure>

***

### Texte und Übersetzungen

Das Widget ist mehrsprachig: Sie können mehrere Sprachen hinzufügen und die Übersetzungen anpassen.\
Die erste Sprache in der Liste wird standardmäßig angezeigt.

<figure><img src="/files/RbSxMCKqTEBQVnQsutcW" alt=""><figcaption><p>Anpassung der Widget-Texte</p></figcaption></figure>

Für jede Sprache können Sie die angezeigten Texte ändern:

* Seitenname (bei Integration als dedizierte Seite).
* Texte vor den Links zur Datenschutzrichtlinie.
* Schaltflächen- oder Anleitungstexte.

<figure><img src="/files/vw5ndMHXJyDU6o4PwSIH" alt=""><figcaption><p>Ändern Sie einen Teil des Textes ganz einfach</p></figcaption></figure>

***

### Ergebnis auf Nutzerseite

Das so konfigurierte Widget ermöglicht es betroffenen Personen, die Art des Rechts auszuwählen, das sie ausüben möchten, und ihre Anfrage einfach einzureichen.\
Das Formular passt sich automatisch an die Konfiguration an (Sprachen, Erscheinungsbild, Felder).

***


---

# 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://doc.dastra.eu/de/features/gerer-les-exercices-des-droits/implementez-un-widget-dexercice-des-droits.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.