Créer le projet : ✅
Créer les différents écrans et lister les : ✅
Pour accéder aux paramètres de personnalisation graphique du widget, deux solutions :
👉 via la roue crantée ⚙️, puis sur le menu "Couleurs et charte graphique"
👉 via l'onglet "Personnalisez la solution à vos couleurs"
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 :
|
La position du widget sur votre site et du bouton |
|
|
Le scroll de votre page web. |
|
|
L'ombre derrière le Consent Wall Contextual. Pour en savoir plus à son sujet, c'est par 👉 ici 👈 |
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.
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 👉 🎁