Wix

• UTM tracking and attribution in Wix Form
• Track UTMs in Calendly on Wix

UTM tracking and attribution in Wix Form

Create Hidden Fields in your WIX Form

Make sure the Field Title matches to our naming convention here What can I track with UTMSimple?

By default, these fields are not hidden, let's make them hidden

Go and Enable Dev mode

Select each field and go to Dev Mode and select "Hidden"

Add the following code in Wix > Settings > Custom Code section

<script>
handl_custom_params=[];var handl_js=document.createElement("script");handl_js.setAttribute("src","https://track.utmsimple.com/utm.js?license=<license key>"),document.head.appendChild(handl_js),handl_js.onload=function(){

handlj('body').on('DOMNodeInserted', '#main_MF', function(e) {
  if (handlj(e.target).attr('id') === 'POPUPS_ROOT') {
    setTimeout(
		function(){
    		all = HandL.getAll()
        Object.keys(all).forEach((x) => {
            if (all[x]) {
                if (handlj('[name="'+x+'"]').length > 0) {

const element = document.querySelector('input[name="'+x+'"]')
const event = new Event('input', { bubbles: true })
const previousValue = element.value

element.value = all[x]
element._valueTracker.setValue(previousValue)
element.dispatchEvent(event)

                }
            }
        })
    		}, 2000)
  }
});

};
</script>

Testing

Test the form and you will see all the UTMs listed in the Form Submission section

Track UTMs in Calendly on Wix

On your book a call page...

Add the following script

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

After that in your Custom Code section in Wix, add the following. Don't forget to swap the <license_key> with your own license key.

<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
<script>
window.onmessage = function(event) {
  if (event.data == 'HandLCalendly'){
  	setTimeout(function(){if (handlj('.wixui-calendly-inline-widget').length > 0) { handlj('.wixui-calendly-inline-widget').next()[0].style="min-width:320px;height:580px;position:relative";Calendly.initInlineWidget({url:"https://calendly.com/franchise-b-protek/15-20-minutes-call-clone",parentElement:handlj('.wixui-calendly-inline-widget').next()[0],utm:{utmCampaign:"object"==typeof HandL&&HandL.getAll().utm_campaign||"",utmSource:"object"==typeof HandL&&HandL.getAll().utm_source||"",utmMedium:"object"==typeof HandL&&HandL.getAll().utm_medium||"",utmContent:"object"==typeof HandL&&HandL.getAll().utm_content||"",utmTerm:"object"==typeof HandL&&HandL.getAll().utm_term||""}});}},500);
  }
};

handl_custom_params=[];var handl_js=document.createElement("script");handl_js.setAttribute("src","https://track.utmsimple.com/utm.js?license=<license_key>"),document.head.appendChild(handl_js),handl_js.onload=function(){};
</script>

That's it