How do you add iClosed to Webflow?
Learn how to embed an iClosed form in Webflow in just a few minutes, with UTM tracking enabled so you can track conversions by source.
In this tutorial, Sandro — co-founder of the Webflow agency Gemeos — shows you how to embed iClosed in your Webflow site. In under 10 minutes, your call booking form is live, connected to your calendar, and ready to convert.
1. Grab the iClosed embed code
Log in to your iClosed account. In the dashboard, go to Forms, select the form you want to embed, then click Embed. Copy the code snippet provided: the <script> tag plus the anchor <div>.

2. Add an HTML Embed element in Webflow
In the Webflow Designer, open the page where you want the form to appear. In the Add panel (shortcut A), look for Embed under the Components section. Drag and drop the element exactly where the form should appear, usually inside a dedicated section or your CTA block.
3. Paste the code and configure the embed
Double-click the Embed element to open the code editor. Paste the full iClosed snippet: the anchor <div> tag plus the <script> tag. Click 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>
Replace VOTRE_FORM_ID with your form ID, which you can find in the iClosed editor URL or in the form settings.
4. Enable UTM tracking
To track conversions by traffic source, iClosed automatically reads UTM parameters from the URL. No extra code is needed if your URL already includes them. iClosed captures them and attaches them to each submission in your dashboard.
Make sure your incoming links — ads, emails, LinkedIn posts — include the standard UTM parameters:
| UTM parameter | Example value | What it’s for |
|---|---|---|
| utm_source | Identify the source platform | |
| utm_medium | paid | Differentiate organic, paid, email |
| utm_campaign | q4-fintech | Identify the specific campaign |
| utm_content | cta-hero | Differentiate variations of the same ad |
| utm_term | webflow-agence | Track a keyword or segment |
You’ll find this data directly in iClosed on each lead record, under the UTM Data tab.
5. Publish and test the form
Publish your Webflow site using Publish in the top-right corner. Open the live page, not the Webflow preview — external scripts don’t load there. Fill out the form with test data and make sure the lead shows up in your iClosed dashboard. Also check that the UTM values are captured if you added parameters to the test URL.
Conclusion
In 5 steps, your iClosed form is embedded in Webflow and ready to capture qualified leads. This setup works on any static Webflow page.
Real-world use cases:
- Pricing page with an embedded “Book a discovery call” form under the pricing table
- Campaign landing page with UTM tracking to measure ROI by acquisition channel
- Homepage with an iClosed popup button on the main CTA
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.






.avif)







