> ## 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.

# VOUCHER! Widget einrichten

> Wie du das VOUCHER! Widget als Online-Gutscheinverkauf auf deiner Website einrichtest, inklusive Voraussetzungen, Einrichtungsschritte und Hinweise zur Benachrichtigung.

Das VOUCHER! (der Online-Gutscheinverkauf) Widget ist die Verkaufsoberfläche, die du auf deiner Website einbettest. Käufer wählen darin einen Gutschein aus, legen Wert oder Anzahl fest, geben ihre Daten ein und bezahlen. Dieser Artikel beschreibt, welche Voraussetzungen nötig sind und wie du das Widget Schritt für Schritt einrichtest.

## Voraussetzungen

* [Modul VOUCHER!](/de/mandants/modules/voucher) ist aktiviert
* [Komponente VOUCHER!](/de/mandants/components/voucher) ist eingerichtet, mit mindestens einem Zahlungssystem und einer Versandart
* Mindestens ein [Gutschein](/de/mandants/components/voucher/voucher-edit) ist angelegt
* [Modul CONNECT!](/de/mandants/modules/connect) vom Typ „Standard" oder „Vollständig" ist aktiviert (für die Bestätigungsmail an den Käufer)

## Funktionshinweise

* Das Käuferformular enthält drei feste Pflichtfelder (**Vorname**, **Nachname**, **E-Mail-Adresse**), die nicht entfernt werden können. Alle weiteren Felder sind optional konfigurierbar.
* Sind in der VOUCHER! Komponente keine Gutscheine angelegt, zeigt das Widget keine Inhalte an.

## Schritte

1. Klicke im Mandant-Dashboard im Bereich Allgemein auf **Widgets**.
2. Klicke auf **Neu**, um einen neuen Eintrag zu erstellen.
3. Wähle bei **Widget-Definition** den Eintrag „mandant - VOUCHER!" aus.
4. Setze **Aktiv** auf „Ja" und trage einen aussagekräftigen **Namen** ein (z. B. „VOUCHER! Hauptwebsite"), um das Widget von anderen Widgets zu unterscheiden.
5. Konfiguriere die gewünschten Einstellungen. Eine vollständige Beschreibung aller Felder findest du in der [VOUCHER! Widget Seitenreferenz](/de/mandants/widgets/voucher).
6. Klicke auf **Speichern** oder **Speichern und schließen**, um den neuen Eintrag zu bestätigen.

## Tipps

* Nach dem ersten Speichern erscheint im Bereich **Einbettungscode** der Code zum Einbinden des Widgets pro Sprache. Eine Anleitung dazu findest du im Artikel [VOUCHER! Widget in die Website einbetten](./embed-voucher).
* Passe die Bestätigungsmails an den Käufer an, damit Tonalität und Layout zu deinem Betrieb passen: [Gutschein per E-Mail Seitenreferenz](/de/mandants/components/connect/e-mail-content/voucher/confirmation-e-mail) und [Gutschein per Post Seitenreferenz](/de/mandants/components/connect/e-mail-content/voucher/confirmation-post).
* Probiere das Widget nach dem Speichern direkt auf einer Testseite aus, bevor du es auf der Live-Website einbettest.

## Verwandte Artikel

* [VOUCHER! Widget Seitenreferenz](/de/mandants/widgets/voucher) -- alle Einstellungen und Felder im Detail
* [VOUCHER! Widget in die Website einbetten](./embed-voucher) -- Einbettungscode und Mehrfacheinbindung
* [VOUCHER! einrichten](/de/mandants/components/setup-voucher) -- Komponente einrichten
* [VOUCHER! Einstellungen Seitenreferenz](/de/mandants/components/voucher) -- alle Felder und Einstellungen der Komponente
* [CONNECT! E-Mail-Inhalte](/de/mandants/components/connect/e-mail-content) -- Bestätigungs-E-Mail anpassen