How to Create a Landing Page in Squarespace

CSS

May 28

updated May 28, 2024

In this blog post, I’ll show you the new (easy) way to create a landing page on your Squarespace website. A landing page is a one-page website that's used for sales pages, product launches, crowdfunding campaigns and more; any page where you don't want your normal header or footer to show up on the page. Typically you’d want to remove four things:

header (logo, navigation, etc) on desktop
header on mobile
announcement bar
footer

Follow along in this video walkthrough, then grab the code snippet below. The code in this post is specific to Squarespace 7.1, so if you are on an older version of Squarespace you’ll need to use different code specific to your template.

Custom Code to Remove the Announcement Bar

You’ll paste this code into your Advanced Page Settings for the particular page you want to target:

<style>
  .sqs-announcement-bar {display: none !important;}
</style>

This allows you to remove the header and footer from a page on your Squarespace website to create a landing page. (And if you add the custom code, you can remove the announcement bar as well.) View a before and after here: