Apr 10, 2018 7:31 PM
Is there a way to remove site header HTML from specific landing pages? We have a zendesk widget, but would prefer not to have this show on a few pages.
Thanks!
Solved! Go to Solution.
Apr 11, 2018 3:15 AM
If this header has an id, you can use css to hide it 🙂
Apr 12, 2018 2:40 AM
In HubSpot you can either apply header code to all pages (in content settings), or individual pages (in the page settings).
If you want your script to not appear on certain pages, you would need to move it from the content settings to all the page settings.
Alternatively, you may be able to configure pages to exclude on the zendesk end - not sure.
Hope this helps.
Apr 12, 2018 2:59 AM
You could also make a module from the header & add a boolean option to hide it on the pages you choose.
If you want, post a link to the page & I'll see if there is somehow a solution with css 🙂
Apr 12, 2018 8:03 PM
Hi @benvanlooy,
The main site is:
http://advantagetelemessaging-2626250.hs-sites.com/advantage-telemessaging-call-center-reading
But the page we are building that we'd like the zendesk script removed/hidden from is:
http://advantagetelemessaging-2626250.hs-sites.com/hi2018-0
Obvs, both are a work in progress... but any help we can get with this would be appreciated!
Thanks, Debbie
Apr 13, 2018 2:57 AM
Hi there
thanks!
And which part of the page would you like to be hidden?
(which part of the header?)
Apr 15, 2018 10:28 PM
Haha, yeah I guess that would help, huh!
It's the support widget that shows at the bottom of the page... in the source code its this:
<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="x-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='x-javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="atminc.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
/*]]>*/
window.zESettings = {
webWidget: {
position: {
horizontal: 'left',
vertical: 'bottom'
},
color: {
theme: '#A5292E'
}
}
};
</script>
Apr 11, 2018 3:15 AM
If this header has an id, you can use css to hide it 🙂
Apr 11, 2018 6:44 PM
Thanks for your reply. It doesn't have an ID - it's just a standard zendesk script that been put into the site header 😕