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

# Kontaktformulare

> Bette Formulare auf deiner Website ein und mach Einsendungen zu Tickets.

Kontaktformulare ermöglichen Website-Besuchern, Tickets in Chatarmin CX zu erstellen, ohne manuell eine E-Mail zu senden.

## Voraussetzungen

Kontaktformulare brauchen einen E-Mail-Kanal. Richte zuerst [E-Mail](/de/channels/email/intro) ein und erstelle danach das Formular.

## Kontaktformular erstellen

<Steps>
  <Step title="Kontaktformulare öffnen">
    Geh zu **Kanäle** -> **Kontaktformulare**.
  </Step>

  <Step title="Formular erstellen">
    Wähle einen Formularnamen, den E-Mail-Kanal, der die Einsendungen erhalten soll, und konfiguriere die Felder.
  </Step>

  <Step title="Erscheinungsbild anpassen">
    Lege Header-Text, Farben, Button-Stil, Border-Radius, Feldbezeichnungen und Pflichtfelder fest.
  </Step>

  <Step title="Formular einbetten">
    Kopiere das Script-Tag und füge es vor dem schließenden `</body>`-Tag deiner Website ein.

    ```html theme={null}
    <script
      defer
      type="module"
      src="https://cx-contact-form.vercel.app/loader.js"
      data-chatarmin-loader-contact-form
      data-chatarmin-contact-form-uid="your-form-id"
    ></script>
    ```
  </Step>

  <Step title="KI verbinden">
    Optional: Wähle einen KI-Agenten für den E-Mail-Kanal, damit Tickets aus dem Kontaktformular KI-Vorschläge oder Auto-Antworten erhalten können.
  </Step>
</Steps>

## In einem bestimmten Element einbinden

Füge einen leeren Container hinzu, wo das Formular erscheinen soll, und übergib einen CSS-Selektor am Loader-Script.

```html theme={null}
<div id="contact-form-container"></div>

<script
  defer
  type="module"
  src="https://cx-contact-form.vercel.app/loader.js"
  data-chatarmin-loader-contact-form
  data-chatarmin-contact-form-uid="your-form-id"
  data-chatarmin-contact-form-mount-selector="#contact-form-container"
></script>
```

Fehlt der Selektor, ist er ungültig oder trifft nichts, rendert das Formular nach dem Script-Tag.

## Was nach dem Absenden passiert

1. Der Besucher füllt das Formular aus.
2. Chatarmin CX sendet die Einsendung über den konfigurierten E-Mail-Kanal.
3. Im Posteingang wird ein Ticket erstellt.
4. Die KI kann je nach Kanaleinstellungen taggen, entwerfen oder antworten.
5. Menschliche Agenten können bei Bedarf übernehmen.

## Funktionen

* benutzerdefinierte Felder und Datei-Uploads
* visuelles Branding
* mehrsprachige Formulare
* Validierung von Pflichtfeldern
* automatische Ticket-Erstellung
* Kontakt erstellen oder aktualisieren
* Spam-Schutz
* optionale Danke-Weiterleitungen

<Tip>
  Nutze Kontaktformulare zusammen mit E-Mail, damit Kunden einen geführten Kontaktweg haben und dein Team weiterhin aus einem Posteingang arbeitet.
</Tip>