Powered by
Tutorial instalare

Instalare widget Wawsome pe Webflow

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

Wawsome pe Webflow

Pe Webflow inserezi codul Wawsome din Project Settings → Custom Code → Footer Code — aplicat automat pe tot site-ul.

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 Webflow — pas cu pas

Creează contul Wawsome

Copiază snippet-ul personalizat.

Deschide Project Settings

Din Webflow Designer, mergi la Project Settings.

Mergi la Custom Code

Selectează tab-ul 'Custom Code'.

Inserează în Footer Code

Lipește snippet-ul în câmpul 'Footer Code' (Before ) și salvează.

Publică și verifică

Publică site-ul și confirmă că widgetul apare pe toate paginile.

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 Webflow?

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

Scanează gratuit →