Rendez votre site conforme et inclusif dès aujourd'hui.
Consultation gratuite
Consultation gratuite

Guide d'intégration des widgets

Rapide et facile

Comment installer le
Widget Accessibi

Le widget Accessibi permet d'améliorer l'accessibilité de votre site web. Ce guide fournit des instructions détaillées pour intégrer le widget sur différentes plateformes : HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React et Laravel.
Vous ne pouvez pas ? Demander de l'aide

Option 1 : Insertion manuelle dans le thème

  1. Ouvrez le fichier HTML de votre site

    • Utilisez un éditeur de texte ou un IDE pour éditer le fichier HTML.

  2. Ajouter le code du widget

    • Collez le script suivant avant la balise </body> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier
    • Enregistrez le fichier et rechargez la page pour vérifier que le widget fonctionne.

Option 2 : Utilisation d'Elementor

    1. Allez dans Elementor > Custom Code

      • Cliquez sur Ajouter un code personnalisé.

    2. Saisir le code

      • Collez le script suivant :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Enregistrer et publier

    • Publier le code et vérifier que le widget est visible.

  1. Accéder au panneau d'administration

    • Aller à Boutique en ligne > Thèmes > Actions > Modifier le code.

  2. Modifier le fichier du thème

    • Ouvrir le fichier theme.liquid.

    • Collez le code avant le </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier

    • Vérifiez que le widget fonctionne correctement.

  1. Connectez-vous à votre compte Wix

    • Allez dans l'éditeur de votre site.

  2. Ajouter le code du widget

    • Aller à Paramètres > Avancés > Code personnalisé.

    • Collez le code dans le fichier Corps:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Enregistrer et publier

    • Vérifier que le widget est actif.

  1. Accéder au panneau d'administration

    • Aller à Paramètres > SEO.

  2. Entrez le code du widget

    • Dans la section Code du pied de pagepâte :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier

    • Vérifier que le widget est visible.

  1. Accéder au panneau de contrôle

    • Aller à Extensions > Modèles > Modèles.

  2. Modifier le fichier modèle

    • Sélectionnez le modèle utilisé et modifiez le fichier index.php.

    • Collez le code du widget avant la balise </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier

    • Enregistrez les modifications et vérifiez que le widget est visible.

  1. Accéder au panneau d'administration

    • Aller à Structure > Blocs.

  2. Créer un nouveau bloc personnalisé

    • Collez le code du widget dans le champ HTML :

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

  1. Attribuer un bloc

    • Placez le bloc dans le pied de page.

  2. Sauvegarder et vérifier

    • Vérifier le fonctionnement du widget.

  1. Accéder au panneau d'administration

    • Aller à Contenu > Conception > Configuration.

  2. Modifier la présentation

    • Sélectionnez le thème utilisé et cliquez sur Editer.

  3. Entrez le code du widget

    • Collez le code suivant dans le fichier Pied de page HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier

    • Enregistrez les modifications et vérifiez le fonctionnement du widget.

  1. Ouvrez le fichier HTML de votre site

    • Utilisez un éditeur de texte ou un IDE pour éditer le fichier HTML.

  2. Ajouter le code du widget

    • Collez le script suivant avant la balise </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Sauvegarder et vérifier

    • Enregistrez le fichier et rechargez la page pour vérifier que le widget fonctionne.

Demandez une consultation gratuite

Remplissez le formulaire pour recevoir une consultation personnalisée et découvrir comment nous pouvons vous aider à rendre votre site web accessible et conforme à la réglementation. Notre équipe d'experts est prête à vous guider pas à pas et à vous proposer des solutions adaptées à vos besoins.