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 →