Widget Site Web

Intégrez le widget de feedback Wyapy sur n'importe quel site web avec une simple balise script pour collecter en continu les avis de vos utilisateurs.

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 :

  1. Connectez-vous à votre tableau de bord Wyapy
  2. Sélectionnez votre projet
  3. Allez dans PartagerWidget Site Web
  4. 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 :

OptionTypeDéfautDescription
projectIdStringObligatoireVotre ID de projet Wyapy depuis le tableau de bord
positionStringbottom-rightPosition du bouton : bottom-right, bottom-left, top-right, top-left
buttonTextStringFeedbackTexte personnalisé pour le bouton flottant
primaryColorString#0a66ffCouleur hexadécimale pour le fond du bouton
showButtonBooleantrueAfficher ou non le bouton flottant. Mettez false pour le masquer et déclencher le sondage par programmation.
langStringautoLangue du sondage : fr ou en. Par défaut, détecté depuis le navigateur.
segmentStringnullIdentifiant 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éthodeDescription
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.