> ## 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 open button

> Koppel je eigen knop aan de Sleak chat widget en stel een standaard bericht in

### Open je Sleak widgets met een knop op je eigen website

Met deze feature kun je je eigen knop op de website koppelen aan de Sleak chat widget. Zodra een bezoeker op deze knop drukt, wordt de widget geopend. Daarbij is het ook mogelijk om een standaard bericht in te stellen die automatisch wordt gestuurd als er op de knop wordt gedrukt.

### Hoe koppel ik mijn eigen button aan Sleak?

Je hoeft alleen het attribuut `slk-custom-button` toe te voegen aan je bestaande `<button>`-element. Om een standaard bericht in te stellen die automatisch wordt gestuurd hoef je alleen maar het attribuut `slk-trigger-message` toe te voegen aan je bestaande `<button>`-element.

### **Voorbeeld**

Stel, je hebt de volgende knop op je website:

```html theme={null}
<button type="button">Neem contact op</button>
```

→ Aan het button element voeg je het `slk-custom-button` attribuut toe.

```html theme={null}
<button type="button" slk-custom-button>Neem contact op</button>
```

→ Voor het standaard bericht voeg je het `slk-trigger-message` attribuut toe met het gewenste bericht tussen "".

```html theme={null}
<button type="button" slk-trigger-message="Ik heb een vraag">Neem contact op</button>
```

Je kan de knop verder volledig stylen naar wens.

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

***

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