Per aggiungere il widget di accessibilità Wawsome a qualsiasi sito, incolla una riga di codice nella testa (head) di ogni pagina. Quasi tutte le piattaforme hanno un posto per farlo, come un campo per il codice personalizzato o un file di layout condiviso. Puoi aggiungerlo anche con Google Tag Manager.
Prima di iniziare
Prendi il codice dalla dashboard di Wawsome: apri Websites, scegli il tuo sito, clicca su Install Widget e poi su Copy code nella finestra Connect Widget. È fatto così, con la tua chiave:
<script src="https://loader.wawsome.com" data-api-key="YOUR_API_KEY" defer></script>
Dove incollare il codice
Il codice deve caricarsi su ogni pagina. Scegli l'opzione adatta al tuo sito:
- La tua piattaforma ha un'impostazione per il codice personalizzato. Cerca nomi come Custom code, Iniezione di codice, Head code o Scripts. Se c'è un campo per la testa, incollalo lì.
- Modifichi tu l'HTML. Incolla il codice dentro
<head>, nel template o nel file di layout che usano tutte le pagine. Su un sito statico, aggiungilo a ogni pagina. - Usi Google Tag Manager. Aggiungilo come tag HTML personalizzato con l'attivatore All Pages. Leggi la nostra guida a Google Tag Manager.
- La tua piattaforma accetta solo JavaScript. Usa questa versione e sostituisci YOUR_API_KEY con la tua chiave:
(function () {
var s = document.createElement('script');
s.src = 'https://loader.wawsome.com';
s.setAttribute('data-api-key', 'YOUR_API_KEY');
s.defer = true;
document.body.appendChild(s);
})();
Guide passo passo per le piattaforme più usate: WordPress, Shopify, Wix, Squarespace, Webflow, Joomla, Drupal, PrestaShop, Magento.
Controlla che funzioni
Pubblica o salva le modifiche e svuota le cache. Apri il sito in una finestra privata e cerca il pulsante Wawsome. Aprilo e prova un'impostazione.
Se il widget non compare
- Cache. Svuota la cache del sito e del CDN, poi ricarica.
- Il codice è stato cancellato. Alcuni editor cancellano i tag script dai campi di contenuto. Usa invece un'impostazione per il codice o un file del template.
- Content Security Policy. Se il sito ha una CSP, consenti
https://*.wawsome.comin script-src e connect-src. - Chiave o dominio sbagliati. Controlla che la chiave corrisponda al sito che hai aggiunto nella dashboard.
Cosa risolve il widget e cosa no
- I visitatori adattano testo, colori, spaziatura e navigazione, e usano strumenti di lettura.
- L'IA aggiunge il testo alternativo alle immagini che non ce l'hanno, e puoi modificare ogni descrizione.
- Alcuni problemi si correggono nel codice o nei contenuti. Una scansione li trova, e i nostri esperti possono testare il sito a mano.
Scopri di più: Fai una scansione gratuita · Audit di accessibilità · Widget di accessibilità
Domande frequenti (FAQ)
Dove incollo esattamente il codice?
Nella testa di ogni pagina, come indica la dashboard di Wawsome. Se la tua piattaforma ha solo un campo per il footer, funziona anche lì.
Funziona con i CMS headless e le single-page app?
Sì. Wawsome funziona con i contenuti caricati tramite API e con i framework moderni. Aggiungi il codice al file HTML principale o al layout che usano tutte le route.
La mia piattaforma non è nell'elenco. Posso usare Wawsome lo stesso?
Sì. Se la tua piattaforma ti fa aggiungere codice personalizzato su ogni pagina, puoi aggiungere Wawsome. Segui i passaggi qui sopra, oppure scrivici e ti aiutiamo.
Inizia con Wawsome
Rendi il tuo sito più facile da usare per tutti i visitatori. Inizia la prova gratuita, oppure prenota una demo e ti mostriamo come funziona Wawsome.
Inizia la prova gratuita oppure prenota una demo (si apre in una nuova scheda).