Comment connecter Typeform à un site Turbosite
Typeform est un constructeur de formulaires et de sondages haut de gamme axé sur le design et l’UX conversationnelle (un champ par écran). Idéal pour les quiz, les sondages et les formulaires de contact exigeants en termes de visuel. Il s’agit d’un service payant (à partir de 25 $/mois), avec une offre gratuite limitée en nombre de réponses. L’installation prend 5 à 10 minutes.
Ce dont vous aurez besoin
- Un compte Typeform — inscription sur typeform.com (offre gratuite disponible)
- Un site publié sur Turbosite
- 5 à 10 minutes
Étape 1. Créer un formulaire dans Typeform
- Inscrivez-vous sur typeform.com et connectez-vous à votre compte.
- Cliquez sur «+ Create a new typeform».
- Choisissez un modèle ou commencez à partir de zéro.
- Ajoutez vos questions : réponse courte, choix multiples, notation, coordonnées, etc.
- Configurez la logique de transition (Logic) si nécessaire.
- Personnalisez le design dans l’onglet «Design».
- Enregistrez le formulaire.
📷 Capture d’écran : éditeur Typeform avec des questions configurées.
Étape 2. Obtenir le code d’intégration
- Dans la barre supérieure, cliquez sur «Share» → «Embed in a webpage».
- Choisissez l’une des options d’intégration :
- Standard — le formulaire fait partie intégrante de la page (inline).
- Full page — le formulaire occupe toute la page.
- Popup — s’ouvre au clic sur un bouton.
- Slider — apparaît depuis le côté.
- Popover — une petite fenêtre dans le coin.
- Configurez les paramètres (taille, position, texte du bouton).
- Copiez le code HTML/JavaScript généré.
📷 Capture d’écran : fenêtre Embed avec le choix du type d’intégration et le code.
Étape 3. Insérer le code dans Turbosite
Pour Standard (formulaire intégré à la page) :
- Ouvrez votre site dans Turbosite.
- Ajoutez un bloc «Code HTML» à l’endroit souhaité sur la page.
- Collez le code Typeform.
- Enregistrez et publiez.
Pour Popup, Slider, Popover (fenêtres surgissantes) :
-
Ouvrez votre site dans Turbosite.
-
Allez dans Paramètres du site → Intégrations → Code HTML dans
<head>(il s’agit de la partie technique de la page — les visiteurs ne la voient pas, mais les scripts sont chargés lors de l’ouverture du site).
- Collez le code Typeform.
- Enregistrez et publiez.
Étape 4. Vérifier que le formulaire fonctionne
- Ouvrez votre site publié.
- Trouvez le formulaire (ou cliquez sur le bouton qui ouvre la popup).
- Remplissez quelques champs et envoyez une réponse.
- Ouvrez Typeform → «Responses» — votre réponse devrait apparaître.
Foire aux questions
Le formulaire ne s’affiche pas. Vérifiez que le code est complet, que le site est bien publié et qu’aucun bloqueur de publicité n’est actif. Si vous utilisez une Popup, il doit y avoir un bouton déclencheur sur la page, sinon le formulaire ne s’ouvrira pas.
Combien cela coûte-t-il ? L’offre gratuite permet jusqu’à 10 réponses par mois pour 1 formulaire. Les offres payantes commencent à 25 $/mois. Plus de détails sur la page des tarifs.
Peut-on connecter Typeform à un CRM ? Oui, il existe des intégrations natives avec HubSpot, Salesforce, Mailchimp, Zapier, etc. Cela se configure dans Typeform → Connect sans modifier le code du site.
Quelle est la différence entre Typeform, Tally et Google Forms ? Typeform offre un design premium et une UX conversationnelle, mais est plus coûteux. Tally est une alternative gratuite avec une UX similaire. Google Forms est simple et gratuit, mais son apparence est plus basique.
Peut-on supprimer la marque Typeform ? Sur les offres payantes, oui, via l’option «Remove Typeform branding». Sur l’offre gratuite, la mention «Powered by Typeform» apparaîtra en bas du formulaire.
Pour aller plus loin
- Centre d’aide Typeform — documentation officielle
- Embed your typeform — guide étape par étape
- Tarifs Typeform — prix actuels
