# Web: Online-Anmeldung einbinden

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

---

Über das Anmeldeformular können sich Ihre Kund:innen DSGVO-konform auf Ihre Warteliste eintragen. Die eingegebenen Daten werden hierbei direkt durch iMikel abgerufen und zur Verarbeitung dargestellt. 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 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. Ihr Formular-Alias wird Ihnen in iMikel in den Einstellungen der [Online-Anmeldung](/wiki/imikel/tutorials/onlineanmeldung-personalisieren/#alias-der-online-anmeldung-einsehen) dargestellt.

> **Wussten Sie schon?** Möchten Sie ein eigenes Formular einsetzen oder die Angebote auf Ihrer Internetseite platzieren? Wir stellen eine API bereit, mit welcher Sie die Angebote aus iMikel in Ihre eigenen Formulare oder Internetseite einbinden können. Sprechen Sie uns dazu gerne an.

## Formular verlinken

Der Link zum Anmeldeformular lautet: https://anmeldung.musikschulverwaltung.de/demo. Diesen Link können Sie wie folgt auf Ihrer Internetseite einbinden:

**Quellcode**

```html
<a href="https://anmeldung.musikschulverwaltung.de/demo" target="_blank" rel="noopener noreferrer">zur Anmeldung</a>
```

### URL-Suchparameter für `https://anmeldung.musikschulverwaltung.de/demo`

- **`kurs`**: Kursangebot vorauswählen. Erwartet die ID des Kurses.
- **`fach`**: Unterrichtsfach vorauswählen. Erwartet die ID des Fachs.
- **`ort`**: Unterrichtsort vorauswählen. Erwartet die ID des Orts.

Beispiel-URL mit vorausgewähltem Unterrichtsfach: `https://anmeldung.musikschulverwaltung.de/demo?fach=43FBAE42-A7E3-364A-ACAA-812B2F7535EB`

**Vorschau**

<a href="https://anmeldung.musikschulverwaltung.de/demo" target="_blank" rel="noopener noreferrer">zur Anmeldung</a>

## Formular einbetten

Möchten Sie das Formular direkt auf Ihrer Internetseite darstellen, können Sie folgenden Code verwenden:

**Quellcode**

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

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

- **`alias`** (Pflicht): Eindeutige Kennung Ihrer Musikschule bzw. Ihres Online-Formulars.
  - Beispiel: `alias="demo"`
- **`course`**: Kursangebot vorauswählen. Erwartet die ID des Kurses.
- **`subject`**: Unterrichtsfach vorauswählen. Erwartet die ID des Fachs.
- **`location`**: Unterrichtsort vorauswählen. Erwartet die ID des Orts.
- **`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/registration-form/latest/main.js"></script>
<registration-form alias="demo" style="font-size: 14px;"></registration-form>