1. Crée et active le questionnaire
Décris-le à l’assistant IA ou crée-le manuellement. Vérifie la proposition dans l’aperçu complet, choisis l’envoi et active cette version exacte. Un brouillon n’a pas encore d’adresse publique stable.
Si un lien suffit, ouvre Réglages publics → Partager et copie l’URL publique. Place-la dans un e-mail, un message, un menu ou un lien web, sans connaître le HTML.
2. Utilise un constructeur de sites
Dans WordPress, Wix, Squarespace ou un système similaire, ajoute un bloc Intégrer, HTML personnalisé ou Code. Copie le code d’intégration depuis Partager et colle-le dans ce bloc.
- Enregistre ou publie la page.
- Ouvre-la dans une fenêtre privée.
- Réponds et envoie une réponse de test.
- Recommence sur un téléphone.
3. Intègre avec du HTML
Pour une page écrite à la main, copie l’iframe générée. Remplace l’adresse d’exemple uniquement par l’URL publique produite par Tambako Surveys.
<iframe src="URL_PUBLIQUE_DU_QUESTIONNAIRE" title="Questionnaire client" loading="lazy" width="100%" height="720" style="border:0"></iframe>Le titre aide les lecteurs d’écran. Une largeur de 100 % suit le conteneur. La hauteur détermine la zone visible et doit être augmentée pour un long questionnaire.
4. Rends le cadre responsive
Place l’iframe dans un conteneur avec une largeur maximale et une hauteur minimale adaptées. Le questionnaire s’adapte aux petites largeurs, mais le site parent contrôle les dimensions du cadre.
.survey-frame { max-width: 960px; margin-inline: auto; }
.survey-frame iframe { width: 100%; min-height: 720px; border: 0; }Teste la hauteur réelle. Dans un espace réduit, un lien direct est souvent préférable à deux barres de défilement.
5. Préfère parfois un lien ou un bouton
Partager fournit aussi un lien HTML et un bouton. Ils conviennent mieux aux newsletters, menus, colonnes étroites et systèmes qui refusent les iframes. Le QR public n’accorde jamais l’accès au tableau de bord.
6. Teste accès, dates et confidentialité
- Teste la page publique, pas seulement l’aperçu de l’éditeur.
- Vérifie les dates dans le fuseau choisi.
- Teste le code d’accès dans une fenêtre privée.
- Contrôle clavier, clair/sombre, téléphone et envoi.
- N’intègre jamais un lien d’activation ou de tableau de bord.
Le HTML autonome s’affiche hors ligne, mais l’envoi en ligne nécessite toujours le récepteur et un questionnaire actif. Pour un site, l’adresse hébergée est généralement la plus claire.
7. Résous les restrictions courantes
- Cadre vide : vérifie l’hébergement et ouvre directement l’URL copiée.
- Cadre bloqué : contrôle la Content Security Policy et les règles iframe du site.
- Avertissement : utilise HTTPS pour les deux pages.
- Deux défilements : augmente la hauteur ou choisis un lien.
- Ancien contenu : vérifie la version activée intégrée.
Tu peux demander une explication à l’assistant. Une question sur l’intégration ne modifie pas le questionnaire.