Dev Mode

Instalare widget accesibilitate pe Wix (Velo / Dev Mode)

Cum adaugi widgetul Wawsome pe Wix (Velo / Dev Mode) în câțiva pași simpli — fără programare avansată, fără modificări complexe de cod.

Wawsome pe Wix (Velo / Dev Mode)

Pentru Wix cu Velo (Dev Mode activat), poți insera codul Wawsome programatic prin masterPage.js — metodă avansată față de Custom Code.

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 Wix (Velo / Dev Mode) — pas cu pas

Creează contul Wawsome

Copiază snippet-ul personalizat.

Activează Dev Mode în Wix

Din Wix Editor, activează Dev Mode (Tools → Dev Mode).

Deschide masterPage.js

În panoul de cod, deschide fișierul Site → masterPage.js.

Adaugă codul la $w.onReady

Inserează: import wixWindow from 'wix-window'; $w.onReady(() => { wixWindow.openLightbox; /* sau folosește $w('#html1') */ }); — alternativ, folosește un component HTML embeded.

Metodă simplă alternativă

Settings → Custom Code (fără Velo) este mai simplă și acoperă același rezultat. Recomandăm aceasta pentru utilizatori non-tehnici.

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)

Gata să instalezi Wawsome pe Wix (Velo / Dev Mode)?

Creează un cont gratuit, generează codul personalizat și urmează tutorialul de mai sus. Widget activ în sub 5 minute.

Creează cont gratuit →