Guide för integration av widgetar

Snabbt och enkelt

Så här installerar du
Accessibi widget

Widgeten Accessibi hjälper till att förbättra tillgängligheten på din webbplats. Den här guiden innehåller detaljerade instruktioner för att integrera widgeten på olika plattformar: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React och Laravel.

Alternativ 1: Manuell infogning i temat

  1. Öppna HTML-filen för din webbplats

    • Använd en textredigerare eller IDE för att redigera HTML-filen.

  2. Lägg till widgetkod

    • Klistra in följande skript före taggen . :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Spara filen och ladda om sidan för att kontrollera att widgeten fungerar

Alternativ 2: Använda Elementor

    1. Gå till Elementor > Anpassad kod

      • Klicka på Lägg till anpassad kod.

    2. Ange koden

      • Klistra in följande skript:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och publicera
    • Publicera koden och kontrollera att widgeten är synlig.

  1. Gå till administrationspanelen

    • Gå till Online Store > Teman > Åtgärder > Redigera kod.

  2. Redigera temafilen

    • Öppna filen tema.vätska.

    • Klistra in koden före .:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Kontrollera att widgeten fungerar korrekt.

  1. Logga in på ditt Wix-konto

    • Gå till webbplatsens redigerare.

  2. Lägg till widgetkod

    • Gå till Inställningar > Avancerat > Anpassad kod.

    • Klistra in koden i Huvud:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och publicera
    • Kontrollera att widgeten är aktiv.

  1. Gå till administrationspanelen

    • Gå till Inställningar > SEO.

  2. Ange widgetkoden

    • I avsnittet Kod för sidfotpasta:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Kontrollera att widgeten är synlig.

  1. Öppna kontrollpanelen

    • Gå till Tillägg > Mallar > Mallar.

  2. Redigera mallfilen

    • Välj den mall som används och redigera filen index.php.

    • Klistra in widgetkoden före taggen .:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Spara ändringarna och kontrollera att widgeten är synlig.

  1. Gå till administrationspanelen

    • Gå till Struktur > Block.

  2. Skapa ett nytt anpassat block

    • Klistra in widgetkoden i HTML-fältet:

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

    • Placera blocket i sidfoten.

  2. Spara och verifiera

    • Kontrollera att widgeten fungerar som den ska.

  1. Gå till administrationspanelen

    • Gå till Innehåll > Design > Konfiguration.

  2. Ändra layouten

    • Välj det tema som används och klicka på Redigera.

  3. Ange widgetkoden

    • Klistra in följande kod i HTML sidfot:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Spara ändringarna och kontrollera att widgeten fungerar som den ska.

  1. Öppna HTML-filen för din webbplats

    • Använd en textredigerare eller IDE för att redigera HTML-filen.

  2. Lägg till widgetkod

    • Klistra in följande skript före taggen .:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Spara och verifiera
    • Spara filen och ladda om sidan för att kontrollera att widgeten fungerar.

Begär kostnadsfri konsultation

Fyll i formuläret för att få en personlig konsultation och ta reda på hur vi kan hjälpa dig att göra din webbplats tillgänglig och i enlighet med gällande regler. Vårt team av experter är redo att vägleda dig steg för steg och erbjuda lösningar som är skräddarsydda efter dina behov