Skip to main content

​
1. Implementatie

Kopieer de onderstaande code en plaats deze op elke pagina waar de widget actief moet zijn. Wij adviseren om dit in de <head> sectie of vlak voor de sluitende </body> tag te plaatsen. HTML 
<script>
  window.BonRestoConfig = { 
    id: '1769290529477x762606792755118100' // Uw Restaurant ID
  };
</script>
<script src="https://bonresto.nl/widget/test.js?nr=e3dsdf4sdhaafdf2" async></script>
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:
ParameterTypeVerplichtBeschrijving
idStringJaDe unieke identificatie van het restaurant.
languageStringNeeForceer een taal ('nl', 'en', 'fr', 'de'). Standaard wordt de browserinstelling gebruikt.
colorStringNeeEen hex-code (bijv. '#e63946') voor de initiële laadstatus.
Voorbeeld met opties: 
<script>
  window.BonRestoConfig = { 
    id: '1769290529477x762606792755118100',
    language: 'en',
    color: '#000000'
};
</script>
<script src="https://bonresto.nl/widget/test.js?nr=e3dsdf4sdhaafdf2" async></script>

​
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

MethodeBeschrijving
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: 
<button onclick="BonResto.open()">Reserveer nu</button>
Link in navigatiemenu: HTML 
<a href="#" onclick="BonResto.open(); return false;">Reserveren</a>