Form di contatto conforme alla GDPR

[Selmo]

Ciao a tutti, 

vorrei aggiungere un form di contatto nella sezione "Contatti" del mio sito. 

Purtroppo quello proposto da Shopify non permette di avere un flag prima dell'invio della richiesta di informazioni necessario per registrare l'accettazione della Privacy Policy e all'uso dei dati (obbligatorio per GDPR). Avete trovato una soluzione a questo problema? Usate un'app che permette di compilare il form e di registrane il consenso?

Garzie

[Fran_1]

Ciao @Selmo,

In realtà è possibile aggiungere una casella di controllo al modulo di creazione dell’account cliente in modo da consentire ai clienti di indicare se desiderano ricevere newsletter, e-mail promozionali o altro materiale di marketing dal tuo negozio.

Puoi anche consentire ai tuoi clienti di acconsentire alle e-mail promozionali dalla pagina di checkout.

Puoi trovare le istruzioni dettagliate necessarie su questa pagina.

• Dal tuo pannello di controllo Shopify, vai su Negozio online > Temi.

• Trova il tema che desideri modificare, quindi clicca su Azioni > Modifica codice.

• Nella sezione Modelli, clicca su customers/register.liquid.

Trova il codice che contiene il campo del modulo password.
Il codice sarà simile al seguente:

<label for="CreatePassword" class="label--hidden">{{ 'customer.register.password' | t }}
</label>
<input type="password" name="customer[password]" id="CreatePassword" class="input-full 
{% if form.errors contains 'password' %} 
input--error{% endif %}" placeholder="{{ 'customer.register.password' | t }}">

Appena sotto il codice che contiene il campo password, aggiungi il seguente codice:

<div>
<input type="hidden" name="customer[accepts_marketing]" value="" />
<input type="checkbox" name="customer[accepts_marketing]" checked="checked" />
Subscribe to stay updated with new products and offers!
</div>

Aggiungi questo codice  prima del tag Liquid

{% endform %}

.

• Clicca su Salva.

È possibile visualizzare il form di registrazione account cliente visitando il seguente URL: http://your-shop-url/account/register.

Ti ricordo infine che, se utilizzi un tema gratuito di Shopify , potrai contattare il team di supporto di Shopify per assistenza con questo tutorial.

Per saperne di più al riguardo, vedi come ottenere Supporto per i temi.

Spero che queste indicazioni ti siano di aiuto, buon lavoro!

[bogodo]

Buongiorno, 

Vorrei inserire in fase di check out e nel form contatti la checkbox obbligatoria per il consenso al trattamento dei dati personali, quando inserisco i codici ed aggiorno il form non appare la check box, cosa devo fare? Mi potreste aiutare con un video tutorial?

Grazie

[luigiferrara91]

Buongiorno, avrei necessità di inserire una checkbox per la privacy sul Tema Debut, sia nel carrello che per la creazione di un account cliente. Come fare? Sono riuscito ad inserirlo solo nella pagina 

page.contact.liquid

usando questo codice:

div class="privacy">
<input type="hidden" name="customer[accepts_privacy]" value="" />
<input type="checkbox" name="customer[accepts_privacy]" required /> Dichiaro di aver letto e compreso l'<a href="/policies/privacy-policy">informativa sulla privacy</a> ed autorizzo il trattamento dei dati personali in base al Regolamento UE 679/2016.
</div>

Dovrei inserirlo anche nelle pagine:

customers/register.liquid cart-template.liquid

ho provato ad inserire lo stesso, ma non funziona. Fa registrare anche se non flaggo la checkbox.

Qualcuno potrebbe aiutarmi?

Grazie.

[MauroP]

Ciao, sei riuscito a trovare la soluzione per implementarlo nel checkout? Io non trovo nulla a riguardo...se hai risolto in qualche modo per favore aiutamiii

grazie

MauroP

[Petpwr]

Ciao Mario, 

io ho risolto in questo modo: 

Tema Dawn 

• Dal tuo pannello di controllo Shopify, vai su  Azioni > Modifica codice.

• Nella sezione Section, clicca su main-cart footer.liquid

Trova il codice che contiene il tasto del checkout
Il codice sarà simile al seguente: 

{%- else -%}

<div class="cart__ctas" {{ block.shopify_attributes }}>
<noscript>

<button type="submit" class="cart__update-button button button--secondary" form="cart">
{{ 'sections.cart.update' | t }}
</button>
</noscript>

<button type="submit" id="checkout" class="cart__checkout-button button" name="checkout"{% if cart == empty %} disabled{% endif %} form="cart">
{{ 'sections.cart.checkout' | t }}
</button>
</div>

sopra questa linea incolla 

<!-- start code checkbox-->
<small class="tax-note caption-large rte">
<p style="float: none; text-align: right; clear: both; margin: 10px 0;">
<input style="float:none; vertical-align: middle;" type="checkbox" id="agree" />
<label style="display:inline; float:none;" for="agree">
Ho letto e accetto<a href="/pages/terms-and-conditions"> Termini e condizioni </a>.
</label>
</p>
</small>
<!-- end code checkbox-->

Sotto questa linea DISABILITA il codice 

{%- if additional_checkout_buttons -%}
<div class="cart__dynamic-checkout-buttons additional-checkout-buttons">
{{ content_for_additional_checkout_buttons }}
</div>

sostituendolo con:  <!--{%- if additional_checkout_buttons -%}
<div class="cart__dynamic-checkout-buttons additional-checkout-buttons">
{{ content_for_additional_checkout_buttons }}
</div>
{%- endif -%}
{%- endcase -%}
{% endfor %} -->

(praticamente il tasto per il pagamento PayPal veloce) 

• Nella sezione Assets, clicca su cart.js

Alla fine del foglio (dopo

customElements.define('cart-items', CartItems); )

incolla il seguente codice:

<!-- start code checkbox-->

$(document).ready(function() {
$('body').on('click', '[name="checkout"], [name="gotopp"], [name="goto_gc"] [name="button"]', function() {
if ($('#agree').is(':checked')) {
$(this).submit();
}
else {
alert("Prima di effettuare l'acquisto ti chiediamo di accettare Termini e condizioni della vendita");
return false;
}
});
});

<!-- end code checkbox-->

• Nella sezione Assets, clicca su theme-editor.js
• ceca il codice che inizia con  </head> e SOPRA questa linea incolla il codice

<!-- start code checkbox-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- end code checkbox-->

Spero sia tutto chiaro.

A presto!