Iubenda logo
Inizia la generazione

Documentazione

Indice dei contenuti

Consent Solution per PrestaShop

Hai generato un sito web con PrestaShop e ora hai bisogno di soddisfare il requisito del consenso del GDPR?

Sei nel posto giusto! In questa guida, spiegheremo il requisito della prova del consenso del GDPR e come aggiungere la Consent Solution di iubenda al tuo sito PrestaShop.

Vai a Come aggiungere la Consent Solution a PrestaShop

In poche parole, sì, hai bisogno della prova del consenso per il tuo sito PrestaShop ed ecco perché:

I registri dei consensi sono specificamente richiesti dal GDPR. Mantenere un registro dei consensi completo e dettagliato, oltre a essere un requisito legale, è anche una parte essenziale della conformità alle leggi sulla privacy. I registri dei consensi sono gestiti da te, il titolare del trattamento Di conseguenza, il GDPR richiede che tu mantenga delle “prove” o registri dei consensi con dei dettagli precisi, che possano dimostrare che il consenso raccolto sia autentico e quindi valido per il GDPR. Il consenso deve essere esplicito, libero e verificabile. Puoi leggere di più riguardo la Consent Solution di iubenda qui.

Questi registri devono includere un modo per identificare l’utente, la prova del consenso, la registrazione dell’azione di consenso e i documenti legali messi a disposizione dell’utente al momento del consenso, tra le altre cose.

Devi registrare le seguenti informazioni:

  • chi ha fornito il consenso;
  • quando e come è stato acquisito il consenso del singolo utente;
  • il modulo di raccolta del consenso presentato all’utente in fase di raccolta;
  • un riferimento ai documenti legali e alle condizioni in vigore nel momento in cui il consenso è stato acquisito.

Puoi leggere di più riguardo i requisiti qui.

La Consent Solution di iubenda memorizza e gestisce la prova del consenso e le preferenze privacy dei tuoi utenti così come richiesto dal GDPR e dalla LGPD. Puoi leggere di più riguardo la Consent Solution di iubenda qui.

Come aggiungere la Consent Solution di iubenda a PrestaShop 1.7

💡Stai usando Prestashop 1.6? Clicca qui →

Questa guida è divisa in due parti. Seleziona e segui uno dei procedimenti illustrati qui sotto.

  1. Come aggiungere la Consent Solution alla pagina Contatti di PrestaShop
  2. Come aggiungere la Consent Solution al modulo della Newsletter di PrestaShop

Pagina Contatti di PrestaShop

Questa guida si basa su PrestaShop 1.7, quindi alcune parti potrebbero essere diverse se stai utilizzando una versione precedente di PrestaShop. Prima di iniziare, ti consigliamo di disabilitare la cache dalle impostazioni di PrestaShop.

Per iniziare, recati nella tua dashboard PrestaShop e fai clic su advance parameters.

Come aggiungere la Consent Solution a PrestaShop

Poi fai clic su Performance.

Come aggiungere la Consent Solution a PrestaShop


In seguito, dal menù a discesa Template Compilation, seleziona > Recompile templates if the files have been updated from.

Come aggiungere la Consent Solution a PrestaShop

Poi sposta il pulsante della cache su No per disabilitarla.

Come aggiungere la Consent Solution a PrestaShop

Scorri fino al fondo della pagina e seleziona l’impostazione “Use Cache”, spostando il pulsante su No. Infine fai clic su Save.

Come aggiungere la Consent Solution a PrestaShop

Ora dobbiamo collegare la pagina Contatti alla Consent Solution di iubenda. Quando parliamo di pagina Contatti, ci riferiamo all’add-on che PrestaShop aggiunge alla home page (di solito si trova nella parte superiore della pagina, ma dipende dal tuo tema).

Ad esempio:

Come aggiungere la Consent Solution a PrestaShop

che riporta a una pagina Contatti come quella qui sotto:

Come aggiungere la Consent Solution a PrestaShop

Da qui, dobbiamo aggiungere manualmente gli ID al tag

e il pulsante Submit. Per farlo, devi seguire le istruzioni seguenti:

1. Dalla cartella del tuo tema apri contactform.tpl

Puoi trovarlo qui: prestashop_folder\themes\YOUR_THEME\modules\contactform\views\templates\widget

(sostituisci YOUR_THEME con il nome del tema che stai utilizzando)

2. Ora, aggiungi l’id=”form_contact” al tag

.

Come aggiungere la Consent Solution a PrestaShop

3. Poi, aggiungi l’id=”submit_button” al pulsante submit.

Come aggiungere la Consent Solution a PrestaShop

4. Il modulo è pronto. Ora dobbiamo aggiungere la funzione Load alla tua Consent Solution dopo il tag di chiusura </form>.

Ricorda che la funzione Load deve essere personalizzata in questo modo:

Puoi trovare la demo qui.

Lo script deve essere aggiunto tra i tag {literal} {/literal}

Dovrai aggiungere la funzione load come descritto qui sotto:

  • L’ID “submit_button” nel submitElement:

submitElement: document.getElementById("submit_button"),

  • l’ID form_contact nell’object del form:

form: {
selector: document.getElementById("form_contact"),

  • nel subject, dobbiamo aggiungere il nome dell’attributo del campo email del modulo. In questo caso, “from”:

subject: {

email: "from"

Come trovarlo? Vai nella tua pagina Contatti, clicca nel campo email e fai clic con il tasto destro del mouse. Poi fai clic su Analizza.

Si aprirà una finestra con il codice HTML, che ti mostrerà il nome dell’attributo:

Come aggiungere la Consent Solution a PrestaShop

Lo script Load finale sarà come quello qui sotto:

{literal}
<script type="text/javascript">
_iub.cons_instructions.push(["load",{
submitElement: document.getElementById("submit_button"),
form: {
selector: document.getElementById("form_contact"),
map: {
subject: {
email: "from"
}
}
},
consent: {
legal_notices: [
{
identifier: 'privacy_policy',
},
{
identifier: 'cookie_policy',
},
{
identifier: 'terms',
}
],
}}]);
</script>
{/literal}

Infine, dovrai incollarlo dopo il tag di chiusura </form>:

Come aggiungere la Consent Solution a PrestaShop

Adesso dobbiamo aggiungere la funzione INIT all’ del sito web.

Senza modificare il template del tuo tema, ti consigliamo di usare un modulo che ti permetta di aggiungere uno script al tag head. Consigliamo HTML box, o qualcosa di simile.

Dopo aver installato l’HTML box o qualsiasi altro modulo a tua scelta, puoi copiare la funzione INIT dalla tua dashboard iubenda → Consent Solution → Integra

Prima di copiare la funzione INIT, HTML BOX suggerisce di disabilitare la libreria HTML Purifier. Puoi trovarla in Shop Parameters → General.

Come aggiungere la Consent Solution a PrestaShop


Copia la funzione INIT nel modulo HTML BOX. Fai clic su Module Manager.

Come aggiungere la Consent Solution a PrestaShop


Cerca “html box” nella barra di ricerca.

Come aggiungere la Consent Solution a PrestaShop

Fai clic sul pulsante Configure.

Come aggiungere la Consent Solution a PrestaShop


In seguito, incolla la funzione INIT nella casello di testo, salva ed è fatta!

Come aggiungere la Consent Solution a PrestaShop

Modulo della newsletter di PrestaShop

Questa guida spiega come installare la Consent Solution nel modulo della newsletter creato utilizzando il modulo di default ps_emailsubscription.

Se il modulo ps_emailsubscription è attivo, PrestaShop crea un modulo d’iscrizione alla newsletter e lo inserisce nel footer del tuo sito.

Ecco un esempio:

Come aggiungere la Consent Solution a PrestaShop

Ora dobbiamo aggiungere un ID e un pulsante d’invio al modulo. Per farlo, dovrai aprire il file ps_emailsubscription.tpl e modificarlo.

Puoi trovarlo in: folder themes/YOUR_THEME/modules/ps_emailsubscription/views/templates/hook/

(sostituisci YOUR_THEME con il nome del tema che stai utilizzando)

In seguito, aggiungi l’id=”newsletter_subscription” al tag

.

Come aggiungere la Consent Solution a PrestaShop

Poi aggiungi l’id=”submit_button” al pulsante submit.

Come aggiungere la Consent Solution a PrestaShop

Il modulo è pronto. Ora dobbiamo aggiungere la funzione Submit alla tua Consent Solution dopo il tag di chiusura </form>.

Ricorda che la funzione Submit deve essere personalizzata in questo modo:

PrestaShop richiede che tu inserisca lo script tra i tag {literal} {/literal}.

  1. L’ID “submit_button” qui:
    document.getElementById("submit_button").onclick=function (e) {
  2. l’ID newsletter_subscription nell’object del form:
    form: {
    selector: document.getElementById("newsletter_subscription"),
  3. nel subject, dobbiamo aggiungere il nome dell’attributo del campo email del modulo. In questo caso, “email”:
    subject: {
    email: "email"

Come trovarlo? Vai nella tua pagina Contatti, clicca nel campo email e fai clic con il tasto destro del mouse. Poi fai clic su Analizza.

Si aprirà una finestra con il codice HTML, che ti mostrerà il nome dell’attributo:

Come aggiungere la Consent Solution a PrestaShop

Lo script finale sarà questo:

{literal}
<script type="text/javascript">
document.getElementById("submit_button").onclick=function (e) {
_iub.cons_instructions(["submit",{
form: {
selector: document.getElementById("newsletter_subscription"),
map: {
subject: {
email: "email"
}
}
},
consent: {
legal_notices: [
{
identifier: 'privacy_policy',
},
{
identifier: 'cookie_policy',
},
{
identifier: 'terms',
}
],

}}])
};
</script>
{/literal}

Dovrai incollarlo dopo il tag di chiusura </form>:

Come aggiungere la Consent Solution a PrestaShop

Adesso dobbiamo aggiungere la funzione INIT all’ del sito web.

Senza modificare il template del tuo tema, ti consigliamo di usare un modulo che ti permetta di aggiungere uno script al tag head. Consigliamo HTML box, o qualcosa di simile.

Dopo aver installato l’HTML box o qualsiasi altro modulo a tua scelta, puoi copiare la funzione INIT dalla tua dashboard iubenda → Consent Solution → Integra

Prima di copiare la funzione INIT, HTML BOX suggerisce di disabilitare la libreria HTML Purifier. Puoi trovarla in Shop Parameters → General.

Come aggiungere la Consent Solution a PrestaShop


Copia la funzione INIT nel modulo HTML BOX. Fai clic su Module Manager.

Come aggiungere la Consent Solution a PrestaShop


Cerca “html box” nella barra di ricerca.

Come aggiungere la Consent Solution a PrestaShop

Fai clic sul pulsante Configure.

Come aggiungere la Consent Solution a PrestaShop


In seguito, incolla la funzione INIT nella casello di testo, salva ed è fatta!

Come aggiungere la Consent Solution a PrestaShop

PrestaShop 1.6 con la Consent Solution di iubenda

Puoi installare la Consent Solution di iubenda alla pagina Contatti della versione 1.6 di PrestaShop

Comincia col modificare (nella cartella principale del tema) il file contact-form.tpl. Qui puoi incollare la funzione Load (prima del tag di chiusura) e il file header.tpl, dove dovrai incollare la funzione INIT.

Nel seguente codice:
“submitMessage” è l’ID del pulsante submit
“contact-form” è l’ID del modulo

Puoi salvare il consenso lanciando _iub.cons.sendData() e utilizzando un evento Onlick di JavaScript.

Nella funzione Load, dovrai mappare i campi del modulo. In questo caso, solo l’email, dove il nome dell’attributo è “from”.

La funzione Load viene modificata, dal momento che eliminiamo il “submitElement” e utilizziamo il primo evento Onclick di JavaScript per inviare il consenso mappato dalla funzione Load.

{literal}




{/literal}

La funzione INIT deve essere incollata nel file header.tpl:
Nota la presenza di sendFromLocalStorageAtLoad: false


{literal}

{/literal}