Passer au contenu principal

Ancien formulaire intégré

Le formulaire intégré permet aux visiteurs de ton site web ou blog de s’inscrire à ton webinaire sans quitter ta page.

Écrit par Dina

Cet article concerne l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription introduite en juin 2025 ? Lis plutôt cet article à la place.

Tu utilises encore l’ancienne version, mais 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 quitter ta page. Il te suffit de copier un peu de code HTML et de le coller sur ton site web !

Editing the embed form

Découvre d’autres fonctionnalités dédiées aux ventes ici pour recueillir et convertir des prospects !

Créer un formulaire intégré

Pour créer un formulaire intégré, suis ces étapes :

  1. Clique sur ton webinaire.

  2. Clique sur « Modifier le webinaire ».

  3. Accède à « Inscription » > « Intégrer ».

  4. Choisis « Créer un formulaire intégré » pour ouvrir l’éditeur.

Embed setting in webinar settings

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 « Style » à gauche de l’écran pour modifier les couleurs selon tes préférences ou ta charte graphique.

La diffusion ne sera visible qu’après la publication du webinaire.

Styling the WebinarGeek embed form

Ajouter un code d’intégration sur ton site web

Pour ajouter le code d’intégration sur ton site web, suis ces étapes :

  1. Clique sur ton webinaire.

  2. Clique sur « Modifier le webinaire ».

  3. Accède à « Inscription » > « Intégrer ».

  4. Choisis « Créer un formulaire intégré » pour ouvrir l’éditeur.

  5. Ajoute 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. Ce code peut être ajouté sur ton site web ou ton blog. Tu peux choisir où afficher le formulaire intégré. N’oublie pas que le formulaire intégré requiert 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.

Embed code

Si tu utilises un CMS personnalisé ou un blog comme WordPress, n’oublie pas que le code doit être placé dans le « code source » de la page ; ne le colle donc pas comme texte brut.

Dans certains CMS, il n’est pas possible d’ajouter du code JavaScript personnalisé ; tu auras donc peut-être besoin de l’aide de la personne qui s’occupe de ton site web.

Ajuster la largeur et la hauteur du formulaire intégré (JavaScript)

Bien que le formulaire intégré JavaScript s’adapte automatiquement à l’espace disponible, tu peux ajouter du style au formulaire obtenu à l’aide de CSS.

Exemple :

.geek-frame-holder iframe { width: 700px } 

Formulaire intégré via une iframe

Tu peux également 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 impossible, d’utiliser JavaScript. Crée un élément iframe sur ta page web et ajoute 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 a la bonne hauteur, car elle ne s’adaptera pas automatiquement. Si tu ne vois qu’une partie du formulaire, augmente la hauteur de ton iframe en modifiant la valeur « 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 la largeur ou définir un pourcentage pour qu’elle occupe 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

Please note that the adaptability of the form is limited. If you’d like more customization and want to design the entire registration process according to your wishes and have it under full control, feel free to use our API à la place. 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 aussi 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 dont provient l’inscription.

Tu peux ajouter cette valeur dans le code d’intégration sous la forme d’un paramètre « 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é. Clique ici for more information about liens d’inscription personnalisés.

In case of an Iframe, you can add '?cst=Linkedin' to the end of your Iframe URL, 'Linkedin' can be replaced with a variable for example the source of registration or a campaign parameter. Exemple :

<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="description" height="350" width="350" ></iframe>

Please note! La hauteur devra être ajustée si ton formulaire comporte plusieurs champs supplémentaires.

URL de confirmation personnalisée

Après s’être inscrits via ton formulaire intégré, les participants peuvent être redirigés vers une URL de confirmation personnalisée.

Pour cela, suis ces étapes :

  1. Clique sur ton webinaire.

  2. Clique sur « Modifier le webinaire ».

  3. Accède à « Inscription » > « Intégrer ».

  4. Clique sur l’icône en forme de crayon sous « Rediriger les utilisateurs vers une URL personnalisée après l’inscription ».

  5. Définis ton URL personnalisée et clique sur « Enregistrer ».

Setting a custom confirmation URL

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 : Une heure et demie avant le début du webinaire en direct ou du Webinar automatisé, les inscrits verront la page de confirmation du formulaire intégré et ne seront pas redirigés vers la nouvelle URL personnalisé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 de l’ancienne page d’inscription. Utilises-tu la nouvelle page d’inscription introduite en juin 2025 ? Lis plutôt cet article à la place ; il explique le nouveau système de liens de préremplissage des champs.

Tu utilises encore l’ancienne version de la page d’inscription, mais souhaites passer à la nouvelle ? Consulte cet article.

First, follow the directions in cet article to get the one-click registration link for your webinar. Copy and paste this somewici.

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

Now, find your embed form link. Copy and paste that somewici as well.

Tu dois combiner ces deux liens pour ajouter la fonctionnalité d’inscription en un clic à ton formulaire intégré. Pour cela, 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

Avez-vous trouvé la réponse à votre question ?