Drupal non ha un campo integrato per aggiungere codice a tutto il sito. Per aggiungere Wawsome, usa il modulo Asset Injector oppure chiedi al tuo sviluppatore di aggiungere il codice al tema. Poi svuota tutte le cache.
Prima di iniziare
- Un account Wawsome con il tuo sito aggiunto. Trovi il codice nella dashboard: apri Websites, scegli il tuo sito, clicca su Install Widget e poi su Copy code nella finestra Connect Widget.
- Permessi da amministratore per installare moduli, oppure uno sviluppatore che può modificare il tema.
Opzione 1: il modulo Asset Injector (senza toccare il codice)
Asset Injector accetta JavaScript, non tag HTML. Quindi incolli una versione breve in JavaScript del codice Wawsome. Ti serve solo la chiave API: è il valore dopo data-api-key= nel codice copiato.
Citiamo i menu come appaiono nell'amministrazione in inglese. In italiano hanno nomi un po' diversi, ma sono nello stesso punto.
- Installa e attiva il modulo Asset Injector.
- Vai su Configuration > Development > Asset Injector > JS Injector e aggiungi un nuovo injector.
- Dagli un titolo, come «Widget Wawsome».
- Incolla questo codice 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);
})();
Lascia vuote le condizioni, così si carica su ogni pagina, e clicca su Save.
Opzione 2: aggiungere il codice al tema
Il tuo sviluppatore può aggiungere il codice Wawsome al tema, per esempio nel template html.html.twig, dentro la testa, oppure come script esterno nel file libraries del tema. Così il codice resta nei file del tema, sotto controllo di versione.
Controlla che funzioni
Vai su Configuration > Development > Performance e clicca su Clear all caches. Poi apri il sito in una finestra privata e cerca il pulsante Wawsome.
Non incollare il codice in un campo di contenuto. I formati di testo di Drupal cancellano i tag script, e il codice non si carica.
Cosa risolve il widget e cosa no
- I visitatori adattano testo, colori e navigazione alle loro esigenze.
- L'IA aggiunge il testo alternativo alle immagini che non ce l'hanno. Puoi modificare ogni descrizione.
- Il tema e i contenuti hanno sempre bisogno di cura. Una scansione trova problemi come etichette mancanti o poco contrasto su ogni pagina.
Scopri di più: Fai una scansione gratuita · Audit di accessibilità
Domande frequenti sull'accessibilità in Drupal
Posso aggiungere il codice senza uno sviluppatore?
Sì, con il modulo Asset Injector e la versione JavaScript qui sopra. Ti servono i permessi da amministratore per installare il modulo.
Perché il widget non compare?
Prima svuota tutte le cache. Se ancora non compare, controlla che la chiave API sia giusta e che l'injector non abbia condizioni che lo nascondono.
Drupal non è già accessibile?
Il core di Drupal punta a WCAG 2.2 AA, e i temi predefiniti, Olivero e Claro, sono pensati per l'accessibilità. Il tuo tema, i moduli e i contenuti possono comunque creare problemi. Il widget aiuta i visitatori ad adattare la pagina, e una scansione ti mostra cosa resta da correggere.
Inizia con Wawsome
Rendi il tuo sito Drupal 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).
Altre guide: Aggiungi Wawsome a qualsiasi sito · Installare con Google Tag Manager