{"id":33136,"date":"2021-10-05T13:41:13","date_gmt":"2021-10-05T13:41:13","guid":{"rendered":"https:\/\/inmoment.com\/?post_type=event&#038;p=33136"},"modified":"2021-10-20T08:09:40","modified_gmt":"2021-10-20T08:09:40","slug":"designing-inclusive-experiences","status":"publish","type":"event","link":"https:\/\/inmoment.com\/en-gb\/event\/designing-inclusive-experiences\/","title":{"rendered":"[Experience Exchange] Designing Inclusive Experiences"},"content":{"rendered":"<section id=\"block-615c54514d046\" class=\"content-block gated-featured-asset-block gated-feature-asset-block-left alignfull no-background\" style=\"\">\n\t\t<div class=\"gated-featured-asset-block-inner\">\n\t\t\t\t\t\t<div class=\"gated-featured-asset-block-form button-\" >\n\t\t\t\t\t\t\t\t\t<h3 class=\"color-albatross\">Register Now<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<script>console.log('');<\/script><script>console.log('33136');<\/script>\t\t<form id=\"mktoForm_357\" class=\"form-dark\"><\/form>\n\t\t<script>\n\t\t\t\/\/ Function to get UTM parameters from local storage\n\t\t\tfunction getUTMParams() {\n\t\t\t\tvar storageData = localStorage.getItem('utm_params');\n\t\t\t\tif (storageData) {\n\t\t\t\t\tstorageData = JSON.parse(storageData);\n\t\t\t\t\tvar currentDate = new Date().getTime();\n\t\t\t\t\tif (currentDate <= storageData.expiration) {\n\t\t\t\t\treturn storageData.data;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tif (undefined !== MktoForms2) {\n\n\t\t\t\tMktoForms2.setOptions({\n\t\t\t\t\tformXDPath:\"\/rs\/645-JLQ-943\/images\/marketo-xdframe-relative.html\"\n\t\t\t\t});\n\n\t\t\t\t\/\/ Load the form.\n\t\t\t\tMktoForms2.loadForm(\"\/\/lp.inmoment.com\", \"645-JLQ-943\", 357, function(form) {\n\t\t\t\t\tconsole.log('https:\/\/inmoment.com\/en-gb\/thank-you\/?type=event&#038;asset=33136');\n\t\t\t\t\tconsole.log('dynamic url option');\n\n\t\t\t\t\t\/\/ Add display: block to all mktoFormRows if the Email field is focused on\n\t\t\t\t\t\/\/ (they'll remain opacity: 0; max-height: 0; until after the email is scrubbed against the ZoomInfo database)\n\t\t\t\t\t\/\/ All rows except Email and Country are hidden to prevent the jerkiness on page load when they appear and suddenly disappear\n\n\t\t\t\t\t\/\/ var emailElement = document.querySelector(\"#Email\");\n\t\t\t\t\t\/\/ var formRowElements = document.querySelectorAll(\".mktoFormRow\");\n\n\t\t\t\t\t\/\/ function handleEmailEvent() {\n\t\t\t\t\t\/\/ \tformRowElements.forEach(function(formRowElement) {\n\t\t\t\t\t\/\/ \t\tvar emailChild = formRowElement.querySelector(\"#Email\");\n\t\t\t\t\t\/\/ \t\tvar countryChild = formRowElement.querySelector(\"#Country\");\n\n\t\t\t\t\t\/\/ \t\tif (!emailChild) {\n\t\t\t\t\t\/\/ \t\t\tif (!countryChild) {\n\t\t\t\t\t\/\/ \t\t\t\tformRowElement.style.display = \"block\";\n\t\t\t\t\t\/\/ \t\t\t}\n\t\t\t\t\t\/\/ \t\t}\n\t\t\t\t\t\/\/ \t});\n\t\t\t\t\t\/\/ }\n\n\t\t\t\t\t\/\/ if (document.documentElement.lang === \"en-US\") {\n\t\t\t\t\t\/\/ \t\/\/ Check if it's a form for Experience Icons or Partner Request\n\t\t\t\t\t\/\/ \tvar parentFormID = emailElement.closest(\"form\").id;\n\t\t\t\t\t\/\/ \tif (parentFormID !== \"mktoForm_726\") {\n\t\t\t\t\t\/\/ \t\tif (parentFormID !== \"mktoForm_986\") {\n\t\t\t\t\t\/\/ \t\t\tif (parentFormID !== \"mktoForm_1225\") {\n\t\t\t\t\t\/\/ \t\t\t\tif (parentFormID !== \"mktoForm_1226\") {\n\t\t\t\t\t\/\/ \t\t\t\t\temailElement.addEventListener(\"focus\", handleEmailEvent);\n\t\t\t\t\t\/\/ \t\t\t\t\temailElement.addEventListener(\"click\", handleEmailEvent);\n\t\t\t\t\t\/\/ \t\t\t\t\temailElement.addEventListener(\"keydown\", handleEmailEvent);\n\t\t\t\t\t\/\/ \t\t\t\t}\n\t\t\t\t\t\/\/ \t\t\t}\n\t\t\t\t\t\/\/ \t\t}\n\t\t\t\t\t\/\/ \t}\n\t\t\t\t\t\/\/ }\n\n\n\t\t\t\t\tvar thankYouUrl = 'https:\/\/inmoment.com\/en-gb\/thank-you\/?type=event&#038;asset=33136';\n\n\t\t\t\t\tvar baseURL = 'https:\/\/inmoment.com\/en-gb\/thank-you\/?';\n\t\t\t\t\tvar data = {\"type\":\"event\",\"asset\":33136};\n\n\t\t\t\t\t\/\/ Create an array of key-value pairs from the data object\n\t\t\t\t\tvar params = Object.entries(data);\n\n\t\t\t\t\t\/\/ Construct the query string by joining the key-value pairs\n\t\t\t\t\tvar queryString = params.map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join('&');\n\n\t\t\t\t\t\/\/ Combine the base URL with the query string\n\t\t\t\t\tvar finalThankyouURL = `${baseURL}${queryString}`;\n\n\t\t\t\t\tconsole.log(finalThankyouURL);\n\n\n\t\t\t\t\tvar lastDownloadedAssetValue = '2021.11.04 - EMEA - Designing Inclusive Experiences - Virtual';\n\t\t\t\t\tvar formType = 'event';\n\n\t\t\t\t\t\/\/ Populate hidden fields\n\t\t\t\t\tif(formType != 'contact'){\n\t\t\t\t\t\t\/\/ form.vals({ \"Last_Downloaded_Asset__c\": '2021.11.04 - EMEA - Designing Inclusive Experiences - Virtual'});\n\t\t\t\t\t\tconsole.log('2021.11.04 - EMEA - Designing Inclusive Experiences - Virtual');\n\t\t\t\t\t\tif(lastDownloadedAssetValue) {\n\t\t\t\t\t\t\tform.vals({ \"Last_Downloaded_Asset__c\": lastDownloadedAssetValue });\n\t\t\t\t\t\t\tconsole.log(lastDownloadedAssetValue);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tvar fallbackLastDownloadedAsset = document.title + '(' + formType + ')';\n\t\t\t\t\t\t\tform.vals({ \"Last_Downloaded_Asset__c\": fallbackLastDownloadedAsset });\n\t\t\t\t\t\t\tconsole.log(fallbackLastDownloadedAsset);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('contact form');\n\t\t\t\t\t}\n\t\t\t\t\t\/\/ var lastDownloadedAsset = (document.title + '(2021.11.04 - EMEA - Designing Inclusive Experiences - Virtual)');\n\t\t\t\t\t\/\/ console.log(lastDownloadedAsset);\n\t\t\t\t\t\/\/ form.vals({ \"Last_Downloaded_Asset__c\": lastDownloadedAsset});\n\n\t\t\t\t\tvar invalidEmailDomains = ['@gmail.','@yahoo.','@hotmail.','@live.','@aol.','@outlook.','@qq.','@comcast.','@icloud.', '@ctpagent.', '@wesolvecx.', '@mailinator.']\n\n\t\t\t\t\t\/\/ function to check if email qualifies as business email\n\t\t\t\t\tvar isBusinessEmail = function(email) {\n\t\t\t\t\t\tfor(var i=0; i < invalidEmailDomains.length; i++) {\n\t\t\t\t\t\t\tvar domain = invalidEmailDomains[i];\n\t\t\t\t\t\t\tif (email.indexOf(domain) != -1) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t};\n\n\t\t\t\t\t\/\/ Form validation goes here.\n\t\t\t\t\tform.onValidate(function() {\n\t\t\t\t\t\t\/\/ var utmParams = getUTMParams();\n\t\t\t\t\t\tvar vals = form.vals();\n\t\t\t\t\t\tconsole.log(vals); \/\/ ONLY FOR DEVELOPMENT, REMOVE FOR PRODUCTION.\n\t\t\t\t\t\tconsole.log('Thankyou URL: ', finalThankyouURL);\n\t\t\t\t\t\t\/\/ form.submittable(false); \/\/ ONLY FOR DEVELOPMENT, REMOVE FOR PRODUCTION. Blocks form from submitting\n\t\t\t\t\t\t\/\/ window.dataLayer = window.dataLayer || []\n                        \/\/ window.dataLayer.push({\n                        \/\/     'event': 'form_submit',\n                        \/\/     'Last Downloaded Asset': vals.Last_Downloaded_Asset__c,\n\t\t\t\t\t\t\/\/ \t'Form Submitted Page': window.location.href,\n\t\t\t\t\t\t\/\/ \t'Content': utmParams.utm_content || '',\n\t\t\t\t\t\t\/\/ \t'Term': utmParams.utm_term || '',\n\t\t\t\t\t\t\/\/ \t'Medium': utmParams.utm_medium || '',\n\t\t\t\t\t\t\/\/ \t'Source': utmParams.utm_source || '',\n\t\t\t\t\t\t\/\/ \t'Campaign': utmParams.utm_campaign || ''\n                        \/\/ });\n                        \/\/ console.log(window.dataLayer);\n\n\t\t\t\t\t\t\/\/validate if is business email from invalidEmailDomains array\n\t\t\t\t\t\tif (!isBusinessEmail(vals.Email)) {\n\t\t\t\t\t\t\tform.submittable(false);\n\t\t\t\t\t\t\tvar emailElem = form.getFormElem().find(\"#Email\");\n\t\t\t\t\t\t\tform.showErrorMessage(\"Please provide a valid work email address\", emailElem);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse { \/\/ Enable submission for those who met the criteria\n\t\t\t\t\t\t\tconsole.log('all good!');\n\t\t\t\t\t\t\tform.submittable(true); \/\/ ONLY FOR PRODUCTION, COMMENT OUT FOR DEVELOPMENT in order to Blocks form from submitting\n\n\t\t\t\t\t\t}\n\n\n\n\t\t\t\t\t});\n\n\t\t\t\t\tform.onSuccess(function(values, followUpUrl) {\n\t\t\t\t\t\tvar utmParams = getUTMParams();\n\t\t\t\t\t\twindow.dataLayer = window.dataLayer || []\n                        window.dataLayer.push({\n                            'event': 'form_submit',\n                            'Last Downloaded Asset': values.Last_Downloaded_Asset__c,\n\t\t\t\t\t\t\t'Form Submitted Page': window.location.href,\n\t\t\t\t\t\t\t'Content': utmParams.utm_content || '',\n\t\t\t\t\t\t\t'Term': utmParams.utm_term || '',\n\t\t\t\t\t\t\t'Medium': utmParams.utm_medium || '',\n\t\t\t\t\t\t\t'Source': utmParams.utm_source || '',\n\t\t\t\t\t\t\t'Campaign': utmParams.utm_campaign || ''\n                        });\n                        console.log(window.dataLayer);\n\t\t\t\t\t\tconsole.log(values);\n\n\t\t\t\t\t\tlocation.href = finalThankyouURL;\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\t\/\/ Remove the Marketo form styles. Source: https:\/\/jsfiddle.net\/sanford\/9wvf0zjz\/\n\t\t\t\tMktoForms2.whenReady(function (form) {\n\n\t\t\t\t\t\/\/ ****** This was used for injecting UTM Parameters into the form\n\t\t\t\t\t\/\/ \/\/ Get UTM parameters from local storage\n\t\t\t\t\t\/\/ var utmParams = getUTMParams();\n\n\t\t\t\t\t\/\/ \/\/ Define field names and create JSON object\n\t\t\t\t\t\/\/ var utm_fieldNames = {\n\t\t\t\t\t\/\/ 'PPC_Content__c': utmParams.utm_content || '',\n\t\t\t\t\t\/\/ 'PPC_Keyword__c': utmParams.utm_term || '',\n\t\t\t\t\t\/\/ 'PPC_Medium__c': utmParams.utm_medium || '',\n\t\t\t\t\t\/\/ 'PPC_Source__c': utmParams.utm_source || '',\n\t\t\t\t\t\/\/ 'PPC_Campaign__c': utmParams.utm_campaign || ''\n\t\t\t\t\t\/\/ };\n\n\t\t\t\t\t\/\/ \/\/ Output the JSON object\n\t\t\t\t\t\/\/ console.log(JSON.stringify(utm_fieldNames));\n\t\t\t\t\t\/\/ form.vals(utm_fieldNames);\n\t\t\t\t\t\/\/ ********* end of UTM Parameter to form\n\n\n\t\t\t\t\tvar formEl = form.getFormElem()[0];\n\n\t\t\t\t\t\/\/ Remove element styles from root and children (may want to disable this while debugging)\n\t\t\t\t\tfor (var elsWithStyles = document.querySelectorAll('#' + formEl.id + ', #' + formEl.id + ' [style]'), i = 0, imax = elsWithStyles.length; i < imax; i++) {\n\t\t\t\t\t\telsWithStyles[i].removeAttribute('style');\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Disable all Marketo-sourced stylesheets\n\t\t\t\t\tfor (var styleSheets = document.styleSheets, i = 0, imax = styleSheets.length; i < imax; i++) {\n\t\t\t\t\t\tvar ssLoc = document.createElement('A');\n\t\t\t\t\t\tssLoc.href = styleSheets[i].href;\n\n\t\t\t\t\t\tif ((ssLoc.hostname.search(\/\\lp\\.inmoment\\.com$\/) !== -1) \/\/ External STYLEs\n\t\t\t\t\t\t||\n\t\t\t\t\t\t((styleSheets[i].ownerNode || styleSheets[i].owningElement).parentNode == formEl)) { \/\/ Inline STYLEs within FORM tag\n\t\t\t\t\t\t\tstyleSheets[i].disabled = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}).onFormRender(function (form){\n\t\t\t\t\t\/\/ Add a class to Labels when input is focus\n\t\t\t\t\tvar input = jQuery( '.mktoForm input, .mktoForm select, .mktoForm textarea' );\n\n\t\t\t\t\tinput.focus( function() {\n\t\t\t\t\t\tjQuery( \"label[for='\" + this.id + \"']\" ).addClass( 'labelfocus' );\n\t\t\t\t\t\tconsole.log(this.id);\n\t\t\t\t\t} ).blur( function() {\n\t\t\t\t\t\tif( !jQuery(this).val() ) {\n\t\t\t\t\t\t\tjQuery( \"label[for='\" + this.id + \"']\" ).removeClass( 'labelfocus' );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t});\n\t\t\t}\n\t\t<\/script>\n\t \t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"gated-featured-asset-block-text\">\n\t\t\t\t\t\t\t\t\t<h5 class=\"gated-featured-asset-block-eyebrow eyebrow-heading-style- color-dory\">Thursday, 4 November 2021 - 12:00pm - 1:00pm GMT<\/h5>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gated-featured-asset-block-text-content \">\n\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Based on our discussions in our last Experience Exchange on Designing Inclusive Experiences, we are delighted to invite you to our next closed-door session with <a href=\"https:\/\/www.linkedin.com\/in\/mark-webb-42b9124\/\" target=\"_blank\" rel=\"noopener\">Mark Webb<\/a>. He is a public speaker and campaigner, inspiring brands and organisations to value all \u2018flavours\u2019 of diversity and notably disability in their experience journey planning. Mark has worked for a number of brands in the past as PR, Marketing and Social Media lead. He is currently Head of Comms for a charity called Shift.ms and Ambassador for a number of brands in retail and leisure. He lives with the progressive illness Multiple Sclerosis, which hasn\u2019t stopped him from talking openly about this disease, being the voice of truth for brands.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Join us for this hour as Mark shares his stories of interacting with brands, who simply could have improved their experiences for all, when just asking the right person the right questions.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">In that spirit, we will spend a considerable amount of time asking and discussing how you can take simple steps on your accessibility journey, creating inclusive journeys, whether it is from an HR or CX perspective. And trust us, Mark will frankly answer any questions you may have, from asking the right survey questions, to the tiniest considerations for accessibility.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">We look forward to seeing you.\u00a0<\/span><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/section>\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"event_type":[],"class_list":["post-33136","event","type-event","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/event\/33136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/event"}],"about":[{"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/types\/event"}],"version-history":[{"count":0,"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/event\/33136\/revisions"}],"wp:attachment":[{"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/media?parent=33136"}],"wp:term":[{"taxonomy":"event_type","embeddable":true,"href":"https:\/\/inmoment.com\/en-gb\/wp-json\/wp\/v2\/event_type?post=33136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}