Powered by
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 →