> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.anex.is/llms.txt
> Use this file to discover all available pages before exploring further.

# Ein Formular-Widget für einen Mandanten anlegen

> Schritt-für-Schritt-Anleitung für Anexis-Mitarbeiter zum Anlegen, Konfigurieren, Testen und Einbinden eines Formular-Widgets (Newsletter, Kontaktformular, Angeld, Preisliste, Restplatzbörse).

In dieser Anleitung legst du für einen Mandanten ein Formular-Widget an, zum Beispiel ein Kontaktformular (CONTACT!) oder eine Newsletter-Anmeldung (NEWSLETTER SIGNUP!). Am Ende hast du einen Einbaucode, den der Kunde oder seine Webagentur auf der Website einfügt.

## Voraussetzungen

* Du bist als Admin angemeldet.
* Für den Mandanten sind die passenden Module aktiv und mindestens eine Sprache ist unter **Aktive Sprachen** eingeschaltet (siehe [Seitenreferenz der Seite Mandant bearbeiten](./mandant-edit)).
* Für E-Mails an den Gast gibt es eine aktive E-Mail-Vorlage des passenden Typs.
* Für neue Buchungs- oder Anfrageformulare prüfe zuerst, ob [BOOKED!](https://docs.cloud.anex.is/de/mandants/widgets/setup-booked.md) oder [REQUEST!](https://docs.cloud.anex.is/de/mandants/widgets/setup-request.md) der Anexis CLOUD! passen. REQUEST! legacy kannst du nicht mehr neu anlegen.

## Schritte

1. Öffne in der Anexis CLOUD! das Mandant-Dashboard und klicke im Bereich **Allgemein** auf die Kachel der Formular-Widgets. Die Kachel ist nur für Admins und Super-Admins sichtbar.
2. Klicke auf **Neu**.
3. Gib bei **Name** einen sprechenden Namen ein, zum Beispiel „Kontaktformular Website".
4. Wähle bei **Typ** den Widget-Typ, zum Beispiel **CONTACT!**.
5. Erscheint das Feld **Widget**, wähle die Widget-Vorlage, auf der das Widget aufbauen soll. Die Vorlagen pflegst du im Admin-Dashboard, siehe [Eine Widget-Vorlage anlegen](https://docs.cloud.anex.is/de/admin/eassistant/create-widget-template.md).
6. Klicke auf **Speichern**. Die Seite **Widget bearbeiten** öffnet sich.
7. Prüfe im Bereich **Allgemeine Einstellungen** die Schalter **E-Mail an Mandant** und **E-Mail an Gast** und wähle die **E-Mail-Vorlage**.
8. Trage bei Bedarf unter **E-Mail-Einstellungen** eigene Empfänger ein. Sonst geht die E-Mail an die Adresse des Mandanten.
9. Passe im Bereich **Einstellungen** für jede Sprache **Bestätigungstexte**, **Text des Senden-Buttons** und die **Ausgewählte Felder** an.
10. Für eine Newsletter-Anmeldung wählst du im Bereich **CleverReach** pro Sprache die **Schnittstelle** und trägst **ListId** und **FormId** ein.
11. Klicke auf **Speichern**. Die Anexis CLOUD! zeigt „Erfolgreich gespeichert.“ an.
12. Kopiere im Bereich **Einstellungen** pro Sprache den **Einbaucode** und gib ihn an den Kunden oder seine Webagentur weiter.

## Widget testen

1. Klicke in der Widgetliste auf **Widgets testen**.
2. Wähle **Widget** und **Sprache** und klicke auf **Weiter**.
3. Fülle das Formular aus und sende es ab. Prüfe, ob die E-Mails an Mandant und Gast ankommen.

## Tipps

* Falls bei REQUEST! legacy oder BOOKED! „Feld mit data-id EmailAddress muss ein Pflichtfeld sein. Sprache: …" erscheint, bearbeite das E-Mail-Feld und setze **Pflichtfeld**.
* Falls „Mindestens eine Data Id ist in einer Sprache doppelt vorhanden." erscheint, vergib jedem Feld eine eigene **Data Id**.
* Soll das Widget optisch zur Website passen, stelle **Version** auf „Individuelle Styles (V2)" und passe das CSS im Bereich **Style** an.
* Ein Widget mit Reservierungen oder Anfragen kannst du nicht löschen. Setze **Aktiv** dann auf „Nein".
* PRICELIST!- und LAST MINUTE!-Widgets haben eine eigene, kürzere Bearbeitungsseite. Die Felder stehen in der [Widget bearbeiten Seitenreferenz](./widget-edit).

## Verwandte Artikel

* [Widgets Seitenreferenz](./widgets) -- alle Felder und Einstellungen im Detail
* [Widget bearbeiten Seitenreferenz](./widget-edit) -- alle Felder und Einstellungen im Detail
* [Das BOOKED! Formular-Widget einrichten](https://docs.cloud.anex.is/de/admin/eassistant/setup-booked-widget.md) -- Schritt-für-Schritt-Anleitung für BOOKED!
* [Eine Widget-Vorlage anlegen](https://docs.cloud.anex.is/de/admin/eassistant/create-widget-template.md) -- Vorlagen für neue Formular-Widgets


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.