Widget integrációs útmutató

Gyors és egyszerű

Hogyan kell telepíteni a
Accessibi widget

Az Accessibi widget segít javítani a weboldal hozzáférhetőségét. Ez az útmutató részletes utasításokat tartalmaz a widget integrálásához különböző platformokon: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React és Laravel.

1. lehetőség: Kézi beillesztés a témába

  1. Nyissa meg a webhely HTML fájlját

    • Használjon szövegszerkesztőt vagy IDE-t a HTML-fájl szerkesztéséhez.

  2. Widget kód hozzáadása

    • Illessze be a következő szkriptet a címke előtt </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Mentse a fájlt, és töltse be újra az oldalt, hogy ellenőrizze, hogy a widget működik-e.

2. lehetőség: Elementor használata

    1. Menj az Elementor > Egyéni kód

      • Kattintson a Egyéni kód hozzáadása.

    2. Írja be a kódot

      • Illessze be a következő szkriptet:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és közzététel
    • Tegye közzé a kódot, és ellenőrizze, hogy a widget látható-e.

  1. Hozzáférés az adminisztrációs panelhez

    • Menjen a Online áruház > Témák > Műveletek > Kód szerkesztése.

  2. A téma fájl szerkesztése

    • Nyissa meg a fájlt theme.liquid.

    • Illessze be a kódot a </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Ellenőrizze, hogy a widget megfelelően működik-e.

  1. Jelentkezzen be a Wix fiókjába

    • Menj a webhelyed szerkesztőjéhez.

  2. Widget kód hozzáadása

    • Menjen a Beállítások > Speciális > Egyéni kód.

    • Illessze be a kódot a Fej:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és közzététel
    • Ellenőrizze, hogy a widget aktív-e.

  1. Hozzáférés az adminisztrációs panelhez

    • Menjen a Beállítások > SEO.

  2. Adja meg a widget kódját

    • A szakaszban Lábléc kódpaszta:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Ellenőrizze, hogy a widget látható-e.

  1. Hozzáférés a vezérlőpulthoz

    • Menjen a Bővítmények > Sablonok > Sablonok.

  2. A sablonfájl szerkesztése

    • Válassza ki a használt sablont és szerkessze a fájlt index.php.

    • Illessze be a widget kódját a tag előtt </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Mentse a módosításokat, és ellenőrizze, hogy a widget látható-e.

  1. Hozzáférés az adminisztrációs panelhez

    • Menjen a Szerkezet > Blokkok.

  2. Új testreszabott blokk létrehozása

    • Illessze be a widget kódját a HTML mezőbe:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Hozzárendelés blokk

    • Helyezze a blokkot a láblécbe.

  2. Mentés és ellenőrzés

    • Ellenőrizze a widget működését.

  1. Hozzáférés az adminisztrációs panelhez

    • Menjen a Tartalom > Tervezés > Konfiguráció.

  2. Az elrendezés módosítása

    • Válassza ki a használt témát, és kattintson a Szerkesztés.

  3. Adja meg a widget kódját

    • Illessze be a következő kódot a HTML lábléc:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Mentse a módosításokat, és ellenőrizze a widget működését.

  1. Nyissa meg a webhely HTML fájlját

    • Használjon szövegszerkesztőt vagy IDE-t a HTML-fájl szerkesztéséhez.

  2. Widget kód hozzáadása

    • Illessze be a következő szkriptet a címke előtt </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Mentés és ellenőrzés
    • Mentse a fájlt, és töltse be újra az oldalt, hogy ellenőrizze, működik-e a widget.

Kérjen ingyenes konzultációt

Töltse ki az űrlapot, hogy személyre szabott konzultációt kapjon, és megtudja, hogyan segíthetünk Önnek abban, hogy honlapja hozzáférhetővé és a szabályoknak megfelelővé váljon. Szakértői csapatunk készen áll arra, hogy lépésről lépésre vezesse Önt, és az Ön igényeihez igazított megoldásokat kínáljon.