Met de FRANK widget kunnen gasten direct via je website reserveringen maken of cadeaubonnen kopen.
Voordat je de widget op je website plaatst, moet je deze eerst configureren in FRANK en vervolgens de embedcode op je website toevoegen.
01 Je widget instellen in FRANK
Voordat je de code op je website plaatst, is het belangrijk dat de widget volledig naar wens is ingesteld. Zorg eerst dat de widgetknoppen de kleur van je huisstijl hebben.
Stel de kleur van je widget knoppen in
Ga in FRANK naar Beheren → Restaurant
Bij Kleir kies je de kleur die je wilt gebruiken voor de knoppen van de widget. Je kunt elke kleur kiezen die past bij je website. Gebruik hiervoor de color picker of vul zelf een HEX-kleurcode in.
Zodra je dit hebt ingesteld, kun je altijd bekijken hoe de widget eruitziet via:
Settings → Widget
Zorg er vervolgens voor dat de widget zich gedraagt zoals jij wilt. Bijvoorbeeld: wil je dat de widget automatisch opent wanneer iemand je website bezoekt, of juist gesloten blijft totdat iemand erop klikt?
Bepaal wanneer de widget opent
Ga naar Beheren → Widget
Op deze pagina kun je de widget configureren en de widgetcode genereren die je nodig hebt om de widget op je website te plaatsen.
Onder Widget options kun je de volgende instellingen aanpassen:
Instellen of de widget automatisch opent wanneer de pagina wordt geladen
Instellen of de widget automatisch opent op mobiele apparaten
De widget-toolbar tonen of verbergen op desktop
De widget-toolbar tonen of verbergen op mobiel
Widget taal en bericht voor niet-beschikbare tijdsloten
Ga naar Beheren → Widget
Selecteer de widget taal
Stel de tekst in die wordt getoond wanneer een tijdslot niet beschikbaar is.
Je kunt kiezen uit de ondersteunde talen. Heb je een meertalige website? Dan kun je het beste de taal op Automatic zetten. In dat geval wordt de widget automatisch weergegeven in de taal van de browser van de bezoeker.
02 De FRANK widget code toevoegen aan je website
Wanneer je de widget volledig naar wens hebt ingesteld, worden je aanpassingen automatisch verwerkt in de widgetcode op de widgetpagina. Daarom is het belangrijk om eerst de widget te configureren en daarna pas de code te kopiëren.
Ga naar Beheren → Widget → Code kopiëren
Plak deze code bij voorkeur vlak voor de afsluitende body-tag van elke pagina waarop je de FRANK widget wilt tonen. Afhankelijk van het type website dat je gebruikt, kan het zijn dat de code automatisch op alle pagina’s wordt toegepast, of dat je deze per pagina moet toevoegen.
Heb je geen toegang tot de broncode van je website? Dan kun je de widget vaak ook toevoegen via een HTML embed element, als je websiteplatform dit ondersteunt.
03 Optioneel: de FRANK widget openen via een knop met anchor links
Het is ook mogelijk om de widget te openen wanneer iemand op een knop of link op je website klikt. Naast het embedden van de widget kun je deze dus ook openen met behulp van anchor links. Met anchor links kun je specifieke acties in de widget starten, zoals het openen van het reserveringsscherm of cadeaubonnen module.
Hieronder vind je de beschikbare anchors en hoe je ze kunt gebruiken. Je kunt deze ook terugvinden in FRANK → Beheren → Widget → Widget anchors
De widget openen via een knop
Gebruik de volgende anchor om de FRANK widget te openen:
http://www.YOURWEBSITE.com/#frank-app-open
De widget sluiten via een knop
Gebruik de volgende anchor om de FRANK widget te sluiten:
http://www.YOURWEBSITE.com/#frank-app-open
De cadeaubonnen shop openen via een knop
Gebruik de volgende anchor om direct de FRANK cadeaubonshop te openen:
http://www.YOURWEBSITE.com/#frank-app-open-vouchers
De widget openen voor een specifiek restaurant
Je kunt de widget ook openen voor een specifiek restaurant door de restaurant UUID te gebruiken. Dit is vooral handig wanneer je meerdere locaties hebt.
De widget-anchor van jouw restaurant is uniek en moet rechtstreeks uit de FRANK widgetcode worden gekopieerd. Zoek naar een code die er ongeveer zo uitziet:
