Hoe integreer je de Web Widget in je persoonlijke website
Geschatte leestijd: 6 minuten
Van toepassing op: Alle abonnementen
Korte samenvatting
De Web Widget stelt je in staat om je Agenda of je Webshop direct in je persoonlijke website te integreren.
Hiermee kunnen potentiële klanten Activiteiten bekijken, sessies boeken en producten kopen zonder je website te verlaten
Waarom dit belangrijk is
Door de widget in je website te integreren blijft de boekingservaring binnen je eigen merk omgeving.
Het helpt ook om websitebezoekers om te zetten in betalende klanten doordat zij direct sessies kunnen boeken of producten kunnen kopen
Stap voor stap instructies
Boekingsmodule Widget
Stap 1: Open de booking widget instellingen: Mijn bedrijf > Integraties > Boekingsmodule
– In deze sectie stel je in hoe je Activiteiten en Agenda op je website worden weergegeven.
Stap 2: Configureer de widget weergave opties: Boekingsmodule > Widget type / Standaard weergave van widget / Locatie
– Selecteer welke Activiteiten of locaties zichtbaar zijn en kies hoe de Agenda wordt weergegeven voor klanten.
Stap 3: Kopieer de boekingsmodule embed code: Embed code
– Kopieer de iframe code en plak deze in de pagina van je website waar je de boekingsagenda wilt tonen.
Shop Widget
Stap 4: Open de shop widget instellingen: Mijn bedrijf > Integraties > Shop
– In deze sectie genereer je de embed code om je shop op je website weer te geven.
Stap 5: Kopieer de shop embed code: Shop > Embed code
– Plak de iframe code in je website zodat klanten direct Abonnementen, Rittenkaarten of andere producten kunnen kopen.
Goed om te weten
Plaats de booking module op een aparte “Boek nu” of “Agenda” pagina zodat bezoekers eenvoudig kunnen vinden waar ze Activiteiten kunnen boeken.
Tips
Je kunt meerdere widgets op verschillende pagina’s van je website plaatsen. Bijvoorbeeld één pagina met je
Agenda en een andere pagina met je shopAls je wilt dat de widget visueel aansluit bij je website, kun je kleuren en styling aanpassen in de widget instellingen
Je kunt de breedte en hoogte aanpassen in de iframe code zodat de widget goed past binnen je website layout. De standaard hoogte is 650px, maar deze kan worden verhoogd afhankelijk van je pagina ontwerp
Veelgestelde vragen
Kan de widget op elke website worden geplaatst?
– Ja. Zolang je website HTML embedding ondersteunt, kun je de iframe code toevoegen.
Kan ik alleen specifieke Activiteiten tonen in de widget?
– Ja. In de widget instellingen kun je bepalen welke Activiteiten zichtbaar zijn in de Agenda.
Kan ik slechts één locatie tonen in de widget?
– Ja. Met de locatie filter kun je Activiteiten van één locatie tonen.
Kan ik de grootte van de widget aanpassen?
– Ja. Je kunt de breedte en hoogte direct aanpassen in de iframe embed code.
Hoe kan ik de weergave van de widget aanpassen?
– Je kunt de achtergrondkleur van alle widgets en de kleuren van de datumheader in de Agenda widget instellen via Customization (in het Integraties menu)
– Je kunt de kleur van de boek- en koopknoppen instellen via Instellingen > App & portal
Vergelijkbare artikelen
– Hoe pas je de weergave van je Web Widget aan
– Hoe stel je filters en geavanceerde instellingen in voor de Booking Module Widget