PrestaShop nu are în back office un câmp pentru cod propriu. Ca să adaugi Wawsome, folosești un modul de cod din PrestaShop Addons sau pui un script scurt în fișierul custom.js al temei. Apoi golești cache-ul.
Înainte să începi
- Un cont Wawsome cu magazinul tău adăugat. Codul îl găsești în dashboard: intri la Websites, alegi site-ul, dai click pe Install Widget, apoi pe Copy code în fereastra Connect Widget.
- Acces în back office și, pentru varianta 2, acces la fișierele temei.
Varianta 1: un modul pentru cod propriu
Mai multe module din PrestaShop Addons te lasă să adaugi cod propriu pe toate paginile, direct din back office. Instalează unul, lipește codul Wawsome în câmpul de head sau footer și salvează. E cea mai simplă cale dacă nu editezi fișierele temei.
Varianta 2: fișierul custom.js al temei
Temele PrestaShop încarcă la finalul fiecărei pagini un fișier numit custom.js. E gol din start și e făcut pentru scripturile tale. Acceptă JavaScript, nu taguri HTML, așa că folosește versiunea asta a codului. Înlocuiește YOUR_API_KEY cu valoarea de după data-api-key= din codul copiat.
(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);
})();
- Deschide fișierul
assets/js/custom.jsal temei. - Lipește codul și salvează fișierul.
Folosește o temă copil (child theme) dacă poți. Un update al temei înlocuiește fișierele temei originale și, odată cu ele, codul tău.
Verifică dacă merge
Mergi la Advanced Parameters > Performance și dă click pe Clear cache. Apoi deschide magazinul într-o fereastră privată și caută butonul Wawsome.
Ce rezolvă widgetul și ce nu
- Clienții își adaptează textul, culorile și navigarea și folosesc instrumente de citire.
- AI-ul adaugă text alternativ pentru imaginile de produs care nu au. Poți edita fiecare descriere.
- Tema, paginile de produs și pașii de checkout contează în continuare. Un scan găsește probleme ca etichete lipsă în formulare, ca să le repari în PrestaShop.
Află mai mult: Fă un scan gratuit · Audit de accesibilitate · Ghidul pentru Magento
Întrebări despre accesibilitatea pe PrestaShop (FAQ)
Are PrestaShop un câmp pentru cod propriu?
Nu, nu în back office. Folosește un modul din PrestaShop Addons sau fișierul custom.js al temei.
Îmi șterge un update al temei widgetul?
Se poate, dacă ai editat tema originală. Pune codul într-o temă copil sau folosește un modul, iar update-urile nu-l mai ating.
De ce nu văd widgetul după ce l-am adăugat?
PrestaShop ține fișierele temei în cache. Golește cache-ul din Advanced Parameters > Performance și reîncarcă magazinul.
Începe cu Wawsome
Fă-ți magazinul mai ușor de folosit pentru toți clienții. Începe perioada de probă gratuită sau programează un demo și îți arătăm cum funcționează Wawsome.
Începe perioada de probă gratuită sau programează un demo (se deschide într-un tab nou).
Alte ghiduri: Adaugă Wawsome pe orice site · Instalare cu Google Tag Manager