Het scherm Kleur en Stijl stelt u in staat het uiterlijk van de Axeptio-toestemmingswidget aan te passen. Wijzigingen worden automatisch opgeslagen en toegepast bij de volgende publicatie.

Bovenaan het scherm kunt u met een selector schakelen tussen Klassiek ontwerp en Nieuw ontwerp, en elke versie onafhankelijk bekijken.

Knopstijl

Een aangepaste knop gebruiken

Standaard wordt de gele Axeptio-knop weergegeven. Door deze optie in te schakelen, kunt u deze vervangen door een knop met aangepaste afbeeldingen en/of aangepaste tekst. U kunt ook de grootte en het uiterlijk van de knop, afbeelding en tekst aanpassen.

Optie	Beschrijving
Afbeeldingsgrootte	Breedte van de afbeelding die in de knop wordt weergegeven (in px).
Label	Tekst die in de knop wordt weergegeven.
Knophoogte (Padding Y)	Verticale interne afstand van de knop (in px).
Knopbreedte (Padding X)	Horizontale interne afstand van de knop (in px).
Tekengrootte (Font size)	Grootte van de knooptekst (in px).
Tekendikte (Font weight)	Dikte van het lettertype (bijvoorbeeld: 400 = normaal, 700 = vet).
Regelafstand (Line height)	Regelafstand, zonder eenheid (bijvoorbeeld: 1.25).
Border radius	Afronding van de knoephoeken (in px). Een hoge waarde geeft een pililvormige knop.
Tekstkleur	Kleur van de knooptekst.
Achtergrondkleur	Achtergrondkleur van de knop.
Transparante achtergrond gebruiken	Maakt de achtergrond van de knop transparant.
Schaduw toevoegen	Voegt een schaduw onder de knop toe.

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 van uw interface overlapt.

Verticale verschuiving van de knop (offset Y)

U kunt de knop naar boven of beneden verschuiven. Dit is handig om te voorkomen dat de knop andere elementen van uw interface overlapt.

Browserscroll-hijacking op mobiel

Standaard controleert Axeptio het scrollen van de pagina wanneer de widget wordt weergegeven, zodat deze zichtbaar blijft en ongewenste weergave-effecten worden voorkomen.

In de meeste gevallen is dit handig en we raden daarom aan deze optie uitgeschakeld te laten als u geen problemen ondervindt. Op bepaalde websites kan dit echter hinderlijk zijn. U kunt proberen deze optie in te schakelen als u de volgende ongewenste gedragingen opmerkt:

onmogelijkheid om de pagina te scrollen, vooral op mobiel, waar het scrollen geblokkeerd kan zijn zolang de banner wordt weergegeven
gedrag met elementen van de site zoals menu's, pop-ups of modals

Wanneer deze optie is ingeschakeld, controleert Axeptio het paginascroll niet meer en laat de browser het scroll normaal beheren.

Positie in het 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 <body>-tag.

Standaard wordt de widget aan het einde van de <body> ingevoegd. Deze plaatsing wordt in de meeste gevallen aanbevolen.

Het is echter mogelijk om de widget aan het begin van de <body> in te voegen als u compatibiliteitsproblemen ondervindt met de structuur van de site, bepaalde globale CSS-stijlen of JavaScript-scripts. Deze optie is voornamelijk bedoeld voor specifieke gevallen en heeft doorgaans geen zichtbare impact voor bezoekers.

Overlay

De overlay is een semi-transparante achtergrond die wordt weergegeven achter de Axeptio-widget wanneer deze is geopend. Dit stelt de toestemmingsbanner in de schijnwerpers en vermindert afleidingen van pagina-inhoud.

De instellingen in deze sectie stellen u alleen in staat het uiterlijk van de overlay aan te passen (dekking, kleuren, stijl). Het invoeren van deze waarden activeert de overlay-weergave niet op zichzelf.

Voor weergave van de overlay moet een van de volgende functies zijn ingeschakeld:

de contextuele consent wall, die kan worden toegevoegd vanuit een bestaande configuratie
de optie Widget in het midden van het scherm weergeven (zoals de consent wall), beschikbaar in een configuratie via Integreren op uw site

De overlay-kleuren (gradiënt of effen kleur) kunnen verder naar beneden op de pagina worden aangepast in Kleuren > Overlay.

Dekking van de overlayachtergrond

Bepaalt het transparantieniveau van de achtergrond die achter de widget wordt weergegeven.

De verwachte waarde is een decimalwaarde tussen 0 en 1, waarbij:

0 overeenkomt met een volledig transparante achtergrond
1 overeenkomt met een volledig ondoorzichtige achtergrond

Overlayopvulstijl

Hiermee kunt u het type achtergrond kiezen dat wordt gebruikt:

Radiaal: een gradiënt gecentreerd rond de widget, met een zachter en progressiever effect
Effen kleur: een uniforme achtergrond over de hele pagina

Kleuren

Het gedeelte Kleuren stelt u in staat alle kleuren van de Axeptio-widget aan te passen.

Kleurvlek

De kleurvlek is het grafische element in de vorm van een gekleurde cirkel zichtbaar in de achtergrond van de widget-illustraties. Door dit aan te passen, genereert u automatisch een coherent kleurenschema voor de gehele widget. Elke kleur kan vervolgens afzonderlijk worden aangepast.

Basiskleuren

Deze instellingen stellen u in staat de kleuren in te stellen die worden gebruikt voor de algemene elementen van de widget:

Optie	Beschrijving
Primair	Dominante kleur van het thema, gebruikt voor accenten en interactieve elementen.
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	Kleur van schakelaars in de UIT-positie.
Achtergrondkleur van geselecteerde checkbox	Kleur van schakelaars in de AAN-positie.

Basisknoppen

Deze opties bepalen het uiterlijk van secundaire knoppen (bijvoorbeeld "Alles weigeren", "Aanpassen"):

Optie	Beschrijving
Knooptekst	Tekstkleur.
Knooptekst bij aanwijzen	Tekstkleur bij aanwijzen.
Knoprand	Kleur van de rand.
Knopachtergrond	Achtergrondkleur.
Knopachtergrond bij aanwijzen	Achtergrondkleur bij aanwijzen.

Primaire knop

Deze instellingen zijn specifiek van toepassing op de primaire actieknop (bijvoorbeeld "Alles accepteren"). Ze stellen u in staat de primaire actie die aan de gebruiker wordt voorgesteld, in de schijnwerpers te zetten.

Optie	Beschrijving
Primaire knooptekst	Tekstkleur.
Primaire knooptekst bij aanwijzen	Tekstkleur bij aanwijzen.
Primaire knopachtergrond	Achtergrondkleur.
Primaire knopachtergrond bij aanwijzen	Achtergrondkleur bij aanwijzen.

Toestemmingsknop

Deze opties bepalen het uiterlijk van de toestemmingsknoppen die worden weergegeven in de leverancierslijst. Hiermee kunt u het uiterlijk van toestemming- en afwijzingsacties nauwkeurig aanpassen.

Optie	Beschrijving
Achtergrond van toestemmingsknoppen	Achtergrondkleur.
Achtergrond van toestemmingsknoppen bij aanwijzen	Achtergrondkleur bij aanwijzen.
Tekst van toestemmingsknoppen	Tekstkleur.
Tekst van toestemmingsknoppen bij aanwijzen	Tekstkleur bij aanwijzen.
Omlijning van toestemmingsknoppen	Kleur van de rand.
Omlijning van toestemmingsknoppen bij aanwijzen	Kleur van de rand bij aanwijzen.

Overlay

Deze instellingen bepalen de kleuren die worden gebruikt voor de achtergrond die achter de widget wordt weergegeven, wanneer de opvulstijl is ingesteld op Radiaal:

Optie	Beschrijving
Midden van overlaygradiënt	Kleur van het midden van de gradiënt.
Buitenkant van overlaygradiënt	Kleur van de buitenkant van de gradiënt.

Widgetstijl

Border Radius (afgeronde hoeken)

Bepaalt de mate van afronding toegepast op de hoeken van de widget, uitgedrukt in pixels.

Een hoge waarde produceert meer afgeronde hoeken, terwijl een lage waarde een scherpere weergave oplevert.

Border radius van toestemmingsknoppen

Bepaalt de afronding van de toestemmingsknoppen die in de widget worden weergegeven.

Deze instelling stelt u in staat het uiterlijk van de knoppen af te stemmen op de globale stijl van de site.

Afgeronde hoeken van sluitknop

Bepaalt de afronding van de knop waarmee u de widget sluit.

Deze parameter is onafhankelijk van de andere border radius-instellingen.

Titelgrootte

Bepaalt de grootte van de titels die in de widget worden weergegeven, uitgedrukt in pixels.

Deze instelling heeft een directe invloed op de visuele hiërarchie en leesbaarheid van de inhoud.

Lichaamsgrootte

Bepaalt de grootte van de hoofdtekst van de widget, uitgedrukt in pixels.

Een te kleine grootte kan schadelijk zijn voor de leesbaarheid, vooral op mobiel.

Schaduw

Hiermee kunt u de schaduwstijl bepalen die op de widget wordt toegepast. De schaduw helpt de widget visueel los te maken van de pagina-inhoud en vergroot de zichtbaarheid.

Standaardschaduw: standaardschaduw toegepast door Axeptio
Geen: geen schaduw
Aangepast: vrije invoer van een CSS box-shadow-waarde

Typografie

Het gedeelte Typografie stelt u in staat de lettertypen in de Axeptio-widget in te stellen, zowel voor titels als voor teksten.

Deze instellingen stellen u in staat het uiterlijk van de widget af te stemmen op de typografie van de site.

Titellettertype

Hiermee kunt u het lettertype bepalen dat wordt gebruikt voor titels die in de widget worden weergegeven.

U kunt een Google-lettertype kiezen of een ander lettertype invoeren door rechtstreeks de familienaam (font-family) op te geven.

Als het gekozen lettertype nog niet op de pagina is geladen, kunt u met de optie Laat Axeptio het lettertype op de site laden Axeptio toestaan het automatisch te laden.

Tekstlettertype

Hiermee kunt u het lettertype bepalen dat wordt gebruikt voor teksten in de widget, onafhankelijk van dat van de titels. Net als bij titels kunt u een Google-lettertype gebruiken of een aangepast lettertype via de familienaam invoeren.

Als het lettertype nog niet beschikbaar is op de site, kan Axeptio het automatisch laden via Google Fonts door de bijbehorende optie in te schakelen.

Het laden van extra lettertypen kan invloed hebben op de prestaties en naleving van de site en moet voorzichtig worden gebruikt.