Cet article concerne l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription introduite en juin 2025 ? Consulte plutôt cet article.
Tu utilises encore la version précédente, mais tu veux 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 quitter ta page. Il te suffit de copier un peu de code HTML et de le coller sur ton site web !
Découvre davantage de nos fonctionnalités axées sur la vente ici pour collecter et convertir des leads !
Créer une intégration
Pour créer une intégration, suis ces étapes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégration ».
Choisis « Créer une intégration » pour ouvrir l’éditeur.
Modifier le formulaire
Tu peux changer 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.
Appuie sur « Style » dans la partie gauche de l’écran pour modifier les couleurs selon tes goûts ou ton identité visuelle.
La diffusion ne sera visible qu’une fois le webinaire publié.
Placer un code d’intégration sur ton propre site web
Pour placer le code d’intégration sur ton propre site web, suis ces étapes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégration ».
Choisis « Créer une intégration » pour ouvrir l’éditeur.
Place le code sur ton propre site web.
Formulaire intégré avec JavaScript
Après avoir modifié ton formulaire intégré, nous te fournirons un peu de code HTML et JavaScript. Ce code peut être placé 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.
Attention ! Tu ne peux pas utiliser deux fois le même code d’intégration sur la même page avec la version JavaScript.
Si tu utilises un système CMS personnalisé ou un blog comme WordPress, n’oublie pas que le code doit être placé dans la « source » de la page ; ne le colle donc pas comme du texte brut.
Avec certains systèmes CMS, il n’est pas possible d’ajouter du code JavaScript personnalisé. Tu auras donc peut-être besoin de l’aide du technicien de ton site web.
Ajuster la largeur et la hauteur du formulaire intégré (JavaScript)
Même si l’intégration JavaScript s’adapte automatiquement à l’espace disponible, il reste possible d’ajouter du style au formulaire généré à l’aide de CSS.
Exemple :
.geek-frame-holder iframe { width: 700px }
Formulaire intégré via une iframe
Tu peux aussi intégrer ton formulaire d’inscription via une iframe, ce qui est utile pour les systèmes de gestion de contenu où il n’est pas facile, voire pas possible, d’utiliser JavaScript. Crée un élément iframe sur ta page web et intègre 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)
Tu dois t’assurer que l’iframe a 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. Pour cela, modifie la valeur de « height » dans le code d’exemple.
Assure-toi de définir une largeur pour l’iframe ; elle est optimisée pour une largeur d’environ 350 pixels. Tu peux toutefois augmenter la largeur si tu le souhaites, ou définir un pourcentage pour qu’elle remplisse l’espace 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 tout le processus d’inscription selon tes besoins et en garder le contrôle total, tu peux utiliser notre API à la place. Contacte-nous pour plus d’informations.
Associer des liens d’inscription personnalisés
Lorsque tu as créé des liens d’inscription personnalisés, tu peux aussi 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é d’où provient l’inscription.
Tu peux associer cette valeur dans le code d’intégration sous la forme d’un paramètre appelé « data-cst ».
Voici comment faire. Dans le code du formulaire intégré, avant le texte « data-webinar=.. », ajoute ceci : 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’une 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>
Attention ! La hauteur devra être ajustée si ton formulaire comporte plusieurs champs supplémentaires.
URL de confirmation personnalisée
Après l’inscription via ton formulaire intégré, tu peux rediriger les personnes vers une URL de confirmation personnalisée.
Pour cela, suis ces étapes :
Clique sur ton webinaire.
Clique sur « Modifier le webinaire ».
Accède à « Inscription » > « Intégration ».
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 inscriptions seront désormais automatiquement redirigées vers l’URL nouvellement ajoutée.
Attention ! La nouvelle URL ajoutée doit contenir « https:// » pour fonctionner.
Attention ! 1,5 heure avant le début du webinaire en direct ou automatisé, les abonnés verront la page de confirmation intégrée et ne seront pas redirigés vers la nouvelle URL personnalisée ajoutée. Pour les webinaires payants, 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 fournis avec l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription introduite en juin 2025 ? Consulte plutôt cet article, qui explique le nouveau système de liens de champs préremplis.
Tu utilises encore la version précédente de la page d’inscription, mais tu veux 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 ensuite le lien de ton formulaire intégré. Copie-le et colle-le aussi quelque part.
Tu dois combiner ces deux liens pour ajouter la fonctionnalité en un clic à ton formulaire intégré. Pour cela, copie la partie qui se trouve 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, ce serait :
/?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é avec le 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





