UTM Tracking in Calendly using initInlineWidget

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(typeof HandL == 'object' && HandL.getAll()['utm_campaign'] || "utm_campaign")",
            utmSource: Cookies.get(typeof HandL == 'object' && HandL.getAll()['utjm_source'] || "utm_source")",
            utmMedium: Cookies.get(typeof HandL == 'object' && HandL.getAll()['utm_medium'] || "utm_medium")",
            utmContent: Cookies.get(typeof HandL == 'object' && HandL.getAll()['utm_content'] || "utm_content")",
            utmTerm: Cookies.get(typeof HandL == 'object' && HandL.getAll()['utm_term'] || "utm_term")"
        }         
   });
}, 1000);
</script>
</div>

For Popup you can use this...

<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<a href="#" class="button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/YOUR_LINK/30min', utm: { utmCampaign: Cookies.get("utm_campaign"), utmSource: Cookies.get("utm_source"), utmMedium: Cookies.get("utm_medium"), utmContent: Cookies.get("utm_content"), utmTerm: Cookies.get("gclid") }});return false;">Prendre rendez-vous</a>