Accessibilité avec Elementor : Guide d'intégration du widget Tabnav

Se connecter à WordPress

Démarrage rapide

Dans ce guide, nous vous guiderons à travers 3 étapes simples pour intégrer le widget d'accessibilité Tabnav AI avec Elementor sur WordPress. Assurez-vous d'avoir le code du widget prêt et l'accès à votre espace d'administration.

Étape

1

Connectez-vous d'abord à votre tableau de bord Tabnav et téléchargez le code du widget. *Si vous avez plusieurs sites, vous pouvez utiliser le même code JavaScript tant qu’ils appartiennent au même projet.

Étape

2

Connectez-vous à votre compte WordPress, puis sélectionnez "Elementor" dans le menu latéral. Ensuite, cliquez sur "Code personnalisé" dans le sous-menu, puis sur "AJOUTER UN NOUVEAU CODE PERSONNALISÉ".

project-preview
Eye that Zooms in

Étape

3

Dans la nouvelle fenêtre, ajoutez un nom tel que "Widget Tabnav", puis modifiez l’emplacement par défaut avec le menu déroulant en sélectionnant "<body> - Fin". Collez le code du widget dans la zone de texte, puis cliquez sur "Publier" à droite.

project-preview
Eye that Zooms in

Dans la fenêtre contextuelle suivante, choisissez "Site entier" pour afficher le widget sur toutes les pages, puis cliquez sur "Enregistrer" pour terminer.

Mission accomplie !

Le widget d’accessibilité AI de Tabnav est désormais disponible sur votre site. Visitez votre site pour vérifier sa présence. S’il n’apparaît pas, consultez la liste de vérification ci-dessous.

Liste de vérification de disponibilité du widget

  • Vider le cache : Videz le cache de votre navigateur et actualisez la page.

  • Sauvegarde : Assurez-vous d’avoir bien enregistré après avoir collé le code JavaScript.

  • Vérification du tableau de bord : Vérifiez l’orthographe correcte du domaine dans le tableau de bord Tabnav.

  • Vérification du code : Assurez-vous de ne pas avoir collé le code deux fois au même endroit.

Si le widget n’est toujours pas visible, contactez notre support à support@tabnav.com.