Przewodnik integracji widżetów

Szybko i łatwo

Jak zainstalować
Widżet Accessibi

Widżet Accessibi pomaga poprawić dostępność witryny. Ten przewodnik zawiera szczegółowe instrukcje dotyczące integracji widżetu na różnych platformach: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React i Laravel.

Opcja 1: Ręczne wstawianie do motywu

  1. Otwórz plik HTML swojej witryny

    • Użyj edytora tekstu lub IDE do edycji pliku HTML.

  2. Dodaj kod widżetu

    • Wklej następujący skrypt przed tagiem </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Zapisz plik i przeładuj stronę, aby sprawdzić, czy widżet działa.

Opcja 2: Korzystanie z Elementora

    1. Przejdź do Elementor > Kod niestandardowy

      • Kliknij Dodaj kod niestandardowy.

    2. Wprowadź kod

      • Wklej następujący skrypt:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisywanie i publikowanie
    • Opublikuj kod i sprawdź, czy widżet jest widoczny.

  1. Dostęp do panelu administracyjnego

    • Przejdź do Sklep internetowy > Motywy > Działania > Edytuj kod.

  2. Edytuj plik motywu

    • Otwórz plik theme.liquid.

    • Wklej kod przed </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Sprawdź, czy widżet działa poprawnie.

  1. Zaloguj się na swoje konto Wix

    • Przejdź do edytora witryny.

  2. Dodaj kod widżetu

    • Przejdź do Ustawienia > Zaawansowane > Kod niestandardowy.

    • Wklej kod do pliku Głowa:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisywanie i publikowanie
    • Sprawdź, czy widżet jest aktywny.

  1. Dostęp do panelu administracyjnego

    • Przejdź do Ustawienia > SEO.

  2. Wprowadź kod widżetu

    • W sekcji Kod stopkipasta:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Sprawdź, czy widżet jest widoczny.

  1. Dostęp do panelu sterowania

    • Przejdź do Rozszerzenia > Szablony > Szablony.

  2. Edytuj plik szablonu

    • Wybierz używany szablon i edytuj plik index.php.

    • Wklej kod widżetu przed tagiem </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Zapisz zmiany i sprawdź, czy widżet jest widoczny.

  1. Dostęp do panelu administracyjnego

    • Przejdź do Struktura > Bloki.

  2. Utwórz nowy niestandardowy blok

    • Wklej kod widżetu do pola HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Przypisywanie bloku

    • Umieść blok w stopce.

  2. Zapisz i zweryfikuj

    • Sprawdź działanie widżetu.

  1. Dostęp do panelu administracyjnego

    • Przejdź do Zawartość > Projekt > Konfiguracja.

  2. Zmiana układu

    • Wybierz używany motyw i kliknij Edytuj.

  3. Wprowadź kod widżetu

    • Wklej następujący kod do pliku Stopka HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Zapisz zmiany i sprawdź działanie widżetu.

  1. Otwórz plik HTML swojej witryny

    • Użyj edytora tekstu lub IDE do edycji pliku HTML.

  2. Dodaj kod widżetu

    • Wklej następujący skrypt przed tagiem </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Zapisz i zweryfikuj
    • Zapisz plik i przeładuj stronę, aby sprawdzić, czy widżet działa.

Poproś o bezpłatną konsultację

Wypełnij formularz, aby otrzymać spersonalizowaną konsultację i dowiedzieć się, w jaki sposób możemy pomóc Ci uczynić Twoją stronę internetową dostępną i zgodną z przepisami. Nasz zespół ekspertów jest gotowy poprowadzić Cię krok po kroku, oferując rozwiązania dostosowane do Twoich potrzeb