✅ Crea il progetto: Fatto
✅ Crea i diversi schermi e elencali: Fatto
Ora è il momento di occuparsi del design del widget!
Apri la porta della personalizzazione, entra nello spa di bellezza dei cookie e rendi il tuo widget bello quanto il tuo sito 💋💄
Per accedere alle impostazioni di personalizzazione grafica del widget, ci sono 2 soluzioni:
👉 tramite la ruota dentata ⚙️, poi sul menu "Colori e Guida allo stile"
👉 tramite la scheda "Personalizza l'aspetto del widget"
1. POSIZIONE DEL WIDGET & SOVRAPPOSIZIONE
La prima sezione dell'interfaccia di personalizzazione del widget è la sezione Stile del Pulsante.
In questa sezione, hai diverse impostazioni che ti permettono di gestire :
|
La posizione del widget sul tuo sito e del pulsante |
|
|
Lo scorrimento della tua pagina web su dispositivo mobile |
|
|
Per saperne di più, è 👉 qui 👈 |
2. COLORI 🦄, CARTA GRAFICA 🎨, CARATTERE 👮
La seconda sezione dell'interfaccia delle impostazioni del tuo widget è la sezione Colori.
In questa sezione, puoi gestire l'intero design dei colori del tuo widget secondo 4 tipi definiti: macchia di colore, colore di base, pulsanti e sovrapposizione.
Come promemoria, la sovrapposizione è l'ombra dietro al muro del consenso 😉.
Le varie altre sezioni ti permettono di cambiare il colore di ogni elemento cliccando sul piccolo quadrato davanti ad esso.
Grazie alle tavolozze dei colori, puoi scegliere con precisione il colore che vuoi per ogni elemento rappresentato.
💡 Ricorda di validare la tavolozza dei colori quando cambi il colore dell'elemento scelto!
È magico 🪄 puoi visualizzare le tue modifiche in tempo reale grazie alla rappresentazione del tuo widget Axeptio sul lato sinistro dell'interfaccia delle impostazioni:
https://www.loom.com/share/9b9fb9124d464f9aa1d6afffa64356fa
3. BORDI DEL WIDGET, DIMENSIONE DEL CARATTERE, OMBRA DELLA SCATOLA
La terza sezione per la personalizzazione del tuo widget è la sezione Stile del Widget.
Le sue diverse sezioni ti permettono di cambiare i bordi del widget, i suoi pulsanti e di impostare la dimensione del carattere.
Bonus! È anche qui che puoi giocare con l'ombra della scatola del tuo widget 👻
Dai libero sfogo ai tuoi desideri!
Focus sull'ombra della scatola:
L'ombra della scatola è quella dietro al tuo widget dei cookie quando viene visualizzato.
Puoi scegliere di mantenere quella predefinita o di non usarla affatto:
O ancora meglio! Puoi scegliere di personalizzarla! Cioè, puoi definire tu stesso la sua dimensione e il suo colore 🎨
Per farlo, basta selezionare "Ombra personalizzata CSS" e compilare la casella CSS che appare.
La dimensione dell'ombra è definita in pixel e il colore è gestito tra le parentesi rgba.