Je kunt de widget installeren met behulp van een codesnippet of de Tebi Reservations WordPress-plug-in. Dit artikel behandelt elke instelling op de Widget-pagina in het Back Office, in de volgorde waarin ze verschijnen.
Ga naar Back Office > Reserveringen > Instellingen > Widget om te beginnen.
Tip: Een live voorbeeld van de widget verschijnt op de widgetpagina terwijl je instellingen aanpast, zodat je kunt zien hoe elke wijziging eruitziet voor gasten voordat je deze installeert.
Pick a color
Onder Kies een kleur kies je de accentkleur die door je hele reserveringswidget wordt gebruikt. Dit is de kleur die gasten zien op knoppen en highlights binnen de widget.
Language and widget button label
De widget kan in meerdere talen worden weergegeven. Schakel tussen de taal tabbladen (Nederlands, Engels, Spaans, …) om in te stellen:
Widgetknoplabel — de tekst die gasten zien op de knop die de widget opent. De standaardtekst is Reserveer een tafel.
De taal gemarkeerd met (standaard) wordt weergegeven wanneer er geen taalvoorkeur gedetecteerd kan worden.
Location selection
Als je reserveringswidget meerdere locaties ondersteunt, vul dan het volgende in zodat gasten de juiste locatie kunnen kiezen:
Locatienaam — laat leeg als de naam al op de afbeelding staat.
Locatiebeschrijving — extra informatie voor gasten, zoals het adres.
Locatieafbeelding — aanbevolen grootte 800×500.
Opmerking: Voor een widget met meerdere locaties, vul je deze velden in het account van elke locatie in. Zie hieronder Het opzetten van een widget met meerdere locaties voor de volledige flow.
Allergies & dietary restrictions
Zet Sta gast toe om beperkingen op te geven aan om gasten te laten kiezen uit vooraf gedefinieerde allergieën en dieetwensen tijdens het reserveren. Hun keuzes worden als notities toegevoegd aan de verkoop- en voorbereidingsbon.
Widget installation
Dit is de snippet die je in de broncode van je website plakt.
Klik op Selecteer extra locaties als je wilt dat deze widget meer dan één locatie dekt.
Kies de Widigettaal — laat op Automatisch (aanbevolen) staan om aan te sluiten bij de browsertaal van elke gast.
Klik op Kopiëer om de snippet te kopiëren.
Plak de snippet in de broncode van je website.
Setting up a multi-location widget
Als je meerdere locaties hebt — elk met hun eigen Tebi account en reserveringen ingesteld — kun je ze samenvoegen tot een enkele widget die gasten laat kiezen welke locatie te boeken.
Voordat je begint: Elke locatie heeft zijn eigen Tebi-account nodig met al ingerichte reserveringen.
1. Fill in Location selection for each location
In each location's Tebi account, go to Reservations > Settings > Widget and fill in the Location selection fields:
Locatienaam — wat gasten zien wanneer ze een locatie kiezen.
Locatiebeschrijving — extra details, zoals het adres.
Locatieafbeelding — aanbevolen grootte 800×500.
2. Combine locations in your primary account
In the account you want to act as the primary, go to Reservations > Settings > Widget:
Scroll naar beneden naar Widget-installatie.
Klik op Selecteer extra locaties.
Kies de locaties die je wilt opnemen uit de lijst.
Opmerking: Tebi regenereert de embedcode zodat deze alle geselecteerde locaties omvat.
3. Update the snippet on your website
Because a new embed code is generated when you add additional locations, you need to replace the existing widget code on your website:
Onder Widget installatie, klik Kopieer om de nieuwe snippet te kopiëren.
Op je website vervang je de bestaande Tebi-widgetcode door de nieuwe.
Tip: Guests using the combined widget will see a location picker before continuing with their reservation. The name, description, and image you set in Step 1 are what they see in that picker.
Custom links (optional)
Use this snippet under Optional: add custom links to your website if you want links elsewhere on your site (e.g. in a navigation menu) to open the widget directly.
Click Copy to copy the snippet, then add it where the link should appear.
Share link (optional)
Use the link under Optional: share link to share your reservation widget directly with guests — for example, in emails, social posts, or messages.
You can also embed the URL as an iframe on your website if you prefer not to use the script snippet.
WordPress plugin (optional)
If your website runs on WordPress, you can use the Tebi Reservations plugin instead of pasting code:
Installeer de WordPress plugin Tebi Reserveringen in je WordPress administratiepaneel.
In de Back Office, onder Optioneel: Voeg de Tebi Reserveringen plugin toe aan Wordpress, klik op Kopiëer om de token te kopiëren.
Plak de token in de plugin-instellingen in WordPress.
Widget Customisation
You can edit or hide the prepayment text on your reservation widget, and relabel "prepayment" to fit your business, handy if you use it as a full upfront price rather than a deposit, for example for tickets, shows, or experiences. This setting applies per service.
Where it lives
Back Office > Reservations > Settings > Availability > edit a service.
Show more options
From release 1.83, the widget can suggest alternative services when a guest's original date and time selection isn't available. Instead of just showing "fully booked," it looks at every other service and finds each one's own next available date and time. These alternatives are listed with the soonest option first, so guests can quickly see what else is bookable around the time they wanted.
Need help?
If you need help installing or customising the widget, contact Tebi Support.