ℹ️ Dit artikel wordt bijgewerkt naarmate we de komende maanden meer verbeteringen uitbrengen.
Welke bsport-widget je ook aan je website toevoegt, dezelfde integratieopties bepalen hoe deze zich gedraagt zodra hij daar staat: hoe hij opent, in welke taal hij verschijnt, of hij zijn eigen opmaak behoudt en of klanten er rechtstreeks via kunnen inloggen. Je vindt deze opties onder Instellingen > Widgets, in stap 1 · Website van het tabblad Configureren. Stel ze in voordat je verdergaat naar 2 · Instellen en 3 · Publiceren.
1. Popup-type
Kies hoe de widget opent voor je klanten. Elke optie wordt getoond als een kaart met een korte beschrijving.
Nieuw tabblad — opent in een nieuw browsertabblad.
Pop-up op mijn website — opent in een pop-up die over je website heen wordt getoond.
Nieuw venster — opent in een apart pop-upvenster in plaats van een tabblad.
Geen pop-up — opent in volledig beeld binnen dezelfde ruimte, zonder pop-up.
2. Widgettaal
De widget wordt weergegeven in de taal die je kiest bij Widgettaal. Kies Taal van bezoekersbrowser gebruiken als je wilt dat de widget zich aanpast aan elke bezoeker. Deze instelling heeft alleen invloed op de widget op je website. Je Back Office-taal verandert hierdoor niet.
3. Standaardopmaak behouden
Standaardopmaak behouden voorkomt dat de stijlen en het thema van je website het ontwerp van de widget overschrijven.
Zet dit aan wanneer:
De stijlen van je website de widget beïnvloeden — knoppen zien er verkeerd uit, tekstgroottes kloppen niet, of kleuren komen niet overeen.
Je wilt dat de widget precies zijn oorspronkelijke ontwerp behoudt, zonder externe invloed.
Er een verschil is tussen de voorbeeldweergave in de Back Office en wat je op je live website ziet.
4. Klantlogin met EasyConnect
Zet EasyConnect-knop toevoegen aan om een menu weer te geven waarmee klanten vanaf je website kunnen inloggen en hun profiel, boekingen, winkelmandje en abonnementen kunnen bekijken.
Belangrijk: zorg ervoor dat Standaardopmaak behouden is uitgeschakeld. Als deze optie is ingeschakeld, verschijnt de EasyConnect-knop niet.
De knop werkt alleen op de pagina waar de widget is geïntegreerd. Hij verschijnt niet op de rest van je website.
5. Je widgets aanpassen
Ga naar het tabblad Aanpassen om het uiterlijk van je widgets te wijzigen. Je kunt afstand, afronding, lettertypen, kleuren en achtergronden aanpassen en rechts een live voorbeeld bekijken. Je wijzigingen worden automatisch opgeslagen.
Aanpassen is beschikbaar voor Agenda, Workshops, Abonnementen, Leadacquisitie, Lessenkaarten, Doorverwijzing en Agent chat. Andere widgets kunnen worden opgemaakt met aangepaste CSS.
Aangepaste CSS
Als je meer geavanceerde opmaak nodig hebt, kun je op het tabblad Aangepaste CSS je eigen CSS schrijven voor meer controle over het uiterlijk van de widget.
Belangrijk: voor aangepaste CSS is enige technische kennis vereist. Als je je niet op je gemak voelt bij het schrijven van CSS, vraag dan je webontwikkelaar of bureau, of neem contact op met ons supportteam.
