Skip to main content
Tutoriels
Accessibilité Magento : ajouter le widget Wawsome
Publié
November 4, 2026
temps de lecture

Accessibilité Magento : ajouter le widget Wawsome

Votre site Web est-il en danger ?

Succès de la numérisation
Oups ! Une erreur s'est produite lors de l'envoi du formulaire.
En cliquant sur Scanner maintenant, vous confirmez que vous êtes d'accord avec notre Conditions générales d'utilisation.

Pour ajouter Wawsome à Magento 2 ou Adobe Commerce, collez votre code Wawsome dans Content > Design > Configuration, sous HTML Head > Scripts and Style Sheets. Autorisez Wawsome dans votre Content Security Policy, puis videz le cache.

‍

Avant de commencer

‍

  • Un compte Wawsome avec votre boutique ajoutée. Votre code se trouve dans le tableau de bord : ouvrez Websites, choisissez votre site, cliquez sur Install Widget, puis sur Copy code dans la fenêtre Connect Widget.
  • Un compte administrateur avec accès à Content > Design.

‍

Tableau de bord Wawsome, fenêtre Connect Widget avec le code d’installation et le bouton Copy code

‍

Ajouter Wawsome à Magento, étape par étape

‍

Nous citons les menus tels qu’ils apparaissent dans l’administration en anglais.

‍

  1. Dans l’administration, allez dans Content > Design > Configuration.
  2. Trouvez votre store view et cliquez sur Edit.
  3. Sous Other Settings, ouvrez HTML Head.
  4. Collez votre code Wawsome dans Scripts and Style Sheets. Il se charge ainsi dans le head de chaque page. Vous pouvez aussi utiliser Footer > Miscellaneous HTML.
  5. Cliquez sur Save Configuration.
  6. Répétez l’opération pour chaque store view où vous voulez le widget.

‍

Autoriser Wawsome dans votre Content Security Policy

‍

Magento n’exécute les scripts de ces champs sur les pages de paiement que si votre Content Security Policy (CSP) les autorise. Ajoutez ces sources à la liste d’autorisation de votre CSP, ou demandez-le à votre développeur :

‍

  • script-src : https://*.wawsome.com
  • connect-src : https://*.wawsome.com

‍

Vérifier que tout fonctionne

‍

Allez dans System > Tools > Cache Management et cliquez sur Flush Magento Cache. Ouvrez ensuite votre boutique dans une fenêtre de navigation privée, y compris une page de paiement, et cherchez le bouton Wawsome.

‍

Ce que le widget corrige, et ce qu’il ne corrige pas

‍

  • Vos clients adaptent le texte, les couleurs et la navigation à leurs besoins.
  • L’IA ajoute un texte alternatif aux images produits qui n’en ont pas. Vous pouvez modifier chaque description.
  • Votre thème, vos contenus produits et le parcours de commande demandent toujours de l’attention. Un scan trouve les problèmes, comme des étiquettes de formulaire manquantes, et nos experts peuvent tester votre tunnel de commande à la main.

‍

En savoir plus : Lancer un scan gratuit · Audit d’accessibilité · Guide PrestaShop

‍

FAQ sur l’accessibilité Magento

‍

Pourquoi le widget ne s’affiche-t-il pas au paiement ?

‍

La Content Security Policy de Magento bloque les scripts sur les pages de paiement si vous ne les autorisez pas. Ajoutez les sources Wawsome ci-dessus à votre CSP et videz le cache.

‍

J’ai plusieurs store views. Que faire ?

‍

La Design Configuration se règle par store view. Ajoutez le code dans chaque store view où vous voulez le widget. C’est le même code pour toutes.

‍

Pourquoi je ne vois pas mes changements ?

‍

Magento met les pages en cache. Videz le cache dans System > Tools > Cache Management, puis rechargez votre boutique.

‍

Lancez-vous avec Wawsome

‍

Rendez votre boutique plus simple à utiliser pour tous vos clients. Commencez votre essai gratuit, ou réservez une démo et nous vous montrons comment Wawsome fonctionne.

‍

Commencer l’essai gratuit ou réserver une démo (s’ouvre dans un nouvel onglet).

‍

Autres guides : Ajouter Wawsome à n’importe quel site · Installer avec Google Tag Manager