Two CSS Tips to Help Improve Your HubSpot Landing Page Conversions

HubSpot uses a templating system which is great for creating landing page content on the fly. However, sometimes we need a little more fine-grained control over what is and isn't displayed on the page when trying to increase our conversion rates. Two easy ways we can do this are by hiding the courtesy and footer links.

Since there is no interface to hide these items by default, we'll use a little css placed in the HTML Head Tag Text area under Page Properties to achieve what we want.

Make sure to wrap your css in style (<style> </style>) tags otherwise these propeties will not work.

Hide the courtesy links on Foxboro:

 div#foxboro_courtesy_links {display:none;}

Hide the footer links on Foxboro:

 div#foxboro_footer div span#dnn_dnnLINKS_lblLinks {visibility:hidden;}

Hide the footer links on Brighton:

 div#brighton_footer div.radmenu {visibility:hidden;}

* Note: Foxboro uses a drop down for child pages. Brighton uses a sidemenu for child pages.
** Note: Courtesy links are the links in the top right hand corner of the page.