Intégrer des sondages sur votre site web

Mis à jour 20 avril 2026

Insérez un sondage directement dans votre produit, votre page de destination ou votre centre d’aide. Pas d’iframes à gérer, pas de problèmes de mise en page - cela fonctionne, tout simplement.

Utilisez une simple balise de script ou installez le SDK si vous préférez travailler avec des modules.

L’API complète et les options avancées sont disponibles dans la documentation du SDK d’intégration.

Choisissez le format d’affichage

Différentes situations nécessitent différents points d’entrée. Choisissez ce qui correspond à votre interface utilisateur :

  • Widget intégré (inline) - intégrez directement dans une page
  • Boîte de dialogue (modale) - ouvrez le sondage à la demande
  • Tiroir (drawer) - glisse depuis le côté
  • Fenêtre contextuelle (popover) - panneau flottant discret
  • Onglet de feedback - toujours disponible, sans gêner

Démarrage rapide

Option 1 : Balise de script (le plus rapide)

Ajoutez ceci à votre page et vous êtes prêt :

<script src="https://share.youropinion.is/embed/latest.js"></script>

Ensuite, ouvrez un sondage avec une seule ligne :

<button onclick="yo.createDialog('SURVEY_ID').open()">Donner son avis</button>

Si vous utilisez un domaine personnalisé, vous pouvez également télécharger le SDK depuis https://cname.votredomaine.com/embed/latest.js pour éliminer toute requête tierce.

Option 2 : Installation via npm

Pour les configurations modernes :

npm install @youropinion/embed

Ensuite, utilisez-le dans votre application :

import { createWidget } from "@youropinion/embed";

createWidget("SURVEY_ID", {
    container: document.querySelector("#survey"),
});

Vous utilisez React ? Aucun problème.

Utilisez des composants prêts à l’emploi :

import { EmbedWidget } from "@youropinion/embed/react";

export default function Page() {
    return <EmbedWidget surveyId="SURVEY_ID" autoGrow />;
}

Thème sombre ? Pourquoi pas.

Adaptez votre sondage à votre produit en une seule ligne :

yo.setTheme("auto"); // light | dark | auto

Où trouver l’ID de votre sondage

Créez un lien de partage dans votre tableau de bord en activant l’option « Allow embedding in websites ».

L’ID est simplement la partie qui se trouve après /#/ dans votre lien.

En savoir plus :