Custom Code

Instalare widget accesibilitate pe HubSpot

Cum adaugi widgetul Wawsome pe HubSpot în câțiva pași simpli — fără programare avansată, fără modificări complexe de cod.

Wawsome pe HubSpot

Pe HubSpot CMS, codul extern se inserează prin modulele de conținut, prin setările site-ului (Site Settings → Custom Code) sau prin HubL direct în template.

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

Creează contul Wawsome

Copiază snippet-ul personalizat din dashboard.

Accesează HubSpot CMS

Loghează-te și mergi la Marketing → Website → Website Pages.

Mergi la Settings → Website → Pages

Din HubSpot Settings, caută secțiunea de Custom Code pentru header/footer.

Adaugă codul în Footer HTML

Inserează snippet-ul Wawsome în câmpul 'Footer HTML' și salvează.

Testează

Deschide o pagină de pe site și verifică că widgetul apare în colțul ecranului.

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

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

Creează cont gratuit →