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

# Custom chat veld

> Koppel je eigen input/formulier aan de widget en verstuur berichten direct naar de chat

Met deze feature kun je je eigen formulier op de website koppelen aan de Sleak chat widget. Zodra een bezoeker het formulier verstuurt, wordt het ingevulde bericht direct naar de chat gestuurd en opent de chat widget automatisch.

### Implementatie

Je hoeft alleen het attribuut `slk-prefill-form` toe te voegen aan je bestaande `<form>`-element. Het veld waarvan de waarde naar de chat gestuurd wordt, moet het `slk-prefill-message` attribuut hebben.

### **Voorbeeld**

Stel, je hebt het volgende formulier op je website:

```html theme={null}
<form style="display: flex; flex-direction: column; gap: 1em; align-items: center;">
  <label for="testMessage">Stel je vraag:</label>
  <input type="text" name="my-input" required />
  <button type="submit">Stuur naar Sleak</button>
</form>
```

→ Aan het form element van je formulier voeg je het `slk-prefill-form` attribuut toe

→ En aan het input element waar de tekst in getyped wordt, voeg je het `slk-prefill-message` attribuut toe. Voeg daarnaast ook het `required` attribuut toe om te voorkomen dat er lege berichten verstuurd kunnen worden.

```html theme={null}
<form slk-prefill-form style="display: flex; flex-direction: column; gap: 1em; align-items: center;">
  <label for="testMessage">Stel je vraag:</label>
  <input type="text" name="my-input" slk-prefill-message required />
  <button type="submit">Stuur naar Sleak</button>
</form>
```

Je kan het formulier verder volledig stylen naar wens.

Het is ook mogelijk om meerdere formulieren op 1 pagina te gebruiken.

### Wat gebeurt er na het verzenden?

1. Het bericht wordt direct in de Sleak widget gestuurd, en er wordt een chat gestart.
2. Het formulier wordt ge-reset
3. De chat widget opent automatisch, zodat de bezoeker direct verder kan chatten.
4. Bestaat er al een chat? Dan wordt er een nieuw bericht aan de bestaande chat toegevoegd.

***

<Note>
  **Hulp nodig?**

  Mocht er iets niet lukken of onduidelijk zijn? Neem gerust contact op met het team van Sleak, zodat we je verder kunnen helpen!
</Note>