Knopstijl
Een aangepaste knop gebruiken
Standaard wordt onze gele knop met het Axeptio-logo weergegeven. Door dit vak in te schakelen, kunt u deze vervangen door een knop met aangepaste afbeeldingen en/of tekst. U kunt ook de grootte en vormgeving van de knop, afbeelding en tekst aanpassen.
Positie van de widget
Standaard wordt de banner onderaan links weergegeven. U kunt deze echter naar rechts verplaatsen als u dat liever hebt.
Horizontale verschuiving van de knop (offset X)
U kunt de knop naar links of rechts verschuiven. Dit is handig om te voorkomen dat de knop andere elementen in uw interface overlapt.
Verticale verschuiving van de knop (offset Y)
U kunt de knop omhoog of omlaag verschuiven. Dit is handig om te voorkomen dat de knop andere elementen in uw interface overlapt.
Het scrollen van de pagina niet onderscheppen
Standaard beheert Axeptio het scrollen van de pagina wanneer de widget wordt weergegeven, zodat deze zichtbaar blijft en hinderlijke weergaveeffecten worden voorkomen.
In de meeste gevallen is dit praktisch en we raden aan deze optie uitgeschakeld te laten als u geen specifieke problemen ondervindt. Op sommige websites kan dit echter hinderlijk zijn. U kunt deze optie inschakelen als u een van de volgende typische ongewenste gedragingen opmerkt:
onmogelijkheid om de pagina te scrollen, vooral op mobiele apparaten, waarbij het scrollen kan worden geblokkeerd zolang de banner wordt weergegeven
gedrag met elementen van de website zoals menu's, pop-ups of modals
Wanneer deze optie is ingeschakeld, beheert Axeptio het scrollen van de pagina niet meer en laat het de browser het scrollen normaal afhandelen.
Positie in de body van de widget root
Bepaalt waar in de HTML-code van de pagina Axeptio de widget invoegt: aan het begin of aan het einde van de tag <body>.
Standaard wordt de widget aan het begin van <body> ingevoegd. Deze positie wordt aanbevolen omdat deze een beter ondersteuning door ondersteuningstechnologieën biedt, zoals schermlezers.
Het is echter mogelijk om de widget aan het einde van <body> in te voegen als u compatibiliteitsproblemen ondervindt met de sitstructuur, bepaalde globale CSS-stijlen of JavaScript-scripts. Deze optie is voornamelijk bedoeld voor specifieke gevallen en heeft over het algemeen geen zichtbare invloed voor bezoekers.
Overlay
De overlay is een semi-transparante achtergrond die achter de Axeptio-widget wordt weergegeven wanneer deze is geopend. Het helpt om de toestemmingsbanner te benadrukken en de afleidingen van de paginainhoud te verminderen.
De beschikbare parameters in dit gedeelte maken het alleen mogelijk om het uiterlijk van de overlay aan te passen (opaciteit, kleuren, stijl). Het invullen van deze waarden activeert op zichzelf niet de weergave van de overlay.
Opdat de overlay wordt weergegeven, moet een van de volgende functies zijn ingeschakeld:
de contextuele consent wall, die kan worden toegevoegd vanuit een bestaande configuratie
de optie De widget in het midden van het scherm weergeven (zoals de consent wall), beschikbaar in een configuratie via Op uw website integreren
De overlay-kleuren (verloop of effen kleur) kunnen verderop op de pagina worden aangepast onder Kleuren > Overlay.
Opaciteit van de overlayachtergrond
Bepaalt het transparantieniveau van de achtergrond die achter de widget wordt weergegeven.
De verwachte waarde is een decimale waarde tussen 0 en 1, waarbij:
0 overeenkomt met een volledig transparante achtergrond
1 overeenkomt met een volledig ondoorzichtige achtergrond
Stijl van de overlayopvulling
Hiermee kunt u het type achtergrond kiezen dat wordt gebruikt:
Radiaal: een verloop gecentreerd rond de widget, met een zachter en geleidelijker effect
Effen kleur: een uniforme achtergrond over de hele pagina
Kleuren
De sectie Kleuren biedt de mogelijkheid alle kleuren aan te passen die door de Axeptio-widget worden gebruikt.
Verfvlek
De verfvlek is het gekleurde cirkelvormige grafische element dat boven aan de verschillende stappen van de widget wordt weergegeven (rechts of in het midden), zichtbaar achter de illustraties.
Deze kleur wordt gebruikt als visuele nadruk en draagt bij aan de algehele grafische identiteit van de widget.
Basiskleuren
Met deze parameters kunt u de kleuren definiëren die voor algemene widgetelementen worden gebruikt:
Primair: dominante kleur van het thema
Teksten: kleur van standaardteksten
Titels: kleur van titels
Widgetachtergrond: primaire achtergrond van de widget
Kaartachtergrond: achtergrond van kaarten en interne blokken
Achtergrondkleur van niet-geselecteerde checkbox: niet-aangevinkt state
Achtergrondkleur van geselecteerde checkbox: aangevinkt state
Basisknopen
Deze opties bepalen het standaardverschijning van secundaire knopen:
tekstkleur
tekstkleur bij aanwijzen
randkleur
achtergrondkleur
achtergrondkleur bij aanwijzen
Primaire knop
Deze parameters zijn van toepassing op de primaire knop van de widget:
tekstkleur
tekstkleur bij aanwijzen
achtergrondkleur
achtergrondkleur bij aanwijzen
Hiermee kunt u de primaire actie die aan de gebruiker wordt voorgesteld, benadrukken.
Toestemmingsknop
Deze opties bepalen het uiterlijk van knoppen met betrekking tot toestemming:
achtergrondkleur
achtergrondkleur bij aanwijzen
tekstkleur
tekstkleur bij aanwijzen
contourkleur
contourkleur bij aanwijzen
Hiermee kunt u het uiterlijk van toestemmings- en weigeringacties nauwkeurig aanpassen.
Overlay
Deze parameters bepalen de kleuren die worden gebruikt voor de achtergrond die achter de widget wordt weergegeven wanneer deze is geopend:
Centrum van het overlay verloop
Buitenkant van het overlay verloop
Deze worden gebruikt wanneer de opvulstijl van de overlay is ingesteld op een verloop.
Widgetstijl
Border radius (afgeronde hoeken)
Bepaalt het afronding niveau dat op de hoeken van de widget wordt toegepast, uitgedrukt in pixels.
Een hoge waarde produceert meer afgeronde hoeken, terwijl een lage waarde een meer hoekig resultaat geeft.
Border radius van toestemmingsknoppen
Bepaalt de afronding van de toestemmingsknoppen die in de widget worden weergegeven.
Met deze instelling kunt u het uiterlijk van de knoppen afstemmen op de algehele stijl van de website.
Afgeronde hoeken van de sluitknop
Bepaalt de afronding van de knop waarmee u de widget kunt sluiten.
Deze parameter is onafhankelijk van de andere instellingen voor border radius.
Grootte van titels
Bepaalt de grootte van de titels die in de widget worden weergegeven, uitgedrukt in pixels.
Deze instelling heeft rechtstreeks invloed op de visuele hiërarchie en leesbaarheid van de inhoud.
Grootte van de body
Bepaalt de grootte van de hoofdtekst van de widget, uitgedrukt in pixels.
Een te kleine lettergrootte kan de leesbaarheid, vooral op mobiele apparaten, nadelig beïnvloeden.
Schaduw
Hiermee kunt u de schaduwstijl bepalen die op de widget wordt toegepast.
De schaduw helpt om de widget visueel van de paginainhoud af te scheiden en de zichtbaarheid ervan te vergroten.
Typografie
De sectie Typografie biedt de mogelijkheid de lettertypen in de Axeptio-widget in te stellen, voor titels en voor teksten.
Met deze instellingen kunt u het uiterlijk van de widget afstemmen op de typografie van de website.
Lettertype voor titels
Hiermee kunt u het lettertype instellen dat voor titels in de widget wordt gebruikt.
Het is mogelijk om een Google-lettertype of een ander lettertype te kiezen door de naam van de lettertypefamilie (font-family) rechtstreeks in te voeren.
Als het gekozen lettertype niet al op de pagina is geladen, kunnen Axeptio het automatisch laden met de optie Axeptio het lettertype op de website laten laden.
Lettertype voor teksten
Hiermee kunt u het lettertype instellen dat voor widgetteksten wordt gebruikt, onafhankelijk van dat voor titels. Net als bij titels is het mogelijk om een Google-lettertype of een aangepast lettertype via de naam van de lettertypefamilie te gebruiken.
Als het lettertype nog niet op de website beschikbaar is, kan Axeptio het automatisch laden via Google Fonts door de bijbehorende optie in te schakelen.
Het laden van aanvullende lettertypen kan gevolgen hebben voor de prestaties en compliance van de website en moet voorzichtig worden gebruikt.