Step 1
Click the PAGES link on the top menu of your studio or the Plus + button on the page tabs bar to open the Pages & Navigation window.ย
Step 2
Hover over the pages list and click the Add Code icon. It looks like this: </>
Step 3
In the Add Code window tabs bar choose between Add Code to Page and Add Code to all Pages options. Through these two tabs you can apply changes to single page or to all pages at once.
Step 4
Copy the following script and paste it into the <head> section:
<!-- Start of design-editor Zendesk Widget script -->
<script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","design-editor.zendesk.com");
/*]]>*/</script>
<!-- End of design-editor Zendesk Widget script -->
โ