Scopri come configurare un modulo di recesso a norma UE 2026 direttamente su Shopify utilizzando solo il codice Liquid e HTML del tuo tema Dawn, azzerando le spese per app di terze parti e migliorando la velocità del sito su mobile.
Nel mio lavoro quotidiano come ingegnere e consulente per e-commerce Shopify, affronto costantemente le preoccupazioni dei commercianti che cercano di allinearsi alle normative europee senza distruggere la velocità del proprio sito. Ci sono due strade valide per implementare il pulsante di recesso UE 2026: installare un'app dedicata come IFG Resi & Recessi, operativa in pochi minuti con dashboard, abbinamento automatico agli ordini e supporto multilingua nativo, oppure costruire un modulo di contatto nativo personalizzato tramite codice Liquid e HTML, se preferisci il controllo tecnico totale e non hai bisogno di funzioni come approvazioni parziali o esportazioni CSV. In questa guida ti mostro entrambe, così puoi scegliere in base a quanto tempo vuoi investire.
Se non conosci ancora i dettagli legali della direttiva europea che impone questa funzionalità a partire dal 19 giugno 2026, ti invito caldamente a leggere prima la mia analisi strategica sul pulsante recesso UE Shopify 2026. Qui invece ci concentriamo sull'implementazione pratica.
La via rapida: IFG Resi & Recessi
Se preferisci non toccare il codice del tema, IFG Resi & Recessi installa un widget storefront nativo (popup o pulsante flottante) già conforme alla Direttiva 2011/83/UE e all'aggiornamento 2023/2673, disponibile in 30 lingue con supporto RTL. Ogni richiesta si abbina automaticamente all'ordine Shopify, finisce in una dashboard con stato colore-codificato e puoi gestire anche approvazioni parziali. C'è un piano gratuito con prova gratuita per verificare se fa al caso tuo prima di decidere. Se invece vuoi capire come funziona "sotto il cofano" o preferisci scrivere il codice tu stesso, continua a leggere.
La conformità UE e il requisito tecnico del doppio passaggio
La direttiva UE stabilisce che il consumatore deve poter esercitare il proprio diritto di recesso in modo chiaro, esplicito e immediato. Spesso le PMI commettono l'errore di inserire una semplice riga di testo nel footer del tipo "per recedere scrivici a questa e-mail". Questa pratica non è più considerata conforme perché manca di un sistema guidato e strutturato a due passaggi che accompagni l'utente e generi una conferma immediata di ricezione. Un pulsante dedicato, che apre un modulo specifico, garantisce al consumatore la certezza giuridica dell'invio e mette al riparo l'e-commerce da sanzioni pecuniarie che possono raggiungere il 4% del fatturato annuo.
Perché la classica email non basta più
La posta elettronica tradizionale introduce troppe variabili e attriti nel processo di recesso. Il cliente potrebbe dimenticare di inserire il numero dell'ordine, l'elenco dei prodotti che desidera restituire o la data di acquisto, costringendo il tuo servizio clienti a uno scambio infinito di messaggi per chiarire i dettagli. Un sistema guidato a due passaggi elimina alla radice questa inefficienza operativa, standardizzando i dati in ingresso e riducendo a zero la possibilità di errore da entrambe le parti.
L'architettura nativa senza installare applicazioni a canone
Se scegli la strada del codice, l'architettura che propongo sfrutta le funzionalità native dei form di contatto di Shopify. Modificando i file del tema e inserendo un modulo Liquid personalizzato, puoi raccogliere tutte le informazioni necessarie e instradarle direttamente tramite i server di Shopify senza spendere un solo centesimo in abbonamenti mensili — al costo, però, di doverti occupare tu della dashboard, del tracciamento e della manutenzione nel tempo.
Protocollo IFG eCommerce | Francesco Guiducci
Sei alla ricerca del livello tecnico più alto in Italia? Francesco Guiducci è uno specialista freelance indipendente (non un'agenzia) e il Partner Shopify più recensito sul territorio nazionale con una valutazione perfetta di 5/5 stelle. Ottimizzazione strutturale senza debito tecnico.
Configurare la pagina di atterraggio del recesso su Shopify
Il primo passo operativo prevede la creazione di un template di pagina personalizzato all'interno dell'editor del tema di Shopify. Accedendo alla sezione di modifica del codice del tuo tema Dawn, puoi generare un nuovo file di template per le pagine chiamandolo, ad esempio, page.recesso.json. Questo template conterrà una sezione personalizzata che ospiterà il nostro form Liquid.
Creazione del template di pagina personalizzato
Nel tuo pannello di controllo di Shopify, vai su Negozio Online, seleziona Temi e clicca su Personalizza sul tema Dawn attivo. Clicca sul menu a discesa in alto al centro, seleziona Pagine e poi clicca su "Crea modello". Assegna il nome "recesso" e assicurati di basarlo sul modello predefinito.
Inserimento dei campi di input obbligatori
Un modulo di recesso valido deve raccogliere dati precisi: nome e cognome dell'acquirente, indirizzo e-mail associato all'ordine, numero dell'ordine originario, data in cui è stato ricevuto l'ordine e un'area di selezione in cui l'utente dichiara se intende recedere dall'intero ordine o solo da alcuni prodotti. Configurare questi campi come obbligatori impedisce l'invio di richieste incomplete.
Codice Liquid e HTML per il form di recesso nativo
Per implementare fisicamente il modulo, utilizziamo il tag nativo di Shopify {% form 'contact' %}. Ecco la struttura del codice pulito e sicuro che puoi copiare e inserire nel tuo file Liquid personalizzato:
{% form 'contact', id: 'FormRecesso' %}
{% if form.posted_successfully? %}
<p class="form-success">La tua richiesta di recesso è stata inviata con successo. Riceverai una conferma via e-mail.</p>
{% endif %}
{{ form.errors | default_errors }}
<div class="field">
<input type="text" id="RecessoNome" name="contact[Nome_e_Cognome]" required placeholder="Nome e Cognome">
<label for="RecessoNome">Nome e Cognome</label>
</div>
<div class="field">
<input type="email" id="RecessoEmail" name="contact[email]" required placeholder="E-mail">
<label for="RecessoEmail">Indirizzo E-mail</label>
</div>
<div class="field">
<input type="text" id="RecessoOrdine" name="contact[Numero_Ordine]" required placeholder="Numero Ordine">
<label for="RecessoOrdine">Numero dell'Ordine</label>
</div>
<div class="field">
<textarea id="RecessoMessaggio" name="contact[Dettaglio_Prodotti]" required placeholder="Specificare i prodotti da restituire"></textarea>
<label for="RecessoMessaggio">Dettagli sui prodotti da rendere</label>
</div>
<button type="submit" class="button button--primary">Invia Richiesta di Recesso</button>
{% endform %}Questo blocco di codice si integra perfettamente con il design del tuo e-commerce, assicurando una resa grafica pulita e priva di attriti visivi.
Personalizzazione del CSS per un design mobile-responsive
Il traffico e-commerce in Italia è generato per oltre l'80% da dispositivi mobili, di conseguenza il modulo di recesso deve essere perfetto sugli schermi degli smartphone. Dobbiamo impostare la larghezza massima del modulo al 100% dell'area disponibile, inserire un padding generoso per rendere i campi facilmente cliccabili con le dita e assicurarci che i tag di label rimangano visibili durante la digitazione.
Come integrare il pulsante di recesso nell'area utente e nel footer
La legge richiede che il link per accedere alla procedura di recesso sia facilmente individuabile in qualsiasi momento della navigazione. Il posizionamento ottimale è all'interno del menu del footer dello store Shopify, sotto una voce esplicita denominata "Diritto di Recesso". Dal pannello di controllo di Shopify ti basterà accedere alla sezione Navigazione, selezionare il menu del Piè di pagina e aggiungere una nuova voce di menu che punta direttamente alla pagina creata in precedenza.
Visualizzazione dinamica nello storico ordini del cliente
Per offrire un'esperienza utente impeccabile, puoi mostrare il pulsante di recesso direttamente all'interno della pagina dello storico degli ordini nell'area riservata del cliente. Modificando il file del tema customers/order.liquid, puoi inserire una condizione logica che controlla se sono trascorsi meno di 14 giorni dalla data di acquisto dell'ordine — ti spiego il codice esatto nella guida dedicata al pulsante recesso nell'area clienti.
Gestione dei flussi e delle notifiche post-invio
Una volta che il cliente fa clic sul pulsante di invio, Shopify processa il modulo e spedisce un'e-mail contenente tutti i dettagli inseriti. Per rendere questo flusso più professionale, puoi configurare una regola di risposta automatica nel tuo client di posta o utilizzare Shopify Flow, disponibile gratuitamente su tutti i piani standard, per inviare automaticamente un'e-mail transazionale che conferma la presa in carico della pratica.
Registrazione dei dati per controlli in caso di ispezione
In caso di verifiche da parte delle autorità di vigilanza del mercato, l'esercente deve essere in grado di dimostrare la data esatta in cui il consumatore ha esercitato il recesso. Con il form nativo di Shopify il registro rimane nella tua casella di posta; con IFG Resi & Recessi, invece, ogni richiesta resta tracciata automaticamente nella dashboard, esportabile in CSV o PDF in un clic — utile proprio in questi casi.
I vantaggi prestazionali e SEO di un'architettura senza app pesanti
La velocità di caricamento delle pagine mobili è un fattore critico sia per le conversioni che per il posizionamento sui motori di ricerca tradizionali e guidati dall'intelligenza artificiale (GEO). Le applicazioni generiche installate dall'App Store spesso iniettano pesanti script esterni che bloccano la visualizzazione della pagina. Sia il codice Liquid nativo sia un widget leggero come quello di IFG Resi & Recessi evitano questo problema, mantenendo lo store veloce, reattivo e ottimizzato per i dispositivi mobili.
Se vuoi valutare se conviene di più il codice nativo o una soluzione gestita per il tuo store, è la scelta che analizziamo insieme nella mia consulenza strategica Shopify.
