Wawsome pe Magento / Adobe Commerce
Pe Magento 2 / Adobe Commerce, widgetul se inserează prin CMS Blocks, layout XML sau prin editarea fișierului default.xml din tema activă.
Widgetul Wawsome adaugă un buton flotant de accesibilitate pe site-ul tău, prin care vizitatorii pot activa: contrast ridicat, mărire text, font pentru dislexie, text-to-speech, cursor mărit și multe altele.
De ce ai nevoie de un widget
Conformitate
Acoperă zeci de criterii WCAG 2.1
Instalare
Sub 5 minute, fără programator
Audiență
~8M persoane cu dizabilități în RO
Legea 232/2022
Obligatoriu pentru sectoare vizate
Beneficiu suplimentar
SEO mai bun, conversii mai mari
Tutorial
Cum instalezi Wawsome pe Magento / Adobe Commerce — pas cu pas
Creează contul Wawsome
Copiază snippet-ul personalizat din dashboard-ul Wawsome.
Accesează Magento Admin
Loghează-te ca administrator în panoul Magento.
Metoda 1: CMS Static Block
Content → Blocks → Add New Block, creează un bloc cu snippet-ul Wawsome și adaugă-l în footer prin Layout XML.
Metoda 2: layout XML
Adaugă un fișier default.xml în tema ta cu referință la un block care conține snippet-ul în <body>.
Golește cache-ul
System → Cache Management → Flush Magento Cache, apoi verifică site-ul.
Ce obții cu widgetul Wawsome
🎨 Ajustări vizuale
- Contrast ridicat și inversare culori
- Mărire text 100–200%
- Font pentru dislexie (OpenDyslexic)
- Mod alb-negru (monocrom)
🖱️ Navigare și interacțiune
- Text-to-Speech (citire cu voce)
- Cursor mărit sau evidențiat
- Dezactivare animații
- Ghid de lectură (linie focus)