✅ Creëer het project: Check
✅ Creëer de verschillende schermen en lijst ze op: Check
Nu is het tijd om aan de slag te gaan met het ontwerp van de widget!
Duw de personalisatiedeur open, betreed de cookie schoonheidsspa en maak je widget zo mooi als je site 💋💄
Om toegang te krijgen tot de grafische personalisatie-instellingen van de widget, zijn er 2 oplossingen:
👉 via het tandwiel ⚙️, dan in het menu "Kleuren en Stijlgids"
👉 via het tabblad "Pas het uiterlijk van de widget aan"
1. POSITIE VAN DE WIDGET & OVERLAY
Het eerste deel van de widget personalisatie interface is de Knopstijl sectie.
Onder deze sectie, heb je verschillende instellingen waarmee je kunt beheren :
|
De positie van de widget op je site en de knop |
|
|
Het scrollen van je webpagina op mobiel apparaat |
|
|
Om er meer over te weten, is het 👉 hier 👈 |
2. KLEUREN 🦄, GRAFIEK 🎨, LETTERGROOTTE 👮
Het tweede deel van je widget instellingen interface is de Kleuren sectie.
Onder deze sectie, kan je het hele kleurontwerp van je widget beheren volgens 4 gedefinieerde types: verfvlek, basiskleur, knoppen en overlay.
Ter herinnering, de overlay is de schaduw achter de toestemmingsmuur 😉.
De verschillende andere secties laten je de kleur van elk element veranderen door te klikken op het kleine vierkantje ervoor.
Dankzij de kleurenkaarten, kan je precies de kleur kiezen die je wilt voor elk vertegenwoordigd element.
💡 Vergeet niet om de kleurenkaart te valideren wanneer je de kleur van het gekozen element verandert!
Het is magisch 🪄 je kan je wijzigingen in real time bekijken dankzij de representatie van je Axeptio widget aan de linkerkant van de instellingen interface :
https://www.loom.com/share/9b9fb9124d464f9aa1d6afffa64356fa
3. RANDEN VAN DE WIDGET, LETTERGROOTTE, SCHADUW VAN HET VAK
Het derde deel voor het aanpassen van je widget is de Widget Stijl sectie.
De verschillende secties laten je de randen van de widget, de knoppen veranderen en de lettergrootte instellen.
Bonus! Hier kan je ook spelen met de schaduw van je widget 👻
Laat je fantasie de vrije loop!
Focus op schaduw van het vak:
De schaduw van het vak is degene achter je cookie widget wanneer het wordt weergegeven.
Je kan ervoor kiezen om de standaard te behouden of helemaal niet te gebruiken:
Of nog beter! Je kan ervoor kiezen om het te personaliseren! Dat wil zeggen, je kan zelf de grootte en kleur bepalen 🎨
Om dit te doen, selecteer je gewoon "CSS Custom Shadow" en vul je het CSS vak in dat verschijnt.
De grootte van de schaduw wordt gedefinieerd in pixels en de kleur wordt beheerd tussen de rgba haakjes.
4. HET KIEZEN VAN DE TYPOGRAFIE
Het vierde, en laatste gedeelte (jeej 😰) van je widget personalisatie interface is de Typografie sectie.
Het stelt je in staat om de typografie van je keuze te selecteren! En ja, dat is alles!
Als je je niet wilt bezighouden met deze details, laat het aan ons over, wij zorgen voor alles 💆
Het enige wat je hoeft te doen is de vakjes "Laad lettertype" aanvinken en wij zorgen ervoor dat het lettertype dat al op je site staat op je widget komt te staan (mits het royalty vrij is natuurlijk 😉 ).
En dat is het! 🎉 Nu weet je alles om je widget het mooiste te maken!
Het enige wat nog overblijft is het publiceren 💪 Maar voordat je dat doet, kom en neem snel een kijkje, bij de andere functies van je back office 👉 🎁