Tutorial instalare

Instalare widget Wawsome pe VTEX

Tutorial complet pas cu pas pentru instalarea widgetului de accesibilitate Wawsome pe VTEX fără cunoștințe tehnice avansate.

Wawsome pe VTEX

Pe VTEX inserezi widgetul prin Layout Admin (CMS classic) sau prin VTEX IO Store Theme (JSON config).

Widgetul Wawsome adaugă un buton flotant ♿ pe site-ul tău prin care vizitatorii activează: contrast ridicat, mărire text, font dislexie, text-to-speech, cursor mărit și alte opțiuni de accesibilitate.

De ce ai nevoie de widget

Conformitate WCAG
Acoperă zeci de criterii AA automat
Instalare
Sub 5 minute, fără programator
Legea 232/2022
Obligatoriu pentru sectoarele vizate
~2M persoane
cu dizabilități în România
Beneficiu suplimentar
SEO mai bun, audiență mai mare
Tutorial

Cum instalezi Wawsome pe VTEX pas cu pas

Creează contul Wawsome

Copiază snippet-ul personalizat.

Accesează VTEX Admin

Loghează-te în admin.myvtex.com.

CMS → Layout Metoda clasică

Adaugă un element Custom HTML în zona de footer a layout-ului.

VTEX IO store-theme

Editează store/blocks/footer.jsonc și adaugă un block rich-text cu snippet-ul.

Publică și verifică

Salvează și publică schimbările. Verifică pe toate tipurile de pagini.

Cum obții cheia API? Creează un cont gratuit pe wawsome.com/ro, accesează dashboard-ul și copiază codul de snippet personalizat cu cheia ta API. Înlocuiește CHEIA_TA cu cheia din dashboard.

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
  • Tastatură completă fără mouse

Gata să instalezi Wawsome pe VTEX?

Creează cont gratuit, generează codul și urmează tutorialul. Widget activ în sub 5 minute.

Scanează gratuit →