Embedding Calendly in Wix Site
ForCreate somea reasoncontainer box in Wix doesand notchange takethe plainID JavaScriptto ashandlCalendly
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:
<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>
}
};