Widget integratiegids

Snel en gemakkelijk

Hoe installeer ik de
Widget Accessibi

De widget Accessibi helpt de toegankelijkheid van je website te verbeteren. Deze handleiding geeft gedetailleerde instructies voor het integreren van de widget op verschillende platforms: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React en Laravel.

Optie 1: Handmatig invoegen in thema

  1. Open het HTML-bestand van je site

    • Gebruik een teksteditor of IDE om het HTML-bestand te bewerken.

  2. Widget code toevoegen

    • Plak het volgende script vóór de tag </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Sla het bestand op en laad de pagina opnieuw om te controleren of de widget werkt

Optie 2: Elementor gebruiken

    1. Ga naar Elementor > Aangepaste code

      • Klik op Aangepaste code toevoegen.

    2. Voer de code in

      • Plak het volgende script:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en publiceren
    • Publiceer de code en controleer of de widget zichtbaar is.

  1. Toegang tot het beheerpaneel

    • Ga naar Online winkel > Thema's > Acties > Code bewerken.

  2. Het themabestand bewerken

    • Open het bestand thema.vloeistof.

    • Plak de code vóór de </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Controleer of de widget correct werkt.

  1. Aanmelden bij je Wix-account

    • Ga naar de editor van je site.

  2. Widget code toevoegen

    • Ga naar Instellingen > Geavanceerd > Aangepaste code.

    • Plak de code in de Hoofd:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en publiceren
    • Controleer of de widget actief is.

  1. Toegang tot het beheerpaneel

    • Ga naar Instellingen > SEO.

  2. Voer de widgetcode in

    • In de sectie Code voettekstpasta:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Controleer of de widget zichtbaar is.

  1. Toegang tot het bedieningspaneel

    • Ga naar Uitbreidingen > Sjablonen > Sjablonen.

  2. Het sjabloonbestand bewerken

    • Selecteer de gebruikte sjabloon en bewerk het bestand index.php.

    • Plak de widgetcode vóór de tag </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Sla de wijzigingen op en controleer of de widget zichtbaar is.

  1. Toegang tot het beheerpaneel

    • Ga naar Structuur > Blokken.

  2. Een nieuw aangepast blok maken

    • Plak de widgetcode in het HTML-veld:

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

    • Plaats het blok in de voettekst.

  2. Opslaan en verifiëren

    • Controleer de werking van de widget.

  1. Toegang tot het beheerpaneel

    • Ga naar Inhoud > Ontwerp > Configuratie.

  2. De lay-out wijzigen

    • Selecteer het gebruikte thema en klik op Bewerk.

  3. Voer de widgetcode in

    • Plak de volgende code in de HTML voettekst:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Sla de wijzigingen op en controleer of de widget werkt.

  1. Open het HTML-bestand van je site

    • Gebruik een teksteditor of IDE om het HTML-bestand te bewerken.

  2. Widget code toevoegen

    • Plak het volgende script vóór de tag </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Opslaan en verifiëren
    • Sla het bestand op en laad de pagina opnieuw om te controleren of de widget werkt.

Vraag uw gratis consult aan

Vul het formulier in voor een persoonlijk adviesgesprek en ontdek hoe we je kunnen helpen om je website toegankelijk te maken en te laten voldoen aan de voorschriften. Ons team van experts staat klaar om u stap voor stap te begeleiden en oplossingen te bieden die zijn afgestemd op uw behoeften