cookieyes cambiare colori

CookieYes, come ben saprai se sei in questa pagina, è una piattaforma SaaS (Software as a Service) molto popolare per la gestione del consenso ai cookie (CMP – Consent Management Platform) e la conformità alle normative sulla privacy online. La piattaforma offre anche un ottimo plugin per WordPress che permette di installare la gestione del consenso in modo estremamente rapido, configurare tutto, gestire eventualmente i testi, inserire rapidamente la tabella dei cookie dopo una scansione automatica e molto altro. Insomma un ottimo plugin, a cui devo ammettere non manca proprio nulla.

La progressiva riduzione delle funzioni nella versione free

Come spesso accade, quando vengono lanciati sul mercato, questi plugin offrono delle versioni free molto generose; poi, piano piano, con il passare del tempo le funzioni vengono limitate fino a non lasciare praticamente più fare nulla senza pagare. È stato proprio questo il caso di CookieYes, inizialmente molto generoso e ora tremendamente restrittivo. Personalmente sono passato ad altre alternative e ho quasi abbandonato del tutto questo plugin. Non che non voglia pagare, ovviamente: acquisto regolarmente licenze per software, plugin e molto altro quando serve. Il problema riguarda la gestione dei cookie su siti molto piccoli, magari fatti per clienti che hanno qualche pagina web e vogliono assolutamente utilizzare WordPress.

Qui ci sarebbe da aprire un discorso a parte, che oramai c’è la fissazione di WordPress, quando in alcuni casi basterebbero 4 pagine HTML e un sistema di statistiche GDPR free per fare le cose fatte bene, avere un sito veloce, senza problemi di privacy di aggiornamenti di plugin, WordPress, Theme e quant’altro.

Dicevo in alcuni casi anche un abbonamento di 120€ più IVA a cui vanno poi ad aggiungersi altri costi ad esempio per dominio, hosting e altro rendono la spesa annua corposa.

Devo ammettere che ci sono anche aziende che hanno fatturati di milioni l’anno e poi vogliono risparmiare su 120€ di plugin l’anno, ma questo è un altro discorso ancora.

Personalizzare i colori del banner di CookieYes

Una delle funzioni che è diventata premium è la possibilità di personalizzare i colori del banner del consenso. Questo fa si che se non abbiamo un account premium i pulsanti saranno solo blu. E’ possibile aggirare questo problemino con un po’ di CSS che puoi inserire tranquillamente andando in nel pannello di amministrazione di WordPress e poi in ASPETTO -> PERSONALIZZA -> CSS AGGIUNTIVO e incollando il codice seguente.


.cky-btn-revisit-wrapper {
  background: #248697 !important;
}
button.cky-btn.cky-btn-reject {
 background-color: #248697 !important;
 border-color:#248697 !important;
}
button.cky-btn.cky-btn-preferences {
 background-color: #248697 !important;
 border-color:#248697 !important;
}

}
button.cky-btn.cky-btn-accept {
 background-color: #248697 !important;
 border-color:#248697 !important;
}

.cky-btn-accept {
    background: #248697 !important;
    color: #fff;
    border: 2px #248697 !important;
}

.cky-switch input[type="checkbox"]:checked {
    background: #248697!important;
}

Grazie a questo semplicissimo e banalissimo codice potrai mettere i colori che vuoi tu. Come puoi vedere sono in formato HEX (abbreviazione di Esadecimale) .

Il codice non è commentato, ma è banalissimo da capire, le classi sono ben specificate, qualora non lo sapessi sono quelle dopo il punto. Ad esempio la classe .button.cky-btn.cky-btn-reject riguarda il pulsante di rifiuto, mentre .cky-btn-accept quello di accettazione.

Ogni classe ha i suoi valori fra le parente graffe che ci sono dopo. Quando fra le parentesi graffe c’è background si indica lo sfondo, color il colore del testo. border-color cosa indicherà? Nell’esempio sotto abbiamo la classe .cky-btn-accept cioè quella che gestisce il colore del pulsante di “accettazione”, ha sfondo #248697, testo #fff (bianco) e bordo dello stesso colore dello sfondo.

.cky-btn-accept {
    background: #248697 !important;
    color: #fff;
    border: 2px #248697 !important;
}

Concludiamo il discorso

Insomma tutti questi lunghi discorsi per dire semplicemente che se usi la free di CookieYes, puoi incollare questo codice e cambiare i colori del banner in modo molto rapido. Per trovare i colori del tuo theme rapidamente in formato HEX e uniformarli al banner puoi usare un’ estensione gratuita per Chrome, io ad esempio uso ColorZilla.

Mario Di Pasquale

Autore - Mario Di Pasquale

Da circa 20 anni mi occupo di sviluppo web, SEO e Social Media Marketing. Ho una formazione in design, competenze in programmazione e un'esperienza maturata sia come freelancer sia in aziende internazionali su progetti europei.