GDPR contattaci, come inserire scelta obbligatoria accettazione privacy
Il GDPR, che significa General Data Protection Regulation, è il nuovo regolamento dell'Unione Europea in materia di trattamento dei dati personali e della privacy.
Tutti i possessori di siti bene o male si sono adeguati alle nuove norme, o installando plugin (per Wordpress, Opencart, Magento e simili), o acquistando pacchetti completi o creando codice ex novo per gli opportuni adeguamenti.
Tanti siti però non sono completamento a norma poiché una delle norme imposte dal GDPR, e che pare sia stata in gran parte trascurata, è quella che nel form contatti sia presente un controllo checkbox con stato iniziale UNCHECKED che obbliga l'utente a leggere e accettare la nostra Policy.
Lo stato iniziale di non selezionato è obbligatorio in quanto lascia all'utente la facoltà di decidere se accettare o meno la nostra policy, senza condizionamento alcuno.
A questo scopo troviamo in giro migliaia di plugin ed estensioni, ma tutte fanno uso di codice PHP o Javascript.
Invece questa soluzione usa semplice codice HTML e la sua implementazione è facilissima.
Nel punto dove desideriamo inserire il nostro checkbox inseriamo quindi il seguente codice:
<p><input type="checkbox" required name="Terms">Ho letto e accetto la <a href="pagina contenente la nostra policy" target ="_blank">Privacy e Cookie Policy</a></p>
Per chi ha invece un sito creato con il CMS di Opencart ecco una semplice guida su come implementare facilmente il codice.
I suggerimenti sono validi per tutte le versioni di Opencart.
Poche righe da aggiungere al codice contenuto in:
/catalog/view/theme/*/information/contact.tpl
e una istruzione CSS da inserire nel file
/catalog/view/theme/*/stylesheet/stylesheet.css
(* indica il nome della cartella del tema utilizzato in Opencart, se viene usato il tema di default utilizzate la cartella 'default')
Prima di procedere è consigliabile salvare una copia dei due files.
Apriamo quindi il file:
/catalog/view/theme/*/template/information/contact.tpl e cerchiamo l'istruzione
</div>
<div class="buttons">
Prima di questo codice inseriamo:
<div id="agree">
<p><input type="checkbox" required name="Terms">Ho letto e accetto la <a href="pagina contenente la nostra policy" target ="_blank">Privacy e Cookie Policy</a></p>
</div>
Apriamo /catalog/view/theme/*/stylesheet/stylesheet.css ed inseriamo alla fine:
#agree {
float:right
}
Buon lavoro.