Iubenda logo
Inizia la generazione

Documentazione

Indice dei contenuti

Come aggiungere la Consent Solution a Shopify

Hai generato un sito web con Shopify 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 Shopify.

→ Vai a Come aggiungere la Consent Solution a Shopify

In poche parole, sì, hai bisogno della prova del consenso per il tuo sito Shopify 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

Ecco una breve panoramica di tutti i passaggi richiesti per integrare la Consent Solution di iubenda su un modulo Shopify:

  • Creare un modulo di contatto;
  • Aggiungere un codice JavaScript al tag
  • Personalizzare le funzioni “Load” o “Submit” di JavaScript e aggiungerle dopo il tag

Per iniziare, dirigiti nella tua dashboard iubenda, e clicca su [Il tuo sito] > Consent Solution > Integra.

Poi copia il codice della tua Consent Solution cliccando su COPIA.

Ora dobbiamo creare un modulo di contatto. Per farlo, recati nella tua dashboard Shopify, clicca su Online Store nel menù a sinistra e seleziona Pages. Poi clicca sul pulsante Add page.

Come aggiungere la Consent Solution a Shopify

Rinomina la tua pagina “Contatti”.

Come aggiungere la Consent Solution a Shopify

Scegli “contact” dal menù a discesa Theme template, sulla destra, e clicca su Save. Questo procedimento è spiegato anche qui.

Come aggiungere la Consent Solution a Shopify

Adesso devi creare un nuovo codice nella cartella Snippets e rinominarlo init_cons_script.liquid. Per farlo:

  1. Accedi al pannello admin del tuo negozio Shopify e vai a Online Store>Themes. Da lì, clicca su Actions sulla destra, e poi su Edit Code.
Come aggiungere la Consent Solution a Shopify

2. Crea un nuovo codice nella cartella Snippets scorrendo fino a “edit code for Dawn” nel menù sulla sinistra. Nella sezione chiamata Snippets, seleziona Add a new snippet.

Come aggiungere la Consent Solution a Shopify

3. Rinomina il nuovo codice “init_cons_script.liquid” e seleziona Create snippet.

Come aggiungere la Consent Solution a Shopify

4. Poi incolla il tuo codice della Consent Solution, copiato dalla dashboard di iubenda, e clicca su Save.

5. Ora apri il layout theme.liquid (all’interno della cartella Layout) e aggiungi {% include 'init_cons_script' %} tra {{ content_for_header }} e il tag di chiusura </head>.

Come aggiungere la Consent Solution a Shopify

Nota bene (per il punto 6): se stai usando il tema OS2, page.contact.liquid potrebbe non esistere.

In questo caso, avrai un file chiamato page.contact.json, che contiene uno schema JSON, come quello dell’immagine qui sotto.
Qui vedi “sections” all’inizio del codice.

Come aggiungere la Consent Solution a Shopify

Ora, scorri in basso nel menù a sinistra fino a trovare la cartella “Sections” e qui troverai contact-form.liquid. . Puoi continuare con il passaggio n.6.

Come aggiungere la Consent Solution a Shopify

6. In seguito, dobbiamo aggiungere un attributo id al pulsante submit. Apri page.contact.liquid (all’interno della cartella Templates).

Come aggiungere la Consent Solution a Shopify

7. Ora aggiungi id=“submit_button_contact” dopo <input type=“ submit”

Come aggiungere la Consent Solution a Shopify

Clicca su Salva in alto a destra.

Attenzione: il passaggio seguente è solo un esempio. Per la procedura di personalizzazione dettagliata, consulta il nostro metodo d’installazione JavaScript.

Checkbox

Se vuoi aggiungere una checkbox per accettare privacy policy e termini e condizioni, come nell’immagine dell’esempio, segui queste istruzioni.

Come aggiungere la Consent Solution a Shopify

Per una checkbox semplice, copia questo codice HTML.

<input type="checkbox" id="privacy_consent" name="privacy_consent_checkbox">
<label for="privacy_consent"> Accetto la Privacy Policy e i Termini e Condizioni</label><br>

E aggiungi page.contact.liquid prima del pulsante submit che abbiamo aggiunto in precedenza.

Come aggiungere la Consent Solution a Shopify

Ora vai nella cartella Snippet e crea un nuovo codice per la funzione Load, rinominandolo load_cons_script.liquid.

Come aggiungere la Consent Solution a Shopify

In seguito, incolla la funzione load:

<script type="text/javascript">_iub.cons_instructions.push(["load",{
submitElement: document.getElementById("submit_button_contact"),
form: {
selector: document.getElementById("ContactForm"),
map: {
subject: {
first_name: "contact[name]",
email: "contact[email]"
},
preferences: {
privacy_acceptance: "privacy_consent_checkbox",}
}
},
consent: {
legal_notices: [
{
identifier: 'privacy_policy',
},
{
identifier: 'cookie_policy',
},
{
identifier: 'terms',
}
],
}
}]);
</script>

Senza checkbox

Per un modulo senza checkbox (“Cliccando invia, accetto la privacy policy e i termini e condizioni”), segui le istruzioni riportate di seguito.

Come aggiungere la Consent Solution a Shopify

Se vuoi aggiungere un paragrafo per accettare privacy policy e termini e condizioni, copia il codice HTML qui sotto.

<p>Cliccando su Invia, accetto i <a href="linkTerms">Termini e Condizioni</a> e la <a href="link_pp">Privacy Policy</a></p>

Puoi aggiungerlo al page.contact.liquid prima del pulsante submit, come mostrato di seguito.

Come aggiungere la Consent Solution a Shopify


Ora vai nella cartella Snippet e crea un nuovo codice per la funzione Load, rinominandolo load_cons_script.liquid.

Come aggiungere la Consent Solution a Shopify

In seguito, incolla la funzione Submit :

<script type="text/javascript">
document.getElementById("submit_button_contact").onclick=function(e){
e.preventDefault();  
_iub.cons_instructions.push(["submit ",{   
form: {
selector: document.getElementById("ContactForm"),
map: {  
subject: {  
first_name: "contact[name]",
email: "contact[email]"
},  
}
},
consent: {
preferences: {
privacy_acceptance: true,  
},
legal_notices: [
{
identifier: 'privacy_policy',
},  
{
identifier: 'cookie_policy',
}],}},
{success:function(response){console.log(response);
document.getElementById("ContactForm").submit()},}])}
</script>

Ora aggiungi la funzione Load/Submit di JavaScript prima del tag di chiusura < /form> all’interni di Theme.Liquid. Aggiungi il seguente codice HTML {% include 'cons_load_script' %} prima del tag di chiusura </body>.

Come aggiungere la Consent Solution a Shopify

Clicca su Salva e controlla la Consent Solution i iubenda sul tuo sito Shopify!

Vedi anche