Collectez en continu les avis de vos visiteurs avec le widget Wyapy. Ajoutez un bouton de feedback flottant sur n’importe quel site web avec seulement deux lignes de code.
Essayez maintenant
Démo interactive
Cliquez sur le bouton en bas à droite pour voir le widget en action !
Installation rapide
Ajoutez ces deux lignes avant votre balise </body> :
<script src="https://feedback.wyapy.com/widget.js"></script>
<script>
Wyapy.init({
projectId: 'VOTRE_ID_PROJET_ICI'
});
</script>Où trouver votre ID de projet :
- Connectez-vous à votre tableau de bord Wyapy
- Sélectionnez votre projet
- Allez dans Partager → Widget Site Web
- Copiez l’extrait de code contenant votre ID de projet
Avantages
- Installation sans code — Ajoutez-le sur n’importe quel site avec une simple balise script. Compatible avec WordPress, Shopify, Webflow, React, et plus encore.
- Toujours accessible — Le bouton flottant reste visible pendant la navigation, capturant les avis au bon moment.
- Entièrement personnalisable — Contrôlez la position, la couleur, le texte et le comportement du bouton. Adaptez-le parfaitement à votre marque.
- Optimisé mobile — S’adapte automatiquement aux écrans mobiles.
- Non intrusif — L’isolation Shadow DOM évite les conflits avec les styles et scripts de votre site.
Comment ça marche
- Copiez le code depuis votre tableau de bord Wyapy sous Partager → Widget Site Web
- Collez avant la balise </body> dans le HTML de votre site ou utilisez la section de code personnalisé de votre plateforme
- Personnalisez l’apparence avec des paramètres optionnels comme la position du bouton, la couleur et le texte
- Commencez à collecter des avis immédiatement — le widget gère tout automatiquement
Intégration par plateforme
Compatible avec toutes les grandes plateformes :
- WordPress — Ajoutez via Apparence → Éditeur de thème ou utilisez un plugin header/footer
- Shopify — Collez dans Boutique en ligne → Thèmes → Modifier le code → theme.liquid
- Webflow — Ajoutez dans Paramètres du projet → Code personnalisé → Pied de page
- React/Vue/Angular — Chargez le script dynamiquement dans votre composant d’application
Options de personnalisation
Le widget supporte plusieurs options de configuration :
| Option | Type | Défaut | Description |
|---|---|---|---|
projectId | String | Obligatoire | Votre ID de projet Wyapy depuis le tableau de bord |
position | String | bottom-right | Position du bouton : bottom-right, bottom-left, top-right, top-left |
buttonText | String | Feedback | Texte personnalisé pour le bouton flottant |
primaryColor | String | #0a66ff | Couleur hexadécimale pour le fond du bouton |
showButton | Boolean | true | Afficher ou non le bouton flottant. Mettez false pour le masquer et déclencher le sondage par programmation. |
lang | String | auto | Langue du sondage : fr ou en. Par défaut, détecté depuis le navigateur. |
segment | String | null | Identifiant de segment optionnel pour la catégorisation des réponses (ex. : "utilisateurs-premium") |
Exemple avec options personnalisées :
<script src="https://feedback.wyapy.com/widget.js"></script>
<script>
Wyapy.init({
projectId: 'VOTRE_ID_PROJET_ICI',
position: 'bottom-left',
buttonText: 'Donnez votre avis',
primaryColor: '#6366f1',
lang: 'fr',
segment: 'visiteurs-site'
});
</script>API JavaScript
Après l’appel de Wyapy.init(), les méthodes suivantes sont disponibles :
| Méthode | Description |
|---|---|
Wyapy.showSurvey() | Ouvrir la fenêtre modale du sondage par programmation |
Wyapy.hideSurvey() | Fermer la fenêtre modale du sondage par programmation |
Wyapy.showButton() | Afficher le bouton d'action flottant |
Wyapy.hideButton() | Masquer le bouton d'action flottant |
Wyapy.destroy() | Supprimer le widget et nettoyer tous les écouteurs d'événements |
Avec le Widget Site Web Wyapy, la collecte d’avis est permanente, l’installation est instantanée et la personnalisation est simple. Commencez à recueillir les feedbacks de vos utilisateurs en quelques minutes.