Custom chat veld

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:

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

<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?

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

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!

Custom open button Custom Fields

Introductie

Agent

Widget installatie

Integraties

Troubleshooting

Custom chat veld

Implementatie

Voorbeeld

Wat gebeurt er na het verzenden?

​Implementatie

​Voorbeeld

​Wat gebeurt er na het verzenden?

Implementatie

Voorbeeld

Wat gebeurt er na het verzenden?