Installare il widget LEXABLE su Shopify, Webflow e Wix: guida allo snippet

Hai scelto di rendere il tuo sito più accessibile e ora ti trovi davanti al passaggio più concreto: incollare lo snippet del widget LEXABLE nella piattaforma giusta. La buona notizia è che il widget funziona con una sola riga di JavaScript e non richiede modifiche al tema o al codice delle pagine. La meno buona è che ogni CMS ha un punto diverso in cui inserire quello snippet: sbagliarlo significa un widget che non compare o che si carica a metà.

Questa guida spiega dove mettere il codice su Shopify, Webflow e Wix, come verificare che tutto funzioni e cosa controllare subito dopo l'installazione. Per chi parte da zero, il primo passo resta una verifica dello stato attuale del sito: puoi lanciare uno scan di accessibilità gratuito e capire quali criteri WCAG 2.2 sono già a posto prima ancora di installare il widget.

Cos'è e cosa fa il widget LEXABLE (in breve)

Il widget è un piccolo strumento che l'utente finale trova sul sito e che gli permette di personalizzare l'esperienza di lettura: ad esempio regolare contrasto, dimensione del testo o attivare una modalità più leggibile. Non sostituisce un audit manuale né trasforma magicamente un sito non conforme in un sito conforme: è un supporto concreto all'accessibilità, che va affiancato a correzioni tecniche e a una dichiarazione di accessibilità corretta.

Il suo vantaggio pratico è che si installa con una sola riga di codice e non richiede di toccare i template. Questo lo rende adatto a siti gestiti da team non tecnici, come spesso accade nelle PMI e negli e-commerce.

Installare il widget su Shopify

Dove incollare lo snippet

Su Shopify hai due strade praticabili:

• Tema > Modifica codice > layout/theme.liquid: incolla lo snippet prima della chiusura del tag </body>. È il metodo più stabile e funziona su tutte le pagine.
• App o script personalizzati: se il tuo tema è gestito in modo centralizzato, valuta il posizionamento tramite le impostazioni del tema o un'app dedicata agli script. In questo caso controlla che lo script non venga caricato solo su alcune pagine.

Verifica dopo l'installazione

Apri il sito in incognito (per evitare cache del browser) e controlla che il pulsante del widget compaia. Se non lo vedi, svuota la cache del tema da Shopify oppure usa un tema di test: a volte il problema è solo un salvataggio non propagato.

Installare il widget su Webflow

Il metodo più semplice

Webflow permette di inserire codice personalizzato a livello di progetto:

1. Vai su Project Settings > Custom Code.
2. Nel campo Footer Code incolla lo snippet del widget.
3. Salva e pubblica il sito (Webflow non applica le modifiche al custom code finché non pubblichi).

Così il widget viene caricato su tutte le pagine del sito. Se invece vuoi caricarlo solo su alcune pagine, usa l'embed HTML di pagina, ma ricorda che in quel caso va ripetuto per ogni pagina.

Errore frequente

Il classico "non funziona" su Webflow è quasi sempre un sito non pubblicato dopo la modifica. Prima di rifare tutto, controlla lo stato di pubblicazione.

Installare il widget su Wix

Su Wix lo snippet si inserisce tramite la sezione dedicata agli strumenti per sviluppatori. Il percorso tipico è: Impostazioni > Codice personalizzato, poi aggiungi un nuovo codice, incolla lo snippet, imposta il caricamento su "Tutte le pagine" e salva. Pubblica il sito per rendere effettiva la modifica.

Wix ha anche un editor visuale che può interferire con gli script: se il widget non compare, verifica che il codice sia impostato per essere caricato nel body e non solo nell'head, perché alcuni widget hanno bisogno del DOM già caricato per funzionare.

Cosa controllare dopo l'installazione

• Il pulsante del widget è visibile su desktop e mobile.
• Non copre elementi importanti come il carrello o i pulsanti di contatto.
• La pagina non rallenta in modo evidente: usa PageSpeed Insights per un controllo rapido.
• Il widget compare su tutte le pagine rilevanti (home, prodotto, checkout, contatti).
• Dopo qualche giorno, rilancia uno scan del sito per verificare che non siano emersi nuovi problemi.

Come LEXABLE ti aiuta prima e dopo lo snippet

Il widget è solo un pezzo del lavoro. Con LEXABLE puoi:

• analizzare l'URL del sito e ottenere un report sui criteri WCAG 2.2;
• monitorare nel tempo i problemi ricorrenti;
• generare una base per la dichiarazione di accessibilità, utile nel contesto AGID ed EAA;
• affiancare il widget alle correzioni tecniche, con la consapevolezza che l'audit manuale resta consigliato.

Se gestisci più siti o lavori per clienti, la dashboard ti permette di tenere tutto sotto controllo senza ricontrollare pagina per pagina. Per iniziare con un piano adatto al tuo caso, dai un'occhiata ai prezzi LEXABLE.

Inizia ora

Installare il widget richiede pochi minuti, ma il valore arriva quando lo affianchi a un monitoraggio reale. Crea il tuo account LEXABLE e porta il sito un passo più vicino a un'esperienza accessibile per tutti.