Après avoir créé et personnalisé votre formulaire, l’intégrer à votre site web est simple et rapide.
Voici comment procéder :
Étape 1 : accédez aux options d’intégration
Il existe deux façons d’ouvrir les options d’intégration de votre formulaire :
Option 1. Depuis le tableau de bord :
Dans votre tableau de bord Formaloo, recherchez le formulaire que vous souhaitez intégrer.
Cliquez sur le bouton Embed à côté de ce formulaire. Le panneau Embed s’ouvre : vous y trouverez le lien public du formulaire et différentes options d’intégration.
Option 2. Depuis l’éditeur de formulaire :
Ouvrez votre formulaire dans l’éditeur de formulaire.
En haut de l’éditeur, cliquez sur le bouton Share, puis sélectionnez la section Embed. Le même panneau Embed s’affiche avec le lien de votre formulaire et les options d’intégration.
À partir de là, vous pouvez choisir la manière d’intégrer le formulaire à votre site et accéder au code correspondant à la méthode d’intégration de votre choix.
Étape 2 : choisissez votre méthode d’intégration
Dans le panneau d’intégration, choisissez la méthode la mieux adaptée à l’expérience de votre site web :
1. Lien intégré (URL publique)
Utilisez cette méthode si vous souhaitez que le formulaire s’ouvre sur sa propre page (par exemple, depuis un bouton « Réserver une démo »).
Copiez le lien public
Collez-le sous forme de lien hypertexte sur votre site web
2. Intégration iframe
Utilisez cette méthode si vous souhaitez que le formulaire s’affiche directement dans une section précise de votre page.
Définissez une largeur et une hauteur (une valeur par défaut courante est une largeur de
100%avec une hauteur adaptée à votre formulaire)Cliquez sur Get code
Copiez l’extrait iframe et collez-le dans le bloc HTML/d’intégration de votre site web
3. Intégration par script
Utilisez cette méthode si vous souhaitez une intégration légère qui se met à jour automatiquement lorsque vous modifiez le formulaire.
Cliquez sur l’onglet Script
Ajustez la taille si nécessaire
Cliquez sur Get code
Collez l’extrait de script dans le bloc HTML/d’intégration de votre site web
4. Intégration chatbot
Utilisez cette méthode si vous souhaitez un widget flottant de type chat (idéal pour capter des prospects et poser des questions rapides).
Cliquez sur l’onglet Chatbot
Cliquez sur Get code
Collez l’extrait sur votre site web (de nombreux sites le placent dans un pied de page global afin qu’il se charge sur toutes les pages)
Étape 3 : copiez et collez le code sur votre site web
Sélectionnez la méthode de votre choix, copiez le code et collez-le dans le HTML de votre site web à l’endroit où vous souhaitez afficher le formulaire.
💡 Astuce : après avoir intégré votre formulaire, il est conseillé de le tester sur votre site web réel pour vous assurer qu’il s’affiche correctement et que ses dimensions conviennent à votre mise en page.
Ouvrez votre page dans un navigateur web (sur ordinateur et sur mobile, le cas échéant) et vérifiez que le formulaire est entièrement visible et bien présenté. Si le formulaire est tronqué ou comporte des barres de défilement, vous devrez peut-être ajuster les valeurs de largeur ou de hauteur dans votre code d’intégration.