PrestaShop non ha un campo per il codice personalizzato nel back office. Per aggiungere Wawsome, usa un modulo per il codice da PrestaShop Addons, oppure aggiungi un breve script al file custom.js del tema. Poi svuota la cache.
Prima di iniziare
- Un account Wawsome con il tuo negozio 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.
- Accesso al back office e, per l'opzione 2, ai file del tema.
Opzione 1: un modulo per il codice personalizzato
Diversi moduli di PrestaShop Addons ti fanno aggiungere il tuo codice su ogni pagina direttamente dal back office. Installane uno, incolla il codice Wawsome nel campo head o footer e salva. È la strada più semplice se non modifichi i file del tema.
Opzione 2: il file custom.js del tema
I temi di PrestaShop caricano un file chiamato custom.js alla fine di ogni pagina. È vuoto di base e pensato per i tuoi script. Accetta JavaScript, non tag HTML, quindi usa questa versione del codice. Sostituisci YOUR_API_KEY con il valore dopo data-api-key= nel codice copiato.
(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);
})();
- Apri il file
assets/js/custom.jsdel tema. - Incolla il codice e salva il file.
Usa un tema figlio, se puoi. Un aggiornamento del tema sostituisce i file del tema originale, e il tuo codice con loro.
Controlla che funzioni
Vai su Advanced Parameters > Performance e clicca su Clear cache. Nel back office in italiano i menu hanno un nome un po' diverso, nello stesso punto. Poi apri il negozio in una finestra privata e cerca il pulsante Wawsome.
Cosa risolve il widget e cosa no
- I clienti adattano testo, colori e navigazione, e usano strumenti di lettura.
- L'IA aggiunge il testo alternativo alle immagini dei prodotti che non ce l'hanno. Puoi modificare ogni descrizione.
- Il tema, le pagine prodotto e i passaggi del checkout contano sempre. Una scansione trova problemi come moduli senza etichette, così li correggi in PrestaShop.
Scopri di più: Fai una scansione gratuita · Audit di accessibilità · Guida per Magento
Domande frequenti sull'accessibilità in PrestaShop
PrestaShop ha un campo per il codice personalizzato?
No, non nel back office. Usa un modulo di PrestaShop Addons o il file custom.js del tema.
Un aggiornamento del tema cancella il widget?
Può succedere, se hai modificato il tema originale. Metti il codice in un tema figlio o usa un modulo, e gli aggiornamenti non lo toccano.
Perché non vedo il widget dopo averlo aggiunto?
PrestaShop tiene in cache i file del tema. Svuota la cache in Advanced Parameters > Performance e ricarica il negozio.
Inizia con Wawsome
Rendi il tuo negozio più facile da usare per tutti i clienti. 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