In dit artikel leggen we uit hoe je de FRANK widget kunt embedden op je Wix website. Hiervoor zijn geen programmeerkennis nodig: je hoeft alleen een stukje code op je website te plakken.
Je widget instellen in FRANK
Voordat je de code op je website plaatst, is het belangrijk om de widget eerst naar wens in te stellen. Zorg er bijvoorbeeld voor dat de knoppen van de widget de kleur van je huisstijl hebben.
Ga hiervoor in FRANK naar Beheren → Restaurant
Bij Kleur kies je de kleur die je wilt gebruiken voor de knoppen van de widget.
Vervolgens kun je bepalen hoe de widget zich gedraagt. Bijvoorbeeld: wil je dat de widget automatisch opent wanneer iemand je website bezoekt, of juist niet?
De widget naar wens configureren
Ga naar Beheren → Widget
Op deze pagina kun je de widget configureren en de widgetcode genereren die je nodig hebt voor je Wix website.
Wat kun je aanpassen?
Onder Widget opties kun je de volgende instellingen aanpassen:
Kies of de widget automatisch opent wanneer de pagina wordt geladen
Kies of de widget automatisch opent op mobiele apparaten
Kies of je de widget-toolbar op de pagina wilt verbergen
Kies of je de widget-toolbar op mobiele apparaten wilt verbergen
Kies de taal van de widget
Stel de tekst in die wordt weergegeven bij niet-beschikbare tijdsloten
De FRANK widgetcode toevoegen aan je website
Wanneer je de widget volledig naar wens hebt ingesteld, worden deze instellingen automatisch verwerkt in de widgetcode op de widgetpagina.
Daarom is het belangrijk om eerst de widget in te stellen en daarna pas de code te kopiëren.
Klik op Copy code
Log in op je Wix website
Selecteer de website waarop je de widget wilt plaatsen
Ga in Wix naar Settings → Development & Integrations → Custom Code
Klik rechtsboven op Add Custom Code
Plak hier de code die je hebt gekopieerd van de FRANK widgetpagina
Geef de code een herkenbare naam (we raden aan om 'm FRANK te noemen).
De code wordt standaard op alle pagina’s van je website toegevoegd. Pas dit indien nodig aan. Bijvoorbeeld: als je een hotel bent en een aparte restaurantpagina hebt, wil je de widget misschien alleen op die pagina laden.
Laat bij Place code de instelling op Head staan.
Klik op Apply om op te slaan.
Open vervolgens je website om te testen of alles goed werkt. Als dat zo is, ben je klaar!
De FRANK widget openen via een knop met anchor links
Je kunt de widget ook openen wanneer bezoekers op een knop of link op je website klikken. Dit werkt met zogenaamde anchor links. Anchor links zorgen ervoor dat een specifieke actie in de widget wordt uitgevoerd, zoals:
het openen van het reserveringsscherm
het openen van de cadeaubonnenmodule
Hieronder zie je een overzicht van de beschikbare anchors en hoe je deze kunt gebruiken. Je kunt deze ook terugvinden in FRANK → Beheren → Widget → Widget anchors
De widget openenen via een knop
Gebruik de volgende anchor om de FRANK widget te openen:
De widget sluiten via een knop
Gebruik de volgende anchor om de widget te sluiten:
De cadeaubonnen shop openen via een knop
Gebruik de volgende anchor om direct de FRANK cadeaubonshop te openen:
Open the widget for a specific restaurant by using the restaurant uuid.
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 direct uit de FRANK widgetcode worden gekopieerd. Zoek hiervoor naar een code die er zo uitziet:
Waar plak je de widget anchors in Wix
Ga in Wix naar Edit Site
Selecteer de knop waarvoor je een actie wilt instellen
Klik op het 🔗 link-icoon
Kies bij Web address en plak daar de gewenste anchor link
In de meeste gevallen kies je ervoor om deze te openen in de huidige pagina