Widget de confiance · v1.4
Votre note, en bas à droite, tout le temps.
Une pastille discrète affiche votre score et votre nombre d'avis vérifiés. Au clic, elle déploie la répartition des notes et vos derniers avis — sans jamais sortir le visiteur de son parcours d'achat.
Le widget est actif sur cette page. Regardez en bas à droite de votre écran.
Démonstration
Configurez, puis copiez.
Modifiez les options ci-dessous : l'aperçu et le code d'intégration se mettent à jour en direct.
À coller juste avant la balise </BODY> de votre site, sur toutes les pages où vous souhaitez afficher la preuve.
Aperçu à l'échelle réelle. Cliquez sur la pastille pour déployer le panneau.
Contenu
Deux états, aucune ambiguïté.
La pastille
- Le sceau AVISCHECK, gage de collecte contrôlée
- La note globale sur 5, au dixième près
- Les cinq étoiles, avec remplissage partiel exact
- Le nombre total d'avis vérifiés
- Un bouton de fermeture pour le visiteur qui souhaite la masquer
Le panneau
- Le nom et le domaine de la boutique
- La note, les étoiles et le volume d'avis
- La répartition complète des notes de 1 à 5 étoiles
- Les derniers avis publiés, note et achat associés
- Un lien vers la fiche publique et vers notre charte
Le widget affiche toujours la répartition complète, avis négatifs compris. Il n'existe aucune option permettant de masquer les notes basses, de filtrer l'affichage ou d'arrondir la moyenne à l'avantage du marchand.
Sous le capot
Conçu pour ne rien casser.
Un widget tiers est un invité sur votre site. Le nôtre est isolé, léger et silencieux.
| Poids | 13,8 Ko compressés, script unique, aucune dépendance |
| Isolation | Shadow DOM en mode ouvert — aucun style n'entre ni ne sort |
| Chargement | Asynchrone, après le rendu de la page |
| Impact Core Web Vitals | Aucun décalage de mise en page, aucun blocage du fil principal |
| Cookies | Aucun. Une clé de session locale uniquement si le visiteur masque la pastille |
| Traçage | Aucun pixel, aucun identifiant publicitaire, aucun partage à des tiers |
| Accessibilité | Navigable au clavier, rôles ARIA, fermeture par la touche Échap, contrastes AA |
| Navigateurs | Chrome, Edge, Firefox, Safari — deux dernières versions majeures |
| Mobile | Le panneau devient une feuille pleine largeur en dessous de 560 px |
| Repli | En cas d'indisponibilité de l'API, le widget ne s'affiche pas et n'émet aucune erreur |
Toutes les options
| Attribut | Valeurs |
|---|---|
| data-AVISCHECK | Requis. Identifiant de votre boutique, fourni à la certification. |
| data-position | bottom-right (défaut), bottom-left |
| data-theme | light (défaut), dark |
| data-count | Nombre d'avis dans le panneau. De 3 à 10, défaut 4. |
| data-delay | Délai d'apparition en millisecondes. Défaut 0. |
| data-container | Sélecteur CSS pour intégrer le widget dans un bloc plutôt qu'en flottant. |
| data-profil | Adresse de votre fiche publique AVISCHECK. |
Pilotage par script
// Initialisation manuelle AVISCHECK.init({ shopId: 'moelio-fr', position: 'bottom-right', theme: 'light', count: 4 }); // Contrôle de l'instance const w = AVISCHECK.init({ shopId: 'moelio-fr' }); w.open(); // déplie le panneau w.close(); // replie la pastille w.destroy(); // retire le widget
Installation
Selon votre plateforme.
Shopify
Boutique en ligne → Thèmes → Modifier le code → THEME.LIQUID. Collez le script juste avant </BODY>. Un module officiel est également disponible sur l'App Store.
WooCommerce
Installez l'extension AVISCHECK depuis le répertoire WordPress, puis renseignez votre identifiant de boutique dans Réglages. Aucune modification de thème nécessaire.
PrestaShop
Modules → Ajouter un module → importez l'archive fournie à la certification. Le widget et le balisage structuré sont posés automatiquement.
Wix & Squarespace
Ajoutez un bloc de code personnalisé au pied de page du site, puis collez le script. Les deux plateformes autorisent les scripts tiers sur les formules payantes.
Site sur mesure
Collez le script dans votre gabarit principal. Pour une application monopage, appelez AVISCHECK.INIT() une seule fois au montage de l'application.
Gestionnaire de balises
Créez une balise HTML personnalisée déclenchée sur toutes les pages. Pensez à cocher l'exécution unique afin d'éviter les doublons lors des changements de vue.
Voir le widget dans une vraie boutique
Nous avons monté une boutique de démonstration complète pour montrer le rendu en conditions réelles, sur toutes les tailles d'écran.