# Web: Online-Abmeldung / -Widerruf einbinden

Quelle: https://musikschulverwaltung.de/wiki/web/abmeldeformular/ · Stand: 03.09.2026

---

Über das Abmeldeformular können Ihre Kund:innen DSGVO-konform aktiven Unterricht kündigen oder einen Vertrag
widerrufen. Die Auswahl erfolgt direkt im Formular, sodass eingehende Abmeldungen und Widerrufe eindeutig
gekennzeichnet sind und durch iMikel abgerufen und zur Verarbeitung dargestellt werden. Sie haben hierbei die Wahl zwischen der Einbindung als Link oder dem Einbetten des Formulars direkt auf Ihrer Internetseite.

Folgend erhalten Sie Beispiele, wie Sie das Formular für Online-Abmeldung und Online-Widerruf auf Ihrer Internetseite einbinden können. Als Beispiel verwenden wir hierbei den Formular-Alias "demo". Möchten Sie eines der Beispiele auf Ihrer Internetseite anwenden, tauschen Sie den Alias "demo" durch den Alias Ihres persönlichen Online-Formulars aus.

> Den Alias finden Sie in iMikel in den Einstellungen zur
> [Online-Anmeldung](/wiki/imikel/tutorials/onlineanmeldung-personalisieren/#alias-der-online-anmeldung-einsehen),
> da Sie für die Abmeldung und den Widerruf denselben Alias verwenden.

## Formular verlinken

Der Link zum Abmelde- und Widerrufsformular lautet: https://abmeldung.musikschulverwaltung.de/demo. Diesen Link können Sie wie folgt auf Ihrer Internetseite einbinden:

**Quellcode**

```html
<a href="https://abmeldung.musikschulverwaltung.de/demo" target="_blank" rel="noopener noreferrer">Vertrag widerrufen/kündigen</a>
```

**Vorschau**

<a href="https://abmeldung.musikschulverwaltung.de/demo" target="_blank" rel="noopener noreferrer">Vertrag widerrufen/kündigen</a>

## Formular einbetten

Möchten Sie das Abmelde- und Widerrufsformular direkt auf Ihrer Internetseite darstellen, können Sie folgenden Code verwenden:

**Quellcode**

```html
<script type="module" src="https://cdn.musikschulverwaltung.de/deregistration-form/latest/main.js"></script>
<deregistration-form alias="demo"></deregistration-form>
```

### Parameter für `<deregistration-form>`

- **`alias`** (Pflicht): Eindeutige Kennung Ihrer Musikschule bzw. Ihres Online-Formulars.
  - Beispiel: `alias="demo"`
- **`darkmode`**: Steuert, ob die Komponente hell oder dunkel erscheint.
  - `darkmode="auto"`: folgt der Systemeinstellung
  - `darkmode="true"`: immer dunkel
  - `darkmode="false"`: immer hell
  - Hinweis: Ohne den Parameter folgt die Komponente der Systemeinstellung, sofern die einbettende Seite `<meta name="color-scheme" content="light dark">` erklärt - sonst bleibt sie hell.

**Vorschau**

<script type="module" src="https://cdn.musikschulverwaltung.de/deregistration-form/latest/main.js"></script>
<deregistration-form alias="demo" style="font-size: 14px;"></deregistration-form>