Jak zainstalować widżet dostępności w Webflow

(otwiera nową kartę)

Instalacja wtyczki

Krok 1: Rejestracja witryny i uzyskanie tokenu

Jeżeli instalujesz wtyczkę po raz pierwszy, zarejestruj się (otwiera nową kartę) za pomocą Google, Facebooka lub użyj własnego adresu e-mail i hasła. Po założeniu konta przejdź do zakładki "Moje strony", a następnie kliknij przycisk "Dodaj nową" (otwiera nową kartę). W formularzu dodawania nowego strony podaj adresy stron internetowych, na których chcesz zastosować token. Jeśli twoja strona działa na domenie np. example.com i np. www.example.com to konieczne jest dodanie obu adresów. Więcej na ten temat w dokumentacji (otwiera nową kartę). Na koniec kliknij przycisk "Zapisz" i skopiuj wygenerowany token.

Krok 2: Dodawanie widżetu DockWCAG w Webflow

W celu dodania widgetu w Webflow przejdź do listy stron, a następnie z menu kontekstowego przy danej stronie kliknij „Settings”.

 

(otwiera nową kartę)

Następnie przejdź do zakładki „Custom Code”

(otwiera nową kartę)

oraz w polu „Footer Code” wklej poniższy kod:

<script>
    (function (d, s, t) {
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s);
        j.async = true;
        j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js';
        f.parentNode.insertBefore(j, f);
    })(document, 'script', '_TOKEN_');
</script>
Skopiuj tekst

Wklej kod i zastąp _TOKEN_ swoim unikalnym tokenem, który został wygenerowany w poprzednim kroku. 

Więcej na temat konfiguracji widgetu znajdziesz w dokumentacji (otwiera nową kartę).

Krok 3: Podgląd witryny

Po dodaniu skryptu, przetestuj swoją stronę, aby upewnić się, że widżet jest prawidłowo zainstalowany i działa zgodnie z oczekiwaniami. Sprawdź wszystkie funkcje widżetu, aby zweryfikować, że instalacja przebiegła pomyślnie.