We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).

Allow cookies

Remove Site header HTML from Landing Pages

SOLVE
debbie-larkins
New Contributor

‎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!

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
benvanlooy
Solution
Esteemed Contributor | Gold Partner
Esteemed Contributor | Gold Partner

‎Apr 11, 2018 3:15 AM

If this header has an id, you can use css to hide it 🙂

View solution in original post

Reply
0 Upvotes
7 Replies 7
benvanlooy
Solution
Esteemed Contributor | Gold Partner
Esteemed Contributor | Gold Partner

‎Apr 11, 2018 3:15 AM

If this header has an id, you can use css to hide it 🙂

View solution in original post

Reply
0 Upvotes
debbie-larkins
New Contributor

‎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 😕

Reply
0 Upvotes
Phil_Vallender
Community Thought Leader | Diamond Partner
Community Thought Leader | Diamond Partner

‎Apr 12, 2018 2:40 AM

Hi @debbie-larkins

 

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.

Phil Vallender | Inbound marketing for B2B technology companies
Reply
benvanlooy
Esteemed Contributor | Gold Partner
Esteemed Contributor | Gold Partner

‎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 🙂

 

Reply
0 Upvotes
debbie-larkins
New Contributor

‎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

Reply
0 Upvotes
benvanlooy
Esteemed Contributor | Gold Partner
Esteemed Contributor | Gold Partner

‎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?)

 

 

Reply
0 Upvotes
debbie-larkins
New Contributor

‎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&colon;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&colon;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>

Reply
0 Upvotes
Remove Site header HTML from Landing Pages
Developers
Apr 15, 2018