Comment intégrer des Surveys directement sur votre site web

Améliorez l'engagement utilisateur en intégrant des surveys directement dans les pages de votre site web. Suivez ces étapes pour configurer et personnaliser vos surveys in-page sans expertise technique requise.

1️⃣ Allez dans Surveys

Naviguez vers la section survey de votre compte pour créer ou gérer vos surveys.

2️⃣ Sélectionnez Survey Intégré In-page

Choisissez l'option "Survey Intégré In-page" pour intégrer le survey de façon transparente dans votre contenu web.

3️⃣ Ciblage et placement

1. Définissez l'audience cible : Fixez des règles pour préciser qui verra le survey, par exemple selon le comportement utilisateur ou les pages vues spécifiques.
2. Choisissez le placement : Identifiez l'emplacement exact sur votre page web où le survey doit apparaître en fournissant un sélecteur CSS.

Comment trouver le sélecteur CSS :

• Utilisez l'outil "Sélectionner un élément" pour choisir visuellement l'élément désiré sur votre site.
• Entrez l'URL de votre site web (assurez-vous que le tag Screeb est installé) pour ouvrir un nouvel onglet où vous pouvez sélectionner directement l'élément à intégrer.

Exemple :

Utilisez "sélectionner un élément" pour choisir directement sur votre site, ou utilisez directement la classe CSS.
Ensuite, confirmez simplement l'emplacement.

• Si vous connaissez la classe ou l'ID CSS, vous pouvez aussi le saisir manuellement.
• Vous pouvez aussi utiliser des sélecteurs CSS avancés pour trouver n'importe quel élément DOM.
• .is-home-page, .is-user-page Utilisez une virgule pour matcher plusieurs éléments.
• [class*="-page"] Matche tout élément dont les classes contiennent "-page".
• Consultez la doc W3C sur les sélecteurs CSS pour des usages plus avancés : https://www.w3schools.com/cssref/css_selectors.php

Comment trouver la classe CSS ?

Regardez cette vidéo :

4️⃣ Personnalisez vos surveys

• Après avoir défini le placement, allez dans les Paramètres de Design de votre workspace pour ajuster l'apparence du survey. Adaptez-le au design de votre site pour une expérience utilisateur cohérente.

💡Astuces :
Aperçu : Prévisualisez toujours le survey sur différents appareils pour vous assurer qu'il s'affiche bien partout.
Test : Vérifiez le placement et le fonctionnement du survey sur différents navigateurs et tailles d'écran.
Optimisation : Surveillez la performance du survey et ajustez-la selon le feedback utilisateur.

Mis à jour le : 14/08/2026