Ajouter

Lorem ipsum

Lorem ipsum

A
A
A
CRO / Conversion

30 vues

5 min

Comment ajouter iClosed dans Webflow ?

Apprenez à intégrer un formulaire iClosed dans Webflow en quelques minutes, avec activation du tracking UTM pour suivre vos conversions par source.

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment intégrer iClosed dans votre site Webflow. En moins de 10 minutes, votre formulaire de réservation d'appel est en ligne, connecté à votre agenda et prêt à convertir.

1. Récupérer le code embed iClosed

Connectez-vous à votre compte iClosed. Dans le dashboard, allez dans Forms, sélectionnez le formulaire à intégrer, puis cliquez sur Embed. Copiez le snippet de code fourni (balise <script> + <div> d'ancrage).

bon à savoir

iClosed propose deux types d'embed : le formulaire complet et le bouton popup. Le formulaire complet s'intègre directement dans la page, le bouton popup s'ouvre en overlay au clic. Choisissez selon votre layout : formulaire pour une page dédiée, popup pour une CTA dans une section.

2. Ajouter un élément HTML Embed dans Webflow

Dans le Designer Webflow, ouvrez la page où vous voulez afficher le formulaire. Dans le panneau Add (raccourci A), cherchez Embed sous la section Components. Glissez-déposez l'élément à l'endroit exact où le formulaire doit apparaître, typiquement dans une section dédiée ou dans votre bloc CTA.

3. Coller le code et configurer l'embed

Double-cliquez sur l'élément Embed pour ouvrir l'éditeur de code. Collez le snippet iClosed complet (balise <div> d'ancrage + balise <script>). Cliquez sur Save & Close.


<div
  class="iclosed-widget"
  data-url="https://app.iclosed.io/e/VOTRE-SLUG/rdv"
  title="Your title"
  style="width: 100%; height: 620px"
>div>
<script
  type="text/javascript"
  src="https://app.iclosed.io/assets/widget.js"
  async
>script>

Remplacez VOTRE_FORM_ID par l'identifiant de votre formulaire, visible dans l'URL de l'éditeur iClosed ou dans les paramètres du formulaire.

4. Activer le tracking UTM

Pour suivre les conversions par source de trafic, iClosed supporte la lecture automatique des paramètres UTM depuis l'URL. Aucun code supplémentaire n'est nécessaire si votre URL contient déjà les paramètres. iClosed les capture et les associe à chaque soumission dans votre dashboard.

Assurez-vous que vos liens entrants (ads, emails, posts LinkedIn) incluent bien les paramètres UTM standards :

Paramètre UTMExemple de valeurÀ quoi ça sert
utm_sourcelinkedinIdentifier la plateforme d'origine
utm_mediumpaidDistinguer organique, paid, email
utm_campaignq4-fintechIdentifier la campagne spécifique
utm_contentcta-heroDifférencier les variantes d'une même annonce
utm_termwebflow-agenceTracker un mot-clé ou segment

Vous retrouvez ces données directement dans iClosed dans chaque fiche de lead, sous l'onglet UTM Data.

5. Publier et tester le formulaire

Publiez votre site Webflow via Publish en haut à droite. Ouvrez la page en production (pas en preview Webflow, les scripts externes ne s'y chargent pas). Remplissez le formulaire avec des données de test et vérifiez que le lead apparaît bien dans votre dashboard iClosed. Vérifiez aussi que les UTM sont bien capturés si vous avez ajouté des paramètres à l'URL de test.

Conclusion

En 5 étapes, votre formulaire iClosed est intégré dans Webflow et prêt à capturer des leads qualifiés. Ce setup est utilisable sur n'importe quelle page statique Webflow.

Cas d'usage concrets :

  • Page de pricing avec un formulaire "Réserver un appel découverte" intégré sous le tableau de prix
  • Landing page campagne avec tracking UTM pour mesurer le ROI par canal d'acquisition
  • Page d'accueil avec un bouton popup iClosed sur la CTA principale

bon à savoir

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Publié le

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

Let’s f*****G GO !!

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...