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.
Kies een kleur
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.
Taal en widgetknoplabel
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.
Selecteer locatie
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.
Allergieën & dieetwensen
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-installatie
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.
Een multi-locatie widget instellen
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. Vul Selecteer locatie in voor elke locatie
In elke locatie's Tebi-account, ga naar Reserveringen > Instellingen > Widget en vul de Locatie selectie-velden in:
Locatienaam — wat gasten zien wanneer ze een locatie kiezen.
Locatiebeschrijving — extra details, zoals het adres.
Locatieafbeelding — aanbevolen grootte 800×500.
2. Combineer locaties in je hoofdaccount
In het account dat je wilt als hoofdaccount, ga naar Reserveringen > Instellingen > 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. Werk de snippet op je website bij
Omdat er een nieuwe embed code wordt gegenereerd wanneer je extra locaties toevoegt, moet je de bestaande widget code op je website vervangen:
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: Gasten die de gecombineerde widget gebruiken, zien een locatiekiezer voordat ze doorgaan met hun reservering. De naam, beschrijving en afbeelding die je in Stap 1 hebt ingesteld, zijn wat ze in die kiezer zien.
Aangepaste links (optioneel)
Gebruik deze snippet onder Optioneel: voeg aangepaste links toe aan je website als je wilt dat links elders op je site (bijv. in een navigatiemenu) de widget direct openen.
Klik op Kopiëren om de snippet te kopiëren, voeg deze vervolgens toe waar de link moet verschijnen.
Deel link (optioneel)
Gebruik de link onder Optioneel: deel link om uw reserveringswidget rechtstreeks met gasten te delen — bijvoorbeeld in e-mails, sociale posts of berichten.
Je kunt de URL ook embedden als een iframe op je website als je de scriptsnippet liever niet gebruikt.
WordPress plugin (optioneel)
Als je website op WordPress draait, kun je de Tebi Reservations plugin gebruiken in plaats van de code te plakken:
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 aanpassen
Je kunt de vooruitbetalingstekst op je reserveringswidget bewerken of verbergen, en "vooruitbetaling" hernoemen om het aan je bedrijf aan te passen. Dit is handig als je het gebruikt als een volledige vooruitbetaling in plaats van een aanbetaling, bijvoorbeeld voor tickets, shows of ervaringen. Deze instelling geldt per dienst.
Waar te vinden
Back Office > Reserveringen > Instellingen > Beschikbaarheid > bewerk een dienst.
Meer opties tonen
The widget can suggest alternative services when a guest's original date and time selection isn't available. In plaats van alleen "volgeboekt" te tonen, bekijkt het elke andere dienst en vindt voor elk de eerstvolgende beschikbare datum en tijd. Deze alternatieven worden weergegeven met de vroegste optie eerst, zodat gasten snel kunnen zien wat er nog beschikbaar is rond het tijdstip dat ze wilden.
Hulp nodig?
Als je hulp nodig hebt bij het installeren of aanpassen van de widget, neem contact op met Tebi Support.