Créer le projet : ✅
Créer les différents écrans et lister les cookies : ✅
🌈 Maintenant, il est temps de s'occuper du design du widget ! Poussez la porte de la personnalisation, entrez le spa beauté des cookies et rendez votre widget aussi beau que votre site 💋💄.
Pour accéder aux paramètres de personnalisation graphique du widget, deux solutions :
👉 via le bandeau latéral , puis sur le menu "Couleurs et style"
👉 via l'onglet "Personnalisez la solution à vos couleurs"
🚧 Toutes les modifications apportées au widget dans ce menu impactent l'ensemble des versions de votre projet.
1. Position du widget et overlay
La première section de l'interface de personnalisation de votre widget est la section Style du bouton.
Sous cette section, vous avez différents paramètres vous permettant de gérer :
Les différentes options de personnalisations du bouton Axeptio.
La personnalisation de votre pop-up
L'ombre portée
2. Couleurs 🦄, Charte graphique 🎨, Police 👮
La seconde section de l'interface de paramétrage de votre widget est la section Couleurs.
Sous cette section, vous pouvez gérer l'ensemble du design couleur de votre widget selon quatre types définis : tache de peinture, couleur de base, boutons et overlay.
Pour rappel, l'overlay c'est l'ombre derrière le consent wall contextuel 😉
Les différentes autres rubriques vous permettent de changer la couleur de chaque élément en cliquant sur le petit carré qui le précède.
Grâce aux nuanciers, vous pouvez choisir avec précision la couleur souhaitée pour chaque élément représenté.
💡 Pensez à valider le nuancier quand vous modifiez la couleur de l'élément choisi !
Attention, magie 🪄 vous pouvez visualiser en temps réel vos modifications grâce à la représentation de votre widget Axeptio sur la gauche de l'interface de paramétrage.
3. Bordures du widget, Taille des polices, Ombre Portée
La troisième section de personnalisation de votre widget est la section Style du Widget.
Ses différentes rubriques vous permettent de modifier les bordures du widget, de ses boutons et de définir la taille des polices.
Bonus ! C'est aussi ici que vous pourrez jouer avec l'ombre portée de votre widget 👻
Laissez libre cours à vos envies !
Focus sur l'ombre portée :
L'ombre portée, c'est celle qui se trouve derrière votre widget de cookie à l'affichage.
Vous pouvez choisir de conserver celle par défaut ou ne pas en mettre du tout :
Ou encore mieux ! Vous pouvez choisir de la personnaliser ! C'est-à-dire que vous pouvez vous-même définir sa taille et sa couleur 🎨
Pour cela, il vous suffit de sélectionner "Ombre personnalisée CSS" et de remplir la box CSS qui apparaît.
La taille de l'ombre se définit en pixel et la couleur se gère entre les parenthèses rgba.
🌈 Astuce
Si vous souhaitez une ombre portée qui prend tout l'écran, c'est : 0px 0px 0px 2550px
4. Choix de la typographie
La quatrième et dernière section (ouf 😰) de l'interface de personnalisation de votre widget est la section Typographie.
Elle vous permet de sélectionner la typographie de votre choix ! Et oui, rien que ça !
Si vous n'avez pas envie de vous embêter avec ces détails, laisser nous faire, on s'occupe de tout 💆
Il vous suffit de cocher les cases "Laisser Axeptio charger la police sur le site" et on se charge d'identifier la police déjà présente sur votre site et de la mettre sur votre widget (à condition qu'elle soit libre de droit bien entendu 😉).
Et voilà !! 🎉 Maintenant, vous savez tout pour rendre votre widget des plus magnifiques !
Il ne reste plus qu'à le publier 💪 Mais avant ça, venez faire un petit tour d'horizon, des autres fonctionnalités de votre back office 👉 🎁