Add

Lorem ipsum

Lorem ipsum

CRO / Conversion

21 views

5 min

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>.

__wf_reserved_inherit

Good to know

iClosed offers two types of embed: the full form and the popup button. The full form sits directly on the page, while the popup button opens in an overlay when clicked. Choose based on your layout: form for a dedicated page, popup for a CTA inside a section.

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 parameterExample valueWhat it’s for
utm_sourcelinkedinIdentify the source platform
utm_mediumpaidDifferentiate organic, paid, email
utm_campaignq4-fintechIdentify the specific campaign
utm_contentcta-heroDifferentiate variations of the same ad
utm_termwebflow-agenceTrack 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

Published on

You might be interested in these tutorials

Similar tutorials

Design

5 min read

5 views

Scroll animations without GSAP: the minimalist CSS + JS technique

Updated on 10.09.2026 by Bryan DELAITRE

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

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

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...