Sommaire :
Vos formulaires d'acquisition Grimp se partagent déjà par lien et par QR code. Vous pouvez aussi les afficher directement dans une page de votre site internet, grâce à une intégration en iframe.
Le candidat remplit le formulaire sans quitter votre site, et le lead arrive automatiquement dans Grimp, comme pour tous vos autres formulaires.
Pourquoi intégrer votre formulaire à votre site ?
Moins de déperdition : plus de redirection vers un autre domaine, donc moins de candidats perdus en route.
Une expérience cohérente : le formulaire s'affiche dans votre page « Candidater », « Portes ouvertes » ou « Nous contacter ».
Zéro double saisie : les leads remontent dans Grimp en temps réel, avec le campus et le programme choisis.
Un formulaire par page : vous pouvez intégrer un formulaire différent sur chaque page (une JPO par campus, une campagne, une formation).
Ce dont vous avez besoin
Un formulaire d'acquisition actif dans Grimp. Si vous n'en avez pas encore, commencez par créer un formulaire d'acquisition.
Un accès en édition à votre site internet : WordPress, Webflow, Wix, Squarespace, ou le CMS de votre choix. La manipulation prend moins de 5 minutes.
La possibilité d'insérer un bloc de code HTML dans une page (souvent appelé « HTML personnalisé », « Code embed » ou « Intégration »).
💡 Vous n'êtes pas à l'aise avec la partie technique ? Transmettez simplement le code de l'étape 1 à la personne qui gère votre site. Aucune configuration n'est nécessaire côté Grimp.
Étape 1 — Récupérer le code d'intégration
Rendez-vous dans Apprenants > Formulaires d'acquisition.
Ouvrez le formulaire que vous souhaitez intégrer.
Cliquez sur Partager en haut à droite.
Dans la section Par iframe, cliquez sur Copier le code.
Vous obtenez un code de ce type :
<iframe src="https://education.grimp.io/forms/efc7ab42-878b-41e1-ad83-5b036902053f" width="100%" height="1200" frameborder="0" title="Formulaire de candidature"> </iframe>
L'identifiant présent dans l'adresse est propre à votre formulaire : chaque formulaire possède son propre code.
Étape 2 — Coller le code sur votre site
La démarche est la même quel que soit votre outil : vous ajoutez un bloc de code à l'endroit où le formulaire doit apparaître, puis vous y collez le code copié.
WordPress : ajoutez un bloc HTML personnalisé dans votre page, collez le code, publiez.
Webflow : glissez un composant Embed dans la page, collez le code, publiez.
Wix : Ajouter > Intégrer > Code personnalisé (HTML), collez le code.
Squarespace : ajoutez un bloc Code, collez le code.
Enregistrez et publiez votre page : le formulaire s'affiche immédiatement.
Ajuster la hauteur et la largeur
Deux valeurs pilotent l'affichage du formulaire dans votre page :
width="100%": le formulaire occupe toute la largeur disponible de votre bloc. Conservez cette valeur, c'est elle qui rend l'affichage lisible sur mobile.height="1200": la hauteur, en pixels. C'est la seule valeur que vous aurez éventuellement à modifier.
Une hauteur trop faible fait apparaître une barre de défilement à l'intérieur du formulaire, ce qui perturbe les candidats. Mieux vaut prévoir large : affichez votre page, et augmentez la valeur tant qu'une barre de défilement apparaît.
💡 Plus votre formulaire contient de champs, plus la hauteur doit être importante. Un formulaire court (nom, e-mail, téléphone) tient en 700 px. Un formulaire complet, avec dépôt de pièces jointes et coordonnées du responsable légal, demande facilement 1 800 px.
Vérifier que tout fonctionne
Avant de communiquer sur votre page, faites un test complet :
Ouvrez la page publiée, sur ordinateur et sur mobile.
Vérifiez que le formulaire s'affiche entièrement, sans barre de défilement interne.
Remplissez-le avec un e-mail de test.
Vérifiez que le message de confirmation s'affiche bien dans la page.
Retournez dans Grimp : votre lead de test doit apparaître dans la liste du formulaire, et le compteur Leads générés doit avoir augmenté.
Pensez ensuite à supprimer ce lead de test pour ne pas fausser vos statistiques.
Bonnes pratiques
Un formulaire dédié par page. Créez un formulaire spécifique pour votre site plutôt que de réutiliser celui d'un salon : vous saurez précisément d'où viennent vos leads.
Gardez le formulaire court. Sur un site, chaque champ supplémentaire fait perdre des candidats — et allonge la hauteur à réserver dans votre page. Collectez l'essentiel, qualifiez ensuite depuis Grimp.
Placez le formulaire haut dans la page. Idéalement visible sans défilement, ou juste après votre argumentaire.
Ajoutez un titre au-dessus du formulaire dans votre page (« Candidatez en 2 minutes »), plutôt que de compter sur l'en-tête du formulaire.
Ne dupliquez pas le même formulaire sur plusieurs pages si vous voulez mesurer leur performance séparément : dupliquez-le dans Grimp et intégrez un code différent par page.
Questions fréquentes
Le formulaire s'affiche vide ou en blanc sur mon site.
Vérifiez que votre page est bien publiée en https : une page en http ne peut pas afficher le formulaire. Vérifiez également que le code a été collé dans un bloc HTML, et non dans un bloc de texte.
Puis-je changer les couleurs du formulaire pour qu'il ressemble à mon site ?
Le formulaire reprend l'identité visuelle configurée dans Grimp. La personnalisation des couleurs directement depuis l'intégration n'est pas encore disponible.
Le dépôt de pièces jointes fonctionne-t-il dans la page intégrée ?
Oui. Prévoyez simplement une hauteur suffisante : les zones de dépôt de fichiers allongent nettement le formulaire.
Puis-je intégrer plusieurs formulaires sur la même page ?
Oui, en collant plusieurs codes à la suite. Nous le déconseillons cependant : un choix unique convertit mieux.
Que se passe-t-il si je modifie le formulaire dans Grimp ?
Les modifications sont visibles immédiatement sur votre site : le code d'intégration reste valable, vous n'avez rien à recoller.
Que se passe-t-il si je désactive ou supprime le formulaire ?
Le formulaire n'est plus accessible sur votre site. Pensez à retirer le bloc de votre page.
Les leads sont-ils comptés différemment selon le canal ?
Non. Qu'ils arrivent par lien, par QR code ou via l'iframe, tous les leads d'un même formulaire remontent au même endroit dans Grimp.
À retenir
L'intégration en iframe permet d'afficher un formulaire Grimp directement dans votre site, sans redirection.
Le code se récupère en un clic depuis Partager > Par iframe.
Seule la hauteur est à ajuster selon la longueur de votre formulaire.
Un formulaire dédié par page vous permet de mesurer précisément vos sources d'acquisition.
👉 Un canal d'acquisition supplémentaire, sans développement.