Cet article concerne l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription lancée en juin 2025 ? Lis plutôt cet article.
Tu utilises encore la version précédente, mais tu souhaites passer à la nouvelle ? Consulte cet article.
Le formulaire intégré permet aux visiteurs de ton site web ou de ton blog de s’inscrire à ton webinaire sans avoir à quitter ta page. Il te suffit de copier un peu de code HTML et de le coller sur ton site web !
Découvre ici d’autres fonctionnalités axées sur la vente pour collecter et convertir des prospects !
Créer un formulaire intégré
Pour créer un formulaire intégré, suis les étapes suivantes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégrer ».
Choisis « Créer une intégration » pour ouvrir l’éditeur.
Modifier le formulaire
Tu peux modifier les couleurs du titre, du sous-titre et du bouton d’inscription.
Clique sur la zone de texte pour modifier le titre ou le sous-titre.
Clique sur « Mise en forme » à gauche de l’écran pour adapter les couleurs à tes goûts ou à ton identité visuelle.
La diffusion ne sera visible qu’une fois le webinaire publié.
Ajouter un code d’intégration à ton site web
Pour ajouter le code d’intégration à ton site web, suis les étapes suivantes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégrer ».
Choisis « Créer une intégration » pour ouvrir l’éditeur.
Place le code sur ton site web.
Formulaire intégré avec JavaScript
Après avoir modifié ton formulaire intégré, tu recevras de notre part un peu de code HTML et JavaScript. Tu peux placer ce code sur ton site web ou ton blog. Tu peux choisir l’emplacement où afficher le formulaire intégré. N’oublie pas que le formulaire intégré nécessite une largeur minimale de 350 px.
Remarque : tu ne peux pas utiliser deux fois le même code d’intégration sur une même page avec la version JavaScript.
Si tu utilises un CMS personnalisé ou un blog tel que WordPress, n’oublie pas que le code doit être placé dans le « source » de la page ; ne le colle donc pas en texte brut.
Certains CMS ne permettent pas d’ajouter du code JavaScript personnalisé ; tu auras donc peut-être besoin de l’aide de la personne qui gère ton site web.
Ajuster la largeur et la hauteur du formulaire intégré (JavaScript)
Bien que l’intégration JavaScript se dimensionne automatiquement selon l’espace disponible, tu peux toujours ajouter une mise en forme au formulaire obtenu à l’aide de CSS.
Exemple :
.geek-frame-holder iframe { width: 700px }
Formulaire intégré via un iframe
Tu peux également intégrer ton formulaire d’inscription via un iframe, ce qui est utile pour les systèmes de gestion de contenu où il est difficile, voire impossible, d’utiliser JavaScript. Crée un élément iframe sur ta page web et insère l’URL de l’iframe depuis la page d’intégration.
Exemple :
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="350" width="350" ></iframe>
Ajuster la largeur et la hauteur du formulaire intégré (iframe)
Assure-toi que l’iframe possède la bonne hauteur, car elle ne s’adapte pas automatiquement. Si tu ne vois qu’une partie du formulaire, augmente la hauteur de ton iframe. Tu peux le faire en modifiant la valeur de « height » dans l’exemple de code.
Veille à définir une largeur pour l’iframe ; elle est optimisée pour une largeur d’environ 350 pixels. Tu peux toutefois augmenter cette largeur ou définir un pourcentage afin qu’elle remplisse l’espace disponible sur ton site web.
Exemple :
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="500" width="100%" ></iframe>
Ajustements avancés
Note que les possibilités d’adaptation du formulaire sont limitées. Si tu souhaites davantage de personnalisation, concevoir l’ensemble du processus d’inscription selon tes besoins et en garder le contrôle total, tu peux utiliser notre API. Contacte-nous pour plus d’informations.
Ajouter des liens d’inscription personnalisés
Lorsque tu as créé des liens d’inscription personnalisés, tu peux également vouloir les utiliser dans ton formulaire intégré.
Ces liens personnalisés te permettent d’enregistrer la source de l’inscription, par exemple lors de l’utilisation d’une URL UTM ou de campagne. Si tu as plusieurs formulaires intégrés, tu peux suivre le formulaire intégré dont provient l’inscription.
Tu peux ajouter cette valeur dans le code d’intégration sous la forme d’un paramètre appelé « data-cst ».
Voici comment procéder : dans le code du formulaire intégré, avant le texte « data-webinar=.. », ajoute ce qui suit : data-cst="your_link_name_here".
Remplace your_link_name_here par le nom que tu viens d’utiliser pour générer le lien d’inscription personnalisé, ou par le paramètre de campagne, comme « linkedin » ou « facebook ». Ton code ressemblera alors à ceci :
<script src="https://app.webinargeek.com/assets/embed-frame.js" data-cst="name_of_link" data-webinar="ca5c3.." type="text/javascript"></script>
Après l’inscription, tu pourras voir dans les statistiques de ton webinaire quel lien les inscrits ont utilisé pour s’inscrire. Clique ici pour en savoir plus sur les liens d’inscription personnalisés.
Dans le cas d’un iframe, tu peux ajouter « ?cst=Linkedin » à la fin de l’URL de ton iframe. « Linkedin » peut être remplacé par une variable, par exemple la source de l’inscription ou un paramètre de campagne. Exemple :
<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="description" height="350" width="350" ></iframe>
Remarque : la hauteur devra être ajustée si ton formulaire comporte plusieurs champs supplémentaires.
URL de confirmation personnalisée
Après leur inscription à l’aide de ton formulaire intégré, tu peux rediriger les personnes vers une URL de confirmation personnalisée.
Pour ce faire, suis les étapes suivantes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégrer ».
Clique sur l’icône en forme de crayon sous « Rediriger les utilisateurs vers une URL personnalisée après l’inscription ».
Définis ton URL personnalisée et clique sur « Enregistrer ».
Tes inscrits seront désormais automatiquement redirigés vers la nouvelle URL ajoutée.
Remarque : la nouvelle URL ajoutée doit contenir « https:// » pour fonctionner.
Remarque : 1,5 heure avant le début du webinaire en direct ou du Webinar automatisé, les inscrits verront la page de confirmation intégrée et ne seront pas redirigés vers la nouvelle URL personnalisée. Pour un Webinar payant, la page de confirmation WebinarGeek doit être utilisée en raison de la procédure de paiement requise.
Inscription en un clic pour les formulaires intégrés
Les formulaires intégrés peuvent également utiliser le système d’inscription en un clic, mais tu dois créer le lien manuellement.
Ces instructions concernent l’inscription en un clic pour les formulaires intégrés associés à l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription lancée en juin 2025 ? Lis plutôt cet article, qui explique le nouveau système de liens de préremplissage des champs.
Tu utilises encore la version précédente de la page d’inscription, mais tu souhaites passer à la nouvelle ? Consulte cet article.
Commence par suivre les instructions de cet article pour obtenir le lien d’inscription en un clic de ton webinaire. Copie-le et colle-le quelque part.
Exemple de lien d’inscription en un clic :
https://tutorials.webinargeek.com/one-click-webinar/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Trouve maintenant le lien de ton formulaire intégré. Copie-le et colle-le également quelque part.
Tu dois combiner ces deux liens pour ajouter la fonctionnalité d’inscription en un clic à ton formulaire intégré. Pour ce faire, copie la partie située après le nom du webinaire dans le lien d’inscription en un clic et place-la à la fin du lien du formulaire intégré. Dans l’exemple ci-dessus, il s’agit de :
/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Voici un exemple de lien de formulaire intégré combiné au lien d’inscription en un clic ci-dessus :
https://tutorials.webinargeek.com/embed/1fbb3737-285f-4a7e-a4a2-5c8a1bbcd947/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Mots-clés : intégrer





