> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bonresto.nl/llms.txt
> Use this file to discover all available pages before exploring further.
# Widget Configuratie
> Gebruik de BonResto Web SDK om de reserveringsmodule te integreren op uw website.
## 1. Implementatie
Kopieer de onderstaande code en plaats deze op elke pagina waar de widget actief moet zijn. Wij adviseren om dit in de `` sectie of vlak voor de sluitende `` tag te plaatsen.
HTML
```javascript theme={null}
```
> **Opmerking:** Het script laadt asynchroon (`async`) om de performance van uw website niet te beïnvloeden.
## 2. Parameters
Het `window.BonRestoConfig` object accepteert de volgende instellingen:
| **Parameter** | **Type** | **Verplicht** | **Beschrijving** |
| :------------ | :------- | :------------ | :------------------------------------------------------------------------------------------------ |
| `id` | String | **Ja** | De unieke identificatie van het restaurant. |
| `language` | String | Nee | Forceer een taal (`'nl'`, `'en'`, `'fr'`, `'de'`). Standaard wordt de browserinstelling gebruikt. |
| `color` | String | Nee | Een hex-code (bijv. `'#e63946'`) voor de initiële laadstatus. |
**Voorbeeld met opties:**
```javascript theme={null}
```
## 3. JavaScript API
De widget creëert een globaal `BonResto` object waarmee u de widget programmatisch kunt aansturen. Dit is handig voor custom knoppen in uw header of navigatiemenu.
### Beschikbare methodes
| **Methode** | **Beschrijving** |
| :------------------ | :--------------------------------------------------- |
| `BonResto.open()` | Opent de widget. |
| `BonResto.close()` | Sluit de widget. |
| `BonResto.toggle()` | Opent de widget als deze gesloten is, en vice versa. |
### Voorbeelden
**Custom knop:**
```html theme={null}
```
**Link in navigatiemenu:**
HTML
```html theme={null}
Reserveren
```