Calendly Integration

HandL UTM Grabber / Tracker How to collect and track UTM variables via Calendly step by step

UTM Tracking in Calendly using init

Please insert the following code. Make sure replacing the URL with yours.

<!-- Calendly inline widget begin -->
<div id="handlCalendly" class="calendly-inline-widget" style="min-width:320px;height:580px;" data-auto-load="false">
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>

<script>
setTimeout(function(){
    Calendly.initInlineWidget({
        url: 'https://calendly.com/YOUR_LINK/30min',
        parentElement: document.getElementById('handlCalendly'),
        utm: {
            utmCampaign: Cookies.get("utm_campaign"),
            utmSource: Cookies.get("utm_source"),
            utmMedium: Cookies.get("utm_medium"),
            utmContent: Cookies.get("utm_content"),
            utmTerm: Cookies.get("utm_term")
        }         
   });
}, 1000);
</script>
</div>

You should see the UTMs after the booking in Calendly

Track UTMs in Calendly

Add class attributes to the iframe

<iframe class="utm-src" src="https://calendly.com/test" width="100%" height="100%" frameborder="0"></iframe>