Skip to main content

Embedding Calendly in Wix Site

ForCreate somea reasoncontainer box in Wix doesand notchange takethe plainID JavaScriptto ashandlCalendly

is.

One

After shouldthat, minifyopen the page velo section and copy paste this

import wixWindowFrontend from 'wix-window-frontend';
$w.onReady(function () {
	$w("#handlCalendly").customClassList.add("calendly-inline-widget")
	wixWindowFrontend.postMessage('HandLCalendly');
})

And finally in global settings, go to Custom Code section and copy paste the code andbelow:

embed.

<divwindow.onmessage id="handlCalendly"= class="calendly-inline-widget"function(event) style="min-width:320px;height:580px;"{
  data-auto-load="false">if <script(event.data type="text/javascript"== src="https://assets.calendly.com/assets/external/widget.js"></script><script>'HandLCalendly'){
	setTimeout(function(){
        Calendly.initInlineWidget({
            url:" 'https://calendly.com/my-company/15-20-minutes-call-clone"YOUR_LINK/30min',
            parentElement: document.getElementById("handlCalendly"'handlCalendly'),
            utm: {
                utmCampaign:"object"== typeof HandL == 'object' && HandL.getAll().utm_campaign|['utm_campaign'] || "",
                utmSource:"object"== typeof HandL == 'object' && HandL.getAll().utjm_source|['utjm_source'] || "",
                utmMedium:"object"== typeof HandL == 'object' && HandL.getAll().utm_medium|['utm_medium'] || "",
                utmContent:"object"== typeof HandL == 'object' && HandL.getAll().utm_content|['utm_content'] || "",
                utmTerm:"object"== typeof HandL == 'object' && HandL.getAll().utm_term|['utm_term'] || ""
            }         
       });
	},1e3) 1000);</script></div>
 }
};